:root {
  --top1-bg: #e6edf4;
  --top1-surface: #ffffff;
  --top1-surface-alt: #f8fafc;
  --top1-surface-muted: #f1f5f9;
  --top1-panel-tint: #f3f6fb;
  --top1-sidebar: #0f1b2d;
  --top1-sidebar-border: rgba(255, 255, 255, 0.08);
  --top1-sidebar-text: rgba(244, 247, 251, 0.92);
  --top1-sidebar-text-muted: rgba(202, 213, 226, 0.72);
  --top1-text: #111827;
  --top1-muted: #4b5563;
  --top1-border: #e5e7eb;
  --top1-border-strong: #d8dee6;
  --top1-accent: #2563eb;
  --top1-accent-soft: #eaf1ff;
  --top1-success-soft: #eefaf2;
  --top1-success: #13824b;
  --top1-success-border: #b8dfc5;
  --top1-warning-soft: #fff7eb;
  --top1-warning: #b25b00;
  --top1-warning-border: #f3d19a;
  --top1-danger-soft: #fff1f1;
  --top1-danger: #c92a2a;
  --top1-danger-border: #e9b7b7;
  --top1-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  --top1-shadow-raised: 0 10px 28px rgba(15, 23, 42, 0.08);
  --top1-radius-sm: 6px;
  --top1-radius-md: 8px;
  --top1-scrollbar-size: 10px;
  --top1-scrollbar-track: rgba(226, 232, 240, 0.72);
  --top1-scrollbar-thumb: #9aa7b8;
  --top1-scrollbar-thumb-hover: #64748b;
  --top1-scrollbar-thumb-border: rgba(248, 250, 252, 0.92);
  --top1-space-1: 8px;
  --top1-space-2: 12px;
  --top1-space-3: 16px;
  --top1-space-4: 20px;
  --top1-space-5: 24px;
  --top1-content-max: 1290px;
  --top1-sidebar-width: 168px;
  --top1-sidebar-content-width: 148px;
  --top1-inspector-width: 300px;
  --top1-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --top1-planner-zoom: 1;
  --top1-page-pad-x: 21px;
  --top1-page-pad-y: 14px;
  --top1-page-pad-bottom: 20px;
  --top1-grid-gap: 10px;
  --top1-summary-columns: 4;
  --top1-detail-columns: 3;
  --top1-form-grid-min: 220px;
  --top1-form-grid-compact-min: 180px;
}

/* === TOP1 Repair Plan Premium UI Refinement 2026-07-14 === */
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page {
	--repair-surface: #ffffff;
	--repair-surface-soft: #f6f9fd;
	--repair-surface-blue: #f1f6ff;
	--repair-focus: rgba(37, 99, 235, .22);
	font-variant-numeric: tabular-nums;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px 24px;
	align-items: center;
	padding: 17px 18px 14px;
	border: 1px solid #d9e3ef;
	border-radius: 17px;
	background:
		radial-gradient(circle at 92% -35%, rgba(37, 99, 235, .16), transparent 39%),
		linear-gradient(135deg, #ffffff 0%, #fbfdff 67%, #f5f9ff 100%);
	box-shadow: 0 16px 42px rgba(30, 52, 82, .075);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-identity {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 13px;
	align-items: center;
	min-width: 0;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid #bcd3fb;
	border-radius: 14px;
	background: linear-gradient(145deg, #edf5ff, #dceaff);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 7px 18px rgba(37, 99, 235, .12);
	color: #1d4ed8;
	font-size: 14px;
	font-weight: 950;
	letter-spacing: .035em;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-eyebrow {
	display: block;
	margin-bottom: 3px;
	color: #52709a;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-identity h1 {
	margin: 0;
	color: var(--repair-ink);
	font-size: clamp(22px, 2vw, 28px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -.035em;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-identity p {
	max-width: 720px;
	margin: 5px 0 0;
	color: var(--repair-muted);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.42;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-actions :is(.top1-secondary-button, .top1-app-button) {
	min-height: 38px;
	padding-inline: 13px;
	border-radius: 10px;
	font-size: 11.5px;
	font-weight: 850;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-toggle > span[aria-hidden="true"] {
	color: #46627f;
	font-size: 14px;
	line-height: 1;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #e1e8f1;
	border-radius: 12px;
	background: rgba(248, 251, 255, .88);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
	min-width: 0;
	padding: 9px 12px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span + span {
	border-left: 1px solid #e1e8f1;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip small {
	overflow: hidden;
	color: #63758d;
	font-size: 10.5px;
	font-weight: 800;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip strong {
	color: #172033;
	font-size: 16px;
	font-weight: 950;
	line-height: 1;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(2) strong {
	color: #64748b;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(3) strong {
	color: #2563eb;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(4) strong,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(5) strong {
	color: #0b8a60;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-layout {
	transition: grid-template-columns 180ms ease, gap 180ms ease;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list {
	min-width: 0;
	transition: max-width 180ms ease, padding 180ms ease, border-width 180ms ease, opacity 130ms ease;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-layout {
	grid-template-columns: 0 minmax(0, 1fr) !important;
	gap: 0 !important;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-list {
	max-width: 0;
	padding-inline: 0;
	overflow: hidden;
	border-width: 0;
	opacity: 0;
	pointer-events: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-filters {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3px;
	margin: 0 0 10px;
	padding: 3px;
	border: 1px solid #e1e8f1;
	border-radius: 10px;
	background: #f3f6fa;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-filters button {
	min-width: 0;
	min-height: 29px;
	padding: 5px 6px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #69798e;
	cursor: pointer;
	font: inherit;
	font-size: 9.5px;
	font-weight: 850;
	line-height: 1.1;
	transition: background 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-filters button:hover {
	color: #1e4e91;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-filters button.is-active {
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(30, 52, 82, .09);
	color: #1d4ed8;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-card-total,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-summary strong,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row > :is(span, strong):last-child {
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-card-total {
	color: #173c72;
	font-size: 12px;
	font-weight: 900;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table {
	overflow: visible;
	border: 1px solid #dce5ef;
	border-radius: 12px;
	background: #fff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row {
	min-height: 54px;
	padding: 10px 12px;
	border-color: #e8eef5;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row-head {
	min-height: 35px;
	padding-block: 8px;
	background: #f5f8fc;
	color: #65758b;
	font-size: 9.5px;
	font-weight: 900;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) {
	color: #27364a;
	font-size: 11.5px;
	line-height: 1.4;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-note {
	position: relative;
	margin-top: 5px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-note > summary {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 7px;
	border: 1px solid #d7e2ef;
	border-radius: 7px;
	background: #f7f9fc;
	color: #526780;
	cursor: pointer;
	list-style: none;
	font-size: 9.5px;
	font-weight: 850;
	line-height: 1.15;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-note > summary::-webkit-details-marker {
	display: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-note > summary::after {
	content: "+";
	font-size: 12px;
	line-height: 1;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-note[open] > summary::after {
	content: "−";
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-note > p {
	position: absolute;
	z-index: 8;
	top: calc(100% + 6px);
	left: 0;
	width: min(360px, 72vw);
	margin: 0;
	padding: 10px 11px;
	border: 1px solid #cddbeb;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 14px 32px rgba(30, 52, 82, .16);
	color: #40536a;
	font-size: 10.5px;
	font-weight: 650;
	line-height: 1.48;
}

.top1-app-shell[data-top1-section="repair_plan"] :is(
	.top1-repair-edit-details,
	.top1-repair-calculator-popover,
	.top1-partsapi-panel
)[open] {
	border-color: #b9cceb;
	box-shadow: 0 12px 30px rgba(30, 52, 82, .09);
}

.top1-app-shell[data-top1-section="repair_plan"] :is(
	.top1-repair-edit-details > summary,
	.top1-repair-calculator-trigger,
	.top1-partsapi-panel > summary,
	.top1-repair-line-note > summary,
	.top1-repair-list-filters button,
	.top1-repair-list-toggle
):focus-visible {
	outline: 3px solid var(--repair-focus);
	outline-offset: 2px;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-layout {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-list {
		max-height: 0;
	}
}

@media (max-width: 820px) {
	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-header {
		grid-template-columns: 1fr;
		padding: 15px;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-actions {
		justify-content: flex-start;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span + span {
		border-left: 0;
		border-top: 1px solid #e1e8f1;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(even) {
		border-left: 1px solid #e1e8f1;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:first-child,
	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(2) {
		border-top: 0;
	}
}

@media (max-width: 560px) {
	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-identity {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 10px;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-mark {
		width: 40px;
		height: 40px;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-actions :is(.top1-secondary-button, .top1-app-button) {
		flex: 1 1 140px;
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.top1-app-shell[data-top1-section="repair_plan"] :is(
		.top1-repair-plan-layout,
		.top1-repair-plan-list,
		.top1-repair-list-filters button
	) {
		transition: none;
	}
}


/* Final orders popover override: must stay the last word in the cascade. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel {
  position: relative !important;
  z-index: 40 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] {
  position: relative !important;
  z-index: 320 !important;
  display: block !important;
  grid-column: auto !important;
  width: fit-content !important;
  height: 32px !important;
  min-height: 32px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > summary {
  display: inline-flex !important;
  margin-bottom: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
  position: absolute !important;
  z-index: 340 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(420px, calc(100dvw - 56px)) !important;
  max-width: calc(100dvw - 56px) !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.99) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  right: 18px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.24) !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
  position: absolute !important;
  top: var(--top1-order-popover-top, 58px) !important;
  left: var(--top1-order-popover-left, 12px) !important;
  z-index: 90 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.18), 0 8px 20px rgba(15, 23, 42, 0.08) !important;
  box-sizing: border-box !important;
  width: var(--top1-order-popover-width, min(640px, calc(100% - 24px))) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: var(--top1-order-popover-max-height, min(430px, calc(100vh - 178px))) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  left: var(--top1-order-popover-arrow-left, 32px) !important;
  width: 12px !important;
  height: 12px !important;
  margin-left: -6px !important;
  border-top: 1px solid #cfdcf0 !important;
  border-left: 1px solid #cfdcf0 !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

/* Stage 1 safe manual parts-selection helper inside canonical order workspace. */
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-parts-selection-card {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 0 10px !important;
  padding: 14px !important;
  border: 1px solid #dfe8f2 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 10px 22px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-parts-selection-popover[open] > .top1-parts-selection-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-head-side {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-title {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #64748b !important;
  cursor: pointer !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-close:hover,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-close:focus-visible {
  border-color: #9bbcff !important;
  background: #eef5ff !important;
  color: #174ea6 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-title > span {
  color: #9a3412 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-title h3,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-panel h4 {
  margin: 0 !important;
  color: #101828 !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-title p {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-discipline {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  max-width: 520px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-discipline span,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-work-list span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #1d4ed8 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-discipline span:nth-child(2) {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-discipline span:nth-child(3) {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-panel {
  display: grid !important;
  align-content: start !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding: 11px !important;
  border: 1px solid #e5edf6 !important;
  border-radius: 10px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-panel-wide {
  grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-fact,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-order-no {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid #e7eef7 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-fact span,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-order-no span,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-phrase span {
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-fact strong,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-order-no strong {
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-context {
  display: grid !important;
  grid-template-columns: minmax(120px, 160px) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-work-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-phrases {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-phrase {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-phrase input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid #d9e6f4 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-phrase input:focus {
  border-color: #93c5fd !important;
  outline: 2px solid rgba(147, 197, 253, 0.32) !important;
  outline-offset: 1px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-targets {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-target {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  align-content: start !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-target .top1-secondary-button {
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-target .top1-secondary-button.is-disabled {
  border-color: #e4ebf3 !important;
  background: #f8fafc !important;
  color: #94a3b8 !important;
  cursor: default !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-target small {
  color: #667085 !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-panel-note {
  margin: -3px 0 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-warning {
  padding: 9px 10px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 10px !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-targets-form {
  display: grid !important;
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-targets-list {
  display: grid !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #e3edf7 !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head > span {
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-enabled,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-delete {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-fields {
  display: grid !important;
  grid-template-columns: minmax(130px, 1fr) minmax(220px, 1.6fr) minmax(130px, .8fr) minmax(86px, .5fr) minmax(116px, .7fr) !important;
  gap: 8px !important;
  align-items: end !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-url-field {
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-card,
.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-form {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-card {
  order: 1000 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-form {
  display: grid !important;
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-key-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-key-hint {
  align-content: center !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-key-hint strong {
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 860 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-status-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-status-strip > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 9px 10px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-status-strip span {
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-status-strip strong {
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-card {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-card.is-core {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-card.is-money {
  border-color: #abefc6 !important;
  background: #ecfdf3 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-card.is-off {
  border-color: #e2e8f0 !important;
  background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-card span {
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-card strong {
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-note {
  margin-top: -2px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-panel {
  display: grid !important;
  gap: 0 !important;
  min-width: 0 !important;
  max-height: clamp(260px, calc(100vh - 260px), 520px) !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-head,
.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-row {
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) 108px 54px !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-bottom: 1px solid #dbe6f2 !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-row {
  position: relative !important;
  min-height: 68px !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid #edf2f7 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-row:last-child {
  border-bottom: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name strong {
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name span {
  min-width: 0 !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name .top1-partsapi-scenario-tag {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name .top1-partsapi-scenario-tag.is-core {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name .top1-partsapi-scenario-tag.is-off {
  border-color: #e2e8f0 !important;
  background: #f8fafc !important;
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name .top1-partsapi-scenario-tag.is-train {
  border-color: #fde68a !important;
  background: #fffbeb !important;
  color: #92400e !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-name .top1-partsapi-scenario-copy {
  color: #475569 !important;
  font-size: 10.5px !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-mode-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  color: #475569 !important;
  background: #f8fafc !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-mode-badge.is-temporary {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-mode-badge.is-paid {
  border-color: #abefc6 !important;
  background: #ecfdf3 !important;
  color: #067647 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-mode-badge.is-off {
  border-color: #cbd5e1 !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-edit-cell {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover-wrap {
  position: relative !important;
  display: inline-flex !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-card .top1-icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-card .top1-icon-button:hover,
.top1-app-shell[data-top1-section="settings"] .top1-partsapi-settings-card .top1-icon-button:focus-visible {
  border-color: #94a3b8 !important;
  background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  z-index: 40 !important;
  display: none !important;
  width: min(280px, calc(100vw - 32px)) !important;
  padding: 6px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .16) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover-wrap.is-flipped .top1-partsapi-popover {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover.is-open {
  display: grid !important;
  gap: 4px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover button {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 30px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #1f2937 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover button:hover,
.top1-app-shell[data-top1-section="settings"] .top1-partsapi-popover button:focus-visible {
  background: #eef4ff !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-method-key-field {
  display: grid !important;
  gap: 4px !important;
  margin-top: 4px !important;
  padding-top: 8px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-method-key-field span {
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-partsapi-method-key-field input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 9px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-key-grid,
  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-status-strip,
  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-scenario-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-head {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-row {
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 8px !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-row > div:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: 128px !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-partsapi-module-edit-cell {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-form-wrap {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-form-wrap > summary {
  width: max-content !important;
  max-width: 100% !important;
  list-style: none !important;
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-form-wrap > summary::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-form {
  margin-top: 8px !important;
  padding: 11px !important;
  border: 1px solid #e5edf6 !important;
  border-radius: 10px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidates {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidates h4 {
  margin: 0 !important;
  color: #101828 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-empty {
  padding: 10px 11px !important;
  border: 1px dashed #d8e3ef !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-list {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding: 11px !important;
  border: 1px solid #e3ebf5 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-main {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-main > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-main strong {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-main small,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid small {
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  flex: 0 0 auto !important;
  padding: 0 8px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-status.is-needs_check {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-status.is-master_confirmed {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-status.is-rejected {
  border-color: #fecaca !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid span {
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid strong {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid a {
  width: max-content !important;
  max-width: 100% !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-note {
  padding: 8px 9px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-meta,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-meta span {
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-state {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-state form {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-state .top1-app-button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-state span,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-state a {
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-hint {
  color: #64748b !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-transfer-link {
  color: #2563eb !important;
  text-decoration: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-actions form {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-actions .top1-secondary-button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-local-suggestions {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-local-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-local-head h4 {
  margin: 0 0 4px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-local-head p {
  max-width: 760px !important;
  margin: 0 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-list {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-main {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-main > div,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-reasons,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-main strong {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-main small {
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-badge,
.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-reasons span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-badge.is-transferred {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-grid > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-grid span {
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-grid strong {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-actions form {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-actions .top1-secondary-button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  white-space: normal !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-rows {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-filter {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.2fr) minmax(160px, .9fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #e5edf6 !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-filter .top1-client-form-field {
  margin: 0 !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-filter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-filter-actions .top1-secondary-button {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  white-space: normal !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-list {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-row {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 8px !important;
  background: #fffaf5 !important;
}

@media (max-width: 860px) {
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-head,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-context {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-head {
    display: grid !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-head-side {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-discipline {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-facts,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-phrases,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-targets,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-form-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-price-filter,
  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-suggestion-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-parts-selection-candidate-main {
    display: grid !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head,
  .top1-app-shell[data-top1-section="settings"] .top1-manual-target-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head {
    display: grid !important;
  }
}

@media (min-width: 1160px) {
  .top1-parts-quote-name-field {
    grid-column: 2 / 6;
  }

  .top1-parts-quote-manufacturer-field {
    grid-column: 6 / 8;
    grid-row: 1;
  }

  .top1-order-quote-form .top1-parts-quote-name-field {
    grid-column: 3 / 9;
  }

  .top1-order-quote-form .top1-parts-quote-manufacturer-field {
    grid-column: 9 / 13;
    grid-row: 1;
  }

  .top1-order-quote-form .top1-parts-quote-supplier-field {
    grid-column: 1 / 5;
  }

  .top1-parts-catalog-manufacturer-field {
    grid-column: 3 / 5;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-name-field {
  grid-column: 4 / 8 !important;
  grid-row: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-manufacturer-field {
  grid-column: 8 / 13 !important;
  grid-row: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-supplier-field {
  grid-column: 1 / 5 !important;
  grid-row: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-name-field {
  grid-column: span 5 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-manufacturer-field {
  grid-column: span 4 !important;
}

/* Final cascade override: work edit must remain a floating popover above parts/final cards. */
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-services .top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1600 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-side,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-actions {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1710 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] {
  z-index: 1720 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body {
  z-index: 1730 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium:has(.top1-order-work-edit-panel[open]) .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-side,
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-actions {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium .top1-order-work-card:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1710 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium .top1-order-work-card-actions .top1-order-work-edit-panel[open] {
  z-index: 1720 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium .top1-order-work-card-actions .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body {
  z-index: 1730 !important;
}

/* Final cascade override: work edit must remain a floating popover above parts/final cards. */
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-services .top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1600 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-side,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-actions {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1710 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] {
  z-index: 1720 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body {
  z-index: 1730 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] {
  max-height: min(230px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] {
  max-height: min(380px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] {
  max-height: min(430px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] {
  max-height: min(340px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
    right: auto !important;
    left: 0 !important;
    width: min(420px, 100%) !important;
    max-width: 100% !important;
  }
}

/* Orders popovers: keep popover behavior and render them as one proper surface. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel {
  position: relative !important;
  z-index: 40 !important;
  align-self: center !important;
  justify-self: end !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] {
  position: relative !important;
  z-index: 320 !important;
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: center !important;
  justify-self: end !important;
  width: fit-content !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > summary {
  display: inline-flex !important;
  width: auto !important;
  margin-bottom: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
  position: absolute !important;
  z-index: 340 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  display: grid !important;
  gap: 12px !important;
  width: min(420px, calc(100dvw - 56px)) !important;
  max-width: calc(100dvw - 56px) !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.99) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  right: 18px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.24) !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
  position: absolute !important;
  top: var(--top1-order-popover-top, 58px) !important;
  left: var(--top1-order-popover-left, 12px) !important;
  z-index: 90 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.18), 0 8px 20px rgba(15, 23, 42, 0.08) !important;
  box-sizing: border-box !important;
  width: var(--top1-order-popover-width, min(640px, calc(100% - 24px))) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: var(--top1-order-popover-max-height, min(430px, calc(100vh - 178px))) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  left: var(--top1-order-popover-arrow-left, 32px) !important;
  width: 12px !important;
  height: 12px !important;
  margin-left: -6px !important;
  border-top: 1px solid #cfdcf0 !important;
  border-left: 1px solid #cfdcf0 !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] {
  max-height: min(230px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] {
  max-height: min(380px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] {
  max-height: min(430px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] {
  max-height: min(340px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
    right: auto !important;
    left: 0 !important;
    width: min(420px, 100%) !important;
    max-width: 100% !important;
  }
}

* {
  box-sizing: border-box;
}

html {
  background: var(--top1-bg);
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

@media (min-width: 1181px) {
  html:has(.top1-app-shell[data-top1-section="planner"]) {
    overflow-y: hidden;
    scrollbar-gutter: auto;
  }

  body:has(.top1-app-shell[data-top1-section="planner"]) {
    overflow: hidden;
  }
}

body {
  margin: 0;
  background: var(--top1-bg);
  color: var(--top1-text);
  font-family: var(--top1-font);
  line-height: 1.5;
}

html,
body,
.top1-app-shell,
.top1-login-shell,
.top1-app-shell *,
.top1-login-shell * {
  scrollbar-width: thin;
  scrollbar-color: var(--top1-scrollbar-thumb) var(--top1-scrollbar-track);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.top1-app-shell::-webkit-scrollbar,
.top1-login-shell::-webkit-scrollbar,
.top1-app-shell *::-webkit-scrollbar,
.top1-login-shell *::-webkit-scrollbar {
  width: var(--top1-scrollbar-size);
  height: var(--top1-scrollbar-size);
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.top1-app-shell::-webkit-scrollbar-track,
.top1-login-shell::-webkit-scrollbar-track,
.top1-app-shell *::-webkit-scrollbar-track,
.top1-login-shell *::-webkit-scrollbar-track {
  border-radius: 999px;
  background: var(--top1-scrollbar-track);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.top1-app-shell::-webkit-scrollbar-thumb,
.top1-login-shell::-webkit-scrollbar-thumb,
.top1-app-shell *::-webkit-scrollbar-thumb,
.top1-login-shell *::-webkit-scrollbar-thumb {
  min-width: 36px;
  min-height: 36px;
  border: 2px solid var(--top1-scrollbar-thumb-border);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 42%),
    var(--top1-scrollbar-thumb);
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.top1-app-shell::-webkit-scrollbar-thumb:hover,
.top1-login-shell::-webkit-scrollbar-thumb:hover,
.top1-app-shell *::-webkit-scrollbar-thumb:hover,
.top1-login-shell *::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 42%),
    var(--top1-scrollbar-thumb-hover);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.top1-app-shell::-webkit-scrollbar-corner,
.top1-login-shell::-webkit-scrollbar-corner,
.top1-app-shell *::-webkit-scrollbar-corner,
.top1-login-shell *::-webkit-scrollbar-corner {
  background: transparent;
}

.top1-app-shell,
.top1-login-shell {
  cursor: default;
  user-select: none;
}

.top1-app-shell input,
.top1-app-shell textarea,
.top1-app-shell select,
.top1-login-shell input,
.top1-login-shell textarea,
.top1-login-shell select,
.top1-app-shell [contenteditable="true"],
.top1-login-shell [contenteditable="true"] {
  user-select: text;
}

.top1-app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.top1-app-shell textarea,
.top1-login-shell input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.top1-login-shell textarea,
.top1-app-shell [contenteditable="true"],
.top1-login-shell [contenteditable="true"] {
  cursor: text;
}

.top1-app-shell button,
.top1-app-shell a,
.top1-app-shell summary,
.top1-app-shell select,
.top1-app-shell label,
.top1-app-shell input[type="button"],
.top1-app-shell input[type="submit"],
.top1-app-shell input[type="reset"],
.top1-login-shell button,
.top1-login-shell a,
.top1-login-shell summary,
.top1-login-shell select,
.top1-login-shell label,
.top1-login-shell input[type="button"],
.top1-login-shell input[type="submit"],
.top1-login-shell input[type="reset"] {
  cursor: pointer;
}

.top1-app-shell details:not([open]) > :not(summary) {
  display: none !important;
}

a,
button,
input,
select,
textarea {
  font: inherit;
}

.top1-login-shell {
  --top1-scrollbar-track: rgba(255, 255, 255, 0.08);
  --top1-scrollbar-thumb: rgba(207, 216, 224, 0.46);
  --top1-scrollbar-thumb-hover: rgba(239, 245, 249, 0.66);
  --top1-scrollbar-thumb-border: rgba(16, 24, 28, 0.82);
  min-height: 100vh;
  min-height: 100dvh;
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  display: grid;
  place-items: center;
  padding: 24px 20px;
  background:
    radial-gradient(920px 320px at 18% 0%, rgba(188, 201, 195, 0.18), transparent 66%),
    radial-gradient(760px 300px at 84% 16%, rgba(95, 118, 109, 0.24), transparent 62%),
    linear-gradient(148deg, #0d1214 0%, #141c1d 42%, #202b29 100%);
}

.top1-login-shell::before {
  content: "";
  position: absolute;
  inset: -8% 52% 18% -12%;
  background: linear-gradient(135deg, rgba(209, 216, 211, 0.18) 0%, rgba(149, 164, 157, 0.06) 52%, rgba(255, 255, 255, 0) 82%);
  transform: skewX(-16deg);
  pointer-events: none;
}

.top1-login-shell::after {
  content: "";
  position: absolute;
  inset: 10% -12% -8% 60%;
  background: linear-gradient(180deg, rgba(216, 224, 219, 0.12) 0%, rgba(216, 224, 219, 0.03) 46%, rgba(214, 221, 226, 0) 100%);
  transform: skewX(-14deg);
  pointer-events: none;
}

.top1-login-window {
  --top1-login-window-max: 372px;
  --top1-login-window-pad: 14px;
  --top1-login-window-inner-pad: 11px;
  --top1-login-title-size: 25px;
  --top1-login-title-gap-top: 11px;
  --top1-login-title-gap-bottom: 5px;
  --top1-login-meta-columns: repeat(2, minmax(0, 1fr));
  --top1-login-meta-gap: 7px;
  --top1-login-meta-pad: 8px;
  --top1-login-body-gap: 10px;
  --top1-login-form-gap: 8px;
  --top1-login-input-height: 36px;
  --top1-login-footer-gap: 9px;
  width: min(100%, var(--top1-login-window-max));
  position: relative;
  z-index: 1;
  isolation: isolate;
  overflow: hidden;
  padding: var(--top1-login-window-pad);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--top1-radius-md);
  background:
    linear-gradient(180deg, rgba(34, 44, 45, 0.82) 0%, rgba(21, 28, 30, 0.86) 48%, rgba(18, 24, 27, 0.9) 100%);
  box-shadow:
    0 36px 86px rgba(0, 0, 0, 0.46),
    0 12px 26px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(24px) saturate(1.22);
}

.top1-login-window::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 22%, rgba(255, 255, 255, 0) 44%),
    radial-gradient(360px 120px at 50% 0%, rgba(255, 255, 255, 0.09), transparent 74%);
  pointer-events: none;
  z-index: 0;
}

.top1-login-window::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  z-index: 1;
}

.top1-login-window > * {
  position: relative;
  z-index: 2;
}

.top1-login-window-compact {
  width: min(100%, calc(var(--top1-login-window-max) - 20px));
  text-align: center;
}

.top1-login-window-entry .top1-login-kicker,
.top1-login-window-entry .top1-login-brand-row,
.top1-login-window-entry .top1-login-note,
.top1-login-window-entry .top1-login-meta,
.top1-login-window-entry .top1-login-inline-note,
.top1-login-window-entry .top1-login-footer {
  display: none;
}

.top1-login-window-entry .top1-login-title {
  margin: 0 0 12px;
  font-size: 0;
  text-align: center;
}

.top1-login-window-entry .top1-login-title::before {
  content: "Вход для сотрудников";
  display: block;
  font-size: calc(var(--top1-login-title-size) - 2px);
  line-height: 1.02;
  color: #fbfcfa;
  font-family: "Baskerville Old Face", Baskerville, Cambria, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
}

.top1-login-window-entry .top1-login-title::after {
  content: "ТОП-1";
  display: block;
  margin-top: 4px;
  font-size: calc(var(--top1-login-title-size) - 1px);
  line-height: 1;
  font-family: "Baskerville Old Face", Baskerville, Cambria, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  color: #c74343;
  text-shadow: 0 0 14px rgba(199, 67, 67, 0.18);
}

.top1-login-window-entry .top1-login-body {
  margin-top: 0;
}

.top1-login-window-entry .top1-login-body::before {
  content: "СЕРВИСА";
  display: block;
  margin: 3px 0 10px;
  text-align: center;
  font-size: calc(var(--top1-login-title-size) - 4px);
  line-height: 1;
  color: #fbfcfa;
  font-family: "Baskerville Old Face", Baskerville, Cambria, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
}

.top1-login-window-entry .top1-login-form-wrap {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none !important;
}

.top1-login-shell-entry {
  padding: clamp(10px, 2.2vh, 24px) clamp(12px, 2.2vw, 20px);
  overflow: hidden;
}

.top1-login-shell:not(.top1-login-shell-entry) {
  background:
    linear-gradient(140deg, rgba(251, 252, 251, 0.98) 0%, rgba(236, 241, 238, 0.96) 36%, rgba(220, 228, 232, 0.97) 100%);
}

.top1-login-shell:not(.top1-login-shell-entry)::before {
  inset: -8% 52% 18% -12%;
  background: linear-gradient(135deg, rgba(209, 216, 211, 0.18) 0%, rgba(149, 164, 157, 0.06) 52%, rgba(255, 255, 255, 0) 82%);
}

.top1-login-shell:not(.top1-login-shell-entry)::after {
  inset: 10% -12% -8% 60%;
  background: linear-gradient(180deg, rgba(216, 224, 219, 0.12) 0%, rgba(216, 224, 219, 0.03) 46%, rgba(214, 221, 226, 0) 100%);
}

.top1-login-window:not(.top1-login-window-entry) {
  border: 1px solid rgba(255, 255, 255, 0.82);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 251, 253, 0.94) 48%, rgba(243, 246, 249, 0.92) 100%);
  box-shadow:
    0 28px 72px rgba(15, 23, 42, 0.12),
    0 10px 24px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(18px) saturate(1.04);
}

.top1-login-window:not(.top1-login-window-entry)::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.18) 24%, rgba(255, 255, 255, 0) 44%),
    radial-gradient(360px 120px at 50% 0%, rgba(255, 255, 255, 0.26), transparent 74%);
}

.top1-login-window:not(.top1-login-window-entry)::after {
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-kicker {
  color: #64748b;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-brand-row::after {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.08), rgba(71, 85, 105, 0.28), rgba(148, 163, 184, 0.08));
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-brand {
  color: #0f172a;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-chip {
  border-color: rgba(148, 163, 184, 0.24);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 247, 248, 0.9) 100%);
  color: #475569;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 6px 14px rgba(15, 23, 42, 0.04);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-title {
  color: #0f172a;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-note,
.top1-login-window:not(.top1-login-window-entry) .top1-login-help {
  color: #526074;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-meta-item {
  border-color: rgba(209, 217, 224, 0.74);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(245, 247, 249, 0.88) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 8px 18px rgba(15, 23, 42, 0.03);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-meta-label {
  color: #64748b;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-meta-item strong {
  color: #111827;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap {
  border-color: rgba(210, 218, 226, 0.84);
  background: linear-gradient(180deg, rgba(252, 252, 253, 0.72) 0%, rgba(244, 247, 249, 0.92) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 10px 20px rgba(15, 23, 42, 0.04);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-inline-note {
  color: #66758a;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap label {
  color: #64748b;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="text"],
.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="email"],
.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="password"] {
  border-color: rgba(203, 212, 220, 0.82);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 249, 251, 0.98) 100%);
  color: #111827;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.84),
    0 2px 6px rgba(15, 23, 42, 0.02);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="text"]::placeholder,
.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="email"]::placeholder,
.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="password"]::placeholder {
  color: rgba(71, 85, 105, 0.48);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap .login-remember,
.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap .login-remember label {
  color: #6b7683;
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap .login-remember input[type="checkbox"] {
  accent-color: var(--top1-accent);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="submit"] {
  border-color: #1f2937;
  background: linear-gradient(180deg, #334155 0%, #111827 100%);
  color: #ffffff;
  box-shadow:
    0 10px 18px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-form-wrap input[type="submit"]:hover {
  background: linear-gradient(180deg, #3f4d61 0%, #16202b 100%);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-footer {
  border-top-color: rgba(207, 214, 222, 0.74);
}

.top1-login-window:not(.top1-login-window-entry) .top1-login-link {
  color: #1f2a35;
}

.top1-login-kicker {
  margin-bottom: 7px;
  color: #bfd0ca;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.top1-login-brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  position: relative;
  padding-bottom: 10px;
}

.top1-login-brand-row::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02));
}

.top1-login-brand-row-compact {
  justify-content: center;
}

.top1-login-brand {
  font-size: 12px;
  font-weight: 700;
  color: #f3f6f4;
  text-wrap: balance;
}

.top1-login-chip {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border: 1px solid rgba(215, 223, 218, 0.18);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(244, 247, 248, 0.03) 100%);
  color: #e0e7e3;
  font-size: 9px;
  font-weight: 700;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 8px 18px rgba(0, 0, 0, 0.12);
}

.top1-login-title {
  margin: var(--top1-login-title-gap-top) 0 var(--top1-login-title-gap-bottom);
  font-size: var(--top1-login-title-size);
  line-height: 1.05;
  color: #fbfcfa;
  text-wrap: balance;
}

.top1-login-note,
.top1-login-help {
  margin: 0;
  color: #c3cdc8;
  font-size: 12px;
  text-wrap: balance;
}

.top1-login-meta {
  display: grid;
  grid-template-columns: var(--top1-login-meta-columns);
  gap: var(--top1-login-meta-gap);
  margin-top: var(--top1-login-body-gap);
}

.top1-login-meta-item {
  padding: var(--top1-login-meta-pad);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.025) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.11);
}

.top1-login-meta-label {
  display: block;
  color: #9cafaa;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.top1-login-meta-item strong {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
  color: #f4f7f4;
  overflow-wrap: anywhere;
}

.top1-login-body {
  margin-top: var(--top1-login-body-gap);
}

.top1-login-form-wrap {
  padding: var(--top1-login-window-inner-pad);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, rgba(8, 11, 14, 0.22) 0%, rgba(20, 26, 30, 0.34) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 20px rgba(0, 0, 0, 0.16);
}

.top1-login-form-wrap form {
  display: grid;
  gap: var(--top1-login-form-gap);
}

.top1-login-inline-note {
  margin: 12px 0 0;
  color: #a6b4af;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  text-wrap: balance;
}

.top1-login-form-wrap [data-top1-login-notice] {
  position: relative;
  isolation: isolate;
  z-index: 0;
  top: auto;
  right: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 10px;
  padding: 11px 12px 11px 42px;
  border-radius: var(--top1-radius-md);
  font-size: 12px;
  line-height: 1.35;
  text-align: left;
  overflow-wrap: anywhere;
  box-shadow: none !important;
}

.top1-login-form-wrap [data-top1-login-notice]::before {
  top: 50%;
  left: 12px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transform: translateY(-50%);
}

.top1-login-form-wrap [data-top1-login-notice]::after {
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
}

.top1-login-form-wrap [data-top1-login-notice][hidden] {
  display: none;
}

.top1-login-form-wrap label {
  display: grid;
  gap: 5px;
  color: #99aba5;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.top1-login-form-wrap input[type="text"],
.top1-login-form-wrap input[type="email"],
.top1-login-form-wrap input[type="password"] {
  width: 100%;
  min-height: var(--top1-login-input-height);
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, rgba(9, 13, 16, 0.42) 0%, rgba(20, 25, 28, 0.64) 100%);
  color: #fbfcfa;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 3px 8px rgba(0, 0, 0, 0.12);
}

.top1-login-form-wrap input[type="text"]::placeholder,
.top1-login-form-wrap input[type="email"]::placeholder,
.top1-login-form-wrap input[type="password"]::placeholder {
  color: rgba(227, 234, 230, 0.56);
}

.top1-login-form-wrap input[type="text"]:focus,
.top1-login-form-wrap input[type="email"]:focus,
.top1-login-form-wrap input[type="password"]:focus,
.top1-client-form-field input:focus,
.top1-client-form-field textarea:focus,
.top1-client-form-field select:focus {
  border-color: rgba(197, 214, 205, 0.38);
  box-shadow: 0 0 0 3px rgba(181, 197, 189, 0.14);
  outline: none;
}

.top1-login-form-wrap .login-remember {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #adb8b4;
  font-size: 11px;
}

.top1-login-form-wrap .login-remember label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #adb8b4;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
}

.top1-login-form-wrap .login-remember input[type="checkbox"] {
  margin: 0;
  inline-size: 14px;
  block-size: 14px;
  accent-color: #a8b7b0;
}

.top1-login-form-wrap input[type="submit"],
.top1-app-button,
.top1-secondary-button {
  min-height: 34px;
  padding: 9px 13px;
  border-radius: var(--top1-radius-md);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}

.top1-login-form-wrap input[type="submit"],
.top1-app-button {
  border: 1px solid #2458d3;
  background: linear-gradient(180deg, #2f6af0 0%, #2458d3 100%);
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.18);
}

.top1-login-form-wrap input[type="submit"] {
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(180deg, #e8efeb 0%, #b4c0b9 100%);
  color: #16201d;
  min-width: 86px;
  box-shadow:
    0 12px 22px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.top1-login-form-wrap input[type="submit"]:hover,
.top1-app-button:hover {
  background: linear-gradient(180deg, #2b65e9 0%, #204fbe 100%);
}

.top1-login-form-wrap input[type="submit"]:hover {
  border-color: rgba(255, 255, 255, 0.32);
  background: linear-gradient(180deg, #f1f6f3 0%, #c0cbc5 100%);
  box-shadow:
    0 16px 26px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
  transform: translateY(-1px);
}

.top1-login-form-wrap input[type="submit"]:active {
  transform: translateY(0);
}

.top1-secondary-button {
  border: 1px solid var(--top1-border);
  background: var(--top1-surface);
  color: var(--top1-text);
}

.top1-login-help {
  max-width: 248px;
  text-align: center;
}

.top1-login-footer {
  display: flex;
  justify-content: center;
  margin-top: var(--top1-login-footer-gap);
  padding-top: var(--top1-login-footer-gap);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.top1-login-link,
.top1-topbar-link {
  color: var(--top1-accent);
  text-decoration: none;
  font-weight: 700;
}

.top1-login-link {
  color: #f0f5f2;
}

.top1-app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--top1-sidebar-width) minmax(0, 1fr);
}

.top1-app-sidebar {
  --top1-scrollbar-track: rgba(255, 255, 255, 0.06);
  --top1-scrollbar-thumb: rgba(203, 213, 225, 0.34);
  --top1-scrollbar-thumb-hover: rgba(226, 232, 240, 0.58);
  --top1-scrollbar-thumb-border: rgba(15, 23, 42, 0.82);
  position: sticky;
  top: 0;
  width: var(--top1-sidebar-width);
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 16px 10px 18px;
  background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
  color: var(--top1-sidebar-text);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  overflow-x: hidden;
  overflow-y: hidden;
}

.top1-mobile-app-bar,
.top1-mobile-menu-backdrop,
.top1-app-sidebar-close {
  display: none;
}

.top1-app-brand-block {
  width: var(--top1-sidebar-content-width);
  height: 34px;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
}

.top1-app-brand {
  appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: #ffffff;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.01em;
  white-space: nowrap;
  cursor: pointer;
}

.top1-app-brand:focus-visible {
  outline: 2px solid rgba(147, 197, 253, 0.55);
  outline-offset: 5px;
  border-radius: 8px;
}

.top1-app-brand-word {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0;
}

.top1-app-brand-word::before,
.top1-app-brand-word::after {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.top1-app-brand-word::before {
  content: "ТОП-1";
  color: #c74343;
  text-shadow: 0 0 12px rgba(199, 67, 67, 0.18);
}

.top1-app-brand-word::after {
  content: "СЕРВИС";
  color: #ffffff;
}

.top1-app-nav {
  width: var(--top1-sidebar-content-width);
  display: grid;
  grid-auto-rows: 49px;
  gap: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.top1-app-nav-link {
  position: relative;
  width: var(--top1-sidebar-content-width);
  height: 40px;
  min-height: 40px;
  align-self: start;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  column-gap: 8px;
  align-items: center;
  padding: 0 7px;
  border-radius: 9px;
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 600;
}

.top1-app-nav-link::before {
  display: none;
}

.top1-app-nav-link:hover {
  background: rgba(255, 255, 255, 0.06);
}

.top1-app-nav-link.is-active {
  background: #2563eb;
  color: #ffffff;
}

.top1-app-nav-icon {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  position: relative;
  color: currentColor;
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.045) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 6px 12px rgba(0, 0, 0, 0.12);
}

.top1-app-nav-icon::before,
.top1-app-nav-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-app-nav-link[data-nav-slug="dashboard"] .top1-app-nav-icon::before {
  left: 3px;
  top: 8px;
  width: 14px;
  height: 9px;
  border: 1.7px solid currentColor;
  border-top: 0;
  border-radius: 2px;
}

.top1-app-nav-link[data-nav-slug="dashboard"] .top1-app-nav-icon::after {
  left: 4px;
  top: 3px;
  width: 12px;
  height: 12px;
  border-left: 1.7px solid currentColor;
  border-top: 1.7px solid currentColor;
  transform: rotate(45deg);
  border-radius: 2px 0 0 0;
}

.top1-app-nav-link[data-nav-slug="orders"] .top1-app-nav-icon::before {
  left: 4px;
  top: 2px;
  width: 12px;
  height: 16px;
  border: 1.7px solid currentColor;
  border-radius: 2px;
}

.top1-app-nav-link[data-nav-slug="orders"] .top1-app-nav-icon::after {
  left: 7px;
  top: 7px;
  width: 6px;
  height: 1.6px;
  background: currentColor;
  box-shadow: 0 4px 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="clients"] .top1-app-nav-icon::before {
  left: 4px;
  top: 3px;
  width: 6px;
  height: 6px;
  border: 1.6px solid currentColor;
  border-radius: 50%;
  box-shadow: 7px 1px 0 -1.6px transparent, 7px 1px 0 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="clients"] .top1-app-nav-icon::after {
  left: 2px;
  top: 11px;
  width: 16px;
  height: 6px;
  border: 1.6px solid currentColor;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 0;
}

.top1-app-nav-link[data-nav-slug="vehicles"] .top1-app-nav-icon::before {
  left: 2px;
  top: 7px;
  width: 16px;
  height: 8px;
  border: 1.7px solid currentColor;
  border-radius: 3px;
}

.top1-app-nav-link[data-nav-slug="vehicles"] .top1-app-nav-icon::after {
  left: 5px;
  top: 14px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 8px 0 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="planner"] .top1-app-nav-icon::before {
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border: 1.7px solid currentColor;
  border-radius: 2px;
}

.top1-app-nav-link[data-nav-slug="planner"] .top1-app-nav-icon::after {
  left: 6px;
  top: 7px;
  width: 2px;
  height: 2px;
  background: currentColor;
  box-shadow: 4px 0 0 currentColor, 8px 0 0 currentColor, 0 4px 0 currentColor, 4px 4px 0 currentColor, 8px 4px 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="parts"] .top1-app-nav-icon::before {
  left: 9px;
  top: 3px;
  width: 3px;
  height: 14px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(38deg);
}

.top1-app-nav-link[data-nav-slug="parts"] .top1-app-nav-icon::after {
  left: 4px;
  top: 11px;
  width: 9px;
  height: 7px;
  border-left: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: rotate(38deg);
  border-radius: 1px;
}

.top1-app-nav-link[data-nav-slug="finance"] .top1-app-nav-icon::before {
  left: 4px;
  bottom: 4px;
  width: 3px;
  height: 7px;
  border-radius: 2px;
  background: currentColor;
  box-shadow: 5px -4px 0 currentColor, 10px -1px 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="finance"] .top1-app-nav-icon::after {
  left: 3px;
  bottom: 3px;
  width: 15px;
  height: 1.6px;
  background: currentColor;
  border-radius: 999px;
}

.top1-app-nav-link[data-nav-slug="team"] .top1-app-nav-icon::before {
  left: 2px;
  top: 3px;
  width: 16px;
  height: 12px;
  border: 1.7px solid currentColor;
  border-radius: 3px;
}

.top1-app-nav-link[data-nav-slug="team"] .top1-app-nav-icon::after {
  left: 5px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  box-shadow:
    0 6px 0 0 currentColor,
    7px 0 0 0 currentColor,
    7px 3px 0 0 currentColor,
    7px 6px 0 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="logs"] .top1-app-nav-icon::before {
  left: 4px;
  top: 2px;
  width: 11px;
  height: 15px;
  border: 1.7px solid currentColor;
  border-radius: 2px;
}

.top1-app-nav-link[data-nav-slug="logs"] .top1-app-nav-icon::after {
  left: 7px;
  top: 6px;
  width: 5px;
  height: 1.6px;
  background: currentColor;
  box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.top1-app-nav-link[data-nav-slug="settings"] .top1-app-nav-icon::before {
  left: 4px;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1.8px solid currentColor;
  border-radius: 50%;
  box-shadow: 0 -4px 0 -2px currentColor, 0 4px 0 -2px currentColor, 4px 0 0 -2px currentColor, -4px 0 0 -2px currentColor;
}

.top1-app-nav-link[data-nav-slug="settings"] .top1-app-nav-icon::after {
  left: 8px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

.top1-app-nav-link[data-nav-slug] .top1-app-nav-icon {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.055) 100%);
  -webkit-mask: none;
  mask: none;
}

.top1-app-nav-link.is-active .top1-app-nav-icon {
  border-color: rgba(255, 255, 255, 0.24);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.105) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 7px 14px rgba(30, 64, 175, 0.24);
}

.top1-app-nav-link[data-nav-slug] .top1-app-nav-icon::before {
  content: none;
  display: none;
}

.top1-app-nav-link[data-nav-slug] .top1-app-nav-icon::after {
  content: none;
  display: none;
}

.top1-app-nav-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.08));
}

.top1-app-nav-icon svg use {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-app-nav-icon svg circle,
.top1-app-nav-icon svg rect,
.top1-app-nav-icon svg path {
  vector-effect: non-scaling-stroke;
}

.top1-app-nav-link.is-active .top1-app-nav-icon svg {
  stroke-width: 2;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.14))
    drop-shadow(0 3px 7px rgba(15, 23, 42, 0.12));
}

.top1-app-nav-link[data-nav-slug="dashboard"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0'/%3E%3Cpath d='M7 18h10'/%3E%3Cpath d='M12 13l4-5'/%3E%3Cpath d='M7 13h.01M17 13h.01'/%3E%3Cpath d='M12 6v1.5'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="orders"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M9 4.5V3h6v1.5'/%3E%3Cpath d='M9 9h5M9 13h3'/%3E%3Cpath d='M14 17l4-4'/%3E%3Cpath d='M17 12l2 2-4 4-2 1 .8-2.2Z'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="clients"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14v14H5z'/%3E%3Ccircle cx='10' cy='10' r='2.2'/%3E%3Cpath d='M7.5 16c1.2-2.2 3.8-2.2 5 0'/%3E%3Cpath d='M15 9h2M15 13h2M15 17h1'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="vehicles"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14l2-5h12l2 5v4h-2.5a2 2 0 0 1-4 0h-3a2 2 0 0 1-4 0H4v-4Z'/%3E%3Cpath d='M7 14h10M8 9l1.5-3h5L16 9'/%3E%3Cpath d='M7.5 18h.01M16.5 18h.01'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="planner"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14v14H5z'/%3E%3Cpath d='M8 3v4M16 3v4M5 9h14'/%3E%3Cpath d='M8 13h8M8 16h5'/%3E%3Cpath d='M17 14.5h2'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="parts_attention"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l7-4 7 4-7 4-7-4Z'/%3E%3Cpath d='M6 12.5v4L11 20l5-3.5v-4'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3Cpath d='M19.2 18.2l1.8 1.8'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="parts"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l8-4 8 4-8 4-8-4Z'/%3E%3Cpath d='M4 8v8l8 4 8-4V8'/%3E%3Cpath d='M12 12v8'/%3E%3Cpath d='M8 6l8 4'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="finance"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v12H4z'/%3E%3Cpath d='M7 7V5h10v2'/%3E%3Cpath d='M8 11h8M8 15h5'/%3E%3Cpath d='M17 14h3'/%3E%3Ccircle cx='17' cy='14' r='1'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="team"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M16.5 10a2.5 2.5 0 1 0 0-5'/%3E%3Cpath d='M3.5 19c1-3.2 7.8-3.2 9 0'/%3E%3Cpath d='M14 18c.9-1.6 4.8-1.7 6 0'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="logs"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h11v16H6z'/%3E%3Cpath d='M9 8h5M9 12h4M9 16h2'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3Cpath d='M17 14.5V16l1 .8'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="data_management"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7c0-2 14-2 14 0v9c0 2-14 2-14 0V7Z'/%3E%3Cpath d='M5 7c0 2 14 2 14 0M5 11.5c0 2 14 2 14 0'/%3E%3Cpath d='M15 15.2l1.7 1.6L20 13.5'/%3E%3C/svg%3E");
}

.top1-app-nav-link[data-nav-slug="settings"] {
  --top1-nav-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='11' cy='17' r='2'/%3E%3C/svg%3E");
}

.top1-app-nav-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.01em;
}

.top1-app-nav-badge {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #2563eb;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}

.top1-app-sidebar-footer {
  width: var(--top1-sidebar-content-width);
  margin: auto 0 0;
  margin-top: auto;
  padding-top: 10px;
  display: grid;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.top1-sidebar-account {
  display: grid;
  gap: 6px;
}

.top1-sidebar-user {
  min-width: 0;
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  column-gap: 6px;
  padding: 6px 7px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.20) 0%, rgba(22, 163, 74, 0.08) 42%, rgba(255, 255, 255, 0.055) 100%),
    rgba(255, 255, 255, 0.045);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 10px 22px rgba(0, 0, 0, 0.14);
}

.top1-sidebar-user-avatar {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(191, 219, 254, 0.34);
  background:
    linear-gradient(135deg, rgba(219, 234, 254, 0.34), rgba(187, 247, 208, 0.18)),
    rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 5px 12px rgba(0, 0, 0, 0.18);
}

.top1-sidebar-user-avatar-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.top1-sidebar-user-avatar::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #101827;
  background: #22c55e;
}

.top1-sidebar-user-meta {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.top1-sidebar-user-name,
.top1-sidebar-user-role {
  min-width: 0;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.top1-sidebar-user-name {
  color: #ffffff;
  font-size: 10.5px;
  line-height: 13px;
  font-weight: 800;
}

.top1-sidebar-user-role {
  color: rgba(203, 213, 225, 0.76);
  font-size: 9.5px;
  line-height: 11px;
  font-weight: 650;
}

.top1-sidebar-logout {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(248, 250, 252, 0.88);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 750;
  text-decoration: none;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.top1-sidebar-logout:hover,
.top1-sidebar-logout:focus-visible {
  border-color: rgba(248, 113, 113, 0.42);
  background: rgba(248, 113, 113, 0.10);
  color: #ffffff;
}

.top1-sidebar-logout-icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.top1-sidebar-logout-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (min-width: 981px) {
  .top1-app-shell.is-sidebar-collapsed,
  .top1-sidebar-collapsed .top1-app-shell {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-sidebar,
  .top1-sidebar-collapsed .top1-app-sidebar {
    width: 72px;
    padding: 16px 8px 18px;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-brand-block,
  .top1-sidebar-collapsed .top1-app-brand-block {
    width: 100%;
    height: auto;
    margin: 0 0 14px;
    justify-content: center;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-brand,
  .top1-sidebar-collapsed .top1-app-brand {
    width: 100%;
    justify-content: center;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-brand-word::after,
  .top1-app-shell.is-sidebar-collapsed .top1-app-nav-text,
  .top1-app-shell.is-sidebar-collapsed .top1-app-nav-badge,
  .top1-app-shell.is-sidebar-collapsed .top1-sidebar-user-meta,
  .top1-app-shell.is-sidebar-collapsed .top1-sidebar-logout-label,
  .top1-sidebar-collapsed .top1-app-brand-word::after,
  .top1-sidebar-collapsed .top1-app-nav-text,
  .top1-sidebar-collapsed .top1-app-nav-badge,
  .top1-sidebar-collapsed .top1-sidebar-user-meta,
  .top1-sidebar-collapsed .top1-sidebar-logout-label {
    display: none;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-nav,
  .top1-sidebar-collapsed .top1-app-nav {
    width: 100%;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-nav-link,
  .top1-sidebar-collapsed .top1-app-nav-link {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-app-sidebar-footer,
  .top1-sidebar-collapsed .top1-app-sidebar-footer {
    width: 44px;
    margin: auto auto 0;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-sidebar-account,
  .top1-sidebar-collapsed .top1-sidebar-account {
    gap: 7px;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-sidebar-user,
  .top1-sidebar-collapsed .top1-sidebar-user {
    min-height: 44px;
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 5px;
    border-radius: 12px;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-sidebar-user-avatar,
  .top1-sidebar-collapsed .top1-sidebar-user-avatar {
    width: 30px;
    height: 30px;
  }

  .top1-app-shell.is-sidebar-collapsed .top1-sidebar-logout,
  .top1-sidebar-collapsed .top1-sidebar-logout {
    min-height: 36px;
    width: 44px;
    padding: 0;
    border-radius: 12px;
  }

}

.top1-app-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background:
    linear-gradient(180deg, #eef3f8 0%, #e7edf4 46%, #e1e8f0 100%);
}

.top1-app-topbar {
  position: relative;
  top: auto;
  z-index: 20;
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 28px 15px 24px;
  border-bottom: 1px solid rgba(199, 210, 224, 0.78);
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.045) 0%, rgba(22, 163, 74, 0.028) 46%, rgba(245, 158, 11, 0.035) 100%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 58%, #f5f8fc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 12px 24px rgba(15, 23, 42, 0.055);
  backdrop-filter: none;
}

.top1-app-topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 58%),
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.48) 52%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.top1-app-topbar::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 28px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.28) 0%, rgba(22, 163, 74, 0.18) 34%, rgba(245, 158, 11, 0.16) 68%, rgba(148, 163, 184, 0) 100%);
  pointer-events: none;
}

.top1-app-topbar-main {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  padding: 0 0 0 18px;
  position: relative;
  z-index: 1;
}

.top1-app-topbar-main::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2563eb 0%, #16a34a 62%, #f59e0b 100%);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.075);
}

.top1-app-topbar-title {
  color: #0f172a;
  font-size: 23px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0;
  font-family: inherit;
  text-wrap: balance;
}

.top1-app-topbar-note {
  margin-top: 0;
  color: #526276;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 600;
}

.top1-app-topbar-actions {
  min-height: 48px;
  display: flex;
  align-items: center;
  align-self: center;
  gap: 10px;
  margin-left: auto;
  padding: 5px;
  border: 1px solid rgba(210, 221, 235, 0.88);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 250, 253, 0.94) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 9px 20px rgba(15, 23, 42, 0.052);
  position: relative;
  z-index: 1;
}

.top1-app-topbar-actions > * {
  flex-shrink: 0;
}

.top1-topbar-runtime-group {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 3px 4px 3px 10px;
  border: 1px solid rgba(197, 209, 224, 0.86);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.top1-topbar-runtime,
.top1-topbar-user {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  border-radius: 0;
}

.top1-topbar-runtime {
  gap: 7px;
  min-height: 30px;
  padding: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.top1-topbar-runtime-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.14), 0 0 10px rgba(22, 163, 74, 0.24);
}

.top1-topbar-runtime-label {
  color: #64748b;
}

.top1-topbar-runtime-time {
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.top1-topbar-user {
  min-height: 38px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-content: center;
  column-gap: 9px;
  justify-items: start;
  padding: 5px 12px 5px 7px;
  position: relative;
  border: 1px solid rgba(197, 209, 224, 0.86);
  border-radius: 14px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.top1-topbar-user::before {
  content: "";
  grid-row: 1 / span 2;
  width: 26px;
  height: 26px;
  align-self: center;
  border-radius: 50%;
  border: 1px solid rgba(37, 99, 235, 0.22);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12) 0%, rgba(22, 163, 74, 0.10) 100%),
    #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 4px 10px rgba(15, 23, 42, 0.055);
}

.top1-topbar-user::after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: #16a34a;
}

.top1-topbar-user-name {
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  font-family: inherit;
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-topbar-user-role {
  color: #64748b;
  font-size: 11px;
  line-height: 13px;
  font-weight: 650;
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-topbar-link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  padding: 0 13px;
  border: 1px solid rgba(197, 209, 224, 0.86);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition: color 140ms ease, opacity 140ms ease, background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.top1-app-topbar-actions > .top1-topbar-link {
  display: none;
}

.top1-topbar-icon {
  position: relative;
  width: 27px;
  height: 27px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(197, 209, 224, 0.9);
  border-radius: 11px;
  background: #ffffff;
  color: #64748b;
  text-decoration: none;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 3px 8px rgba(15, 23, 42, 0.04);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease;
}

.top1-topbar-runtime-refresh {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(197, 209, 224, 0.9);
  border-radius: 11px;
  background: #ffffff;
  color: #2563eb;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 3px 8px rgba(15, 23, 42, 0.04);
}

.top1-topbar-runtime-refresh::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: linear-gradient(180deg, rgba(203, 213, 225, 0) 0%, rgba(203, 213, 225, 0.82) 18%, rgba(203, 213, 225, 0.82) 82%, rgba(203, 213, 225, 0) 100%);
  pointer-events: none;
}

.top1-topbar-runtime-refresh i {
  width: 13px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a6 6 0 1 1-1.76-4.24'/%3E%3Cpath d='M16 4v4h-4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a6 6 0 1 1-1.76-4.24'/%3E%3Cpath d='M16 4v4h-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-topbar-runtime-refresh.is-refresh i::before {
  content: none;
}

.top1-topbar-runtime-refresh.is-refresh i::after {
  content: none;
}

.top1-topbar-runtime-refresh:hover,
.top1-topbar-runtime-refresh:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  transform: translateY(-1px);
}

.top1-topbar-icon i {
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
}

.top1-topbar-icon i::before,
.top1-topbar-icon i::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-topbar-icon.is-refresh i::before {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border: 1.5px solid currentColor;
  border-left-color: transparent;
  border-radius: 50%;
}

.top1-topbar-icon.is-refresh i::after {
  right: 1px;
  top: 1px;
  width: 5px;
  height: 5px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(22deg);
}

.top1-topbar-icon:hover,
.top1-topbar-icon:focus-visible {
  border-color: #d4deeb;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fa 100%);
  color: #334155;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 5px 12px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
  outline: none;
}

.top1-topbar-link:hover,
.top1-topbar-link:focus-visible {
  color: #b42318;
  border-color: #fecaca;
  background: #fff7f7;
  opacity: 1;
  outline: none;
}

.top1-topbar-icon.is-bell i::before {
  left: 5px;
  top: 3px;
  width: 10px;
  height: 12px;
  border: 1.8px solid currentColor;
  border-bottom: 0;
  border-radius: 10px 10px 4px 4px;
}

.top1-topbar-icon.is-bell i::after {
  left: 7px;
  bottom: 2px;
  width: 6px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 2px 3px 0 -1px currentColor;
}

.top1-topbar-icon.is-chat i::before {
  left: 3px;
  top: 4px;
  width: 14px;
  height: 11px;
  border: 1.8px solid currentColor;
  border-radius: 6px;
}

.top1-topbar-icon.is-chat i::after {
  right: 3px;
  bottom: 2px;
  width: 6px;
  height: 6px;
  border-left: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(-18deg);
}

.top1-topbar-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

.top1-app-badge,
.top1-inline-badge,
.top1-status-pill,
.top1-clients-status,
.top1-parts-status,
.top1-finance-status,
.top1-orders-mini-status,
.top1-ops-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--top1-border);
  background: var(--top1-surface);
  font-size: 12px;
  font-weight: 700;
}

.top1-app-badge,
.top1-inline-badge {
  gap: 6px;
  border-color: #cfdcff;
  background: var(--top1-accent-soft);
  color: var(--top1-accent);
}

.top1-app-badge::before,
.top1-inline-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.72;
}

.top1-inline-badge.is-danger {
  border-color: #efc7c7;
  background: var(--top1-danger-soft);
  color: var(--top1-danger);
}

.top1-app-content {
  padding: var(--top1-page-pad-y) var(--top1-page-pad-x) var(--top1-page-pad-bottom);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 180px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.018) 0%, rgba(255, 255, 255, 0) 48%, rgba(15, 23, 42, 0.012) 100%),
    transparent;
}

.top1-workspace {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  display: grid;
  gap: var(--top1-grid-gap);
}

.top1-page-header {
  display: none;
}

.top1-page-title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.2;
}

.top1-page-subtitle {
  margin: 0;
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-workspace {
  display: grid;
  gap: 10px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace > .top1-kpi-grid:not([data-top1-productivity-owner]):not([data-top1-productivity-self]):not([data-top1-mechanic-dashboard]):not([data-top1-mechanic-productivity]) {
  order: 1;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace > .top1-dashboard-board:not(.top1-productivity-board):not(.top1-compensation-board) {
  order: 2;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace > .top1-kpi-grid[data-top1-productivity-owner],
.top1-app-shell[data-top1-section="dashboard"] .top1-workspace > .top1-kpi-grid[data-top1-productivity-self] {
  order: 3;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace > .top1-productivity-board {
  order: 4;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace > .top1-compensation-board {
  order: 5;
}

.top1-dashboard-toolbar,
.top1-clients-toolbar,
.top1-parts-toolbar,
.top1-finance-toolbar,
.top1-orders-toolbar,
.top1-toolbar {
  display: grid;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.04) 0, rgba(37, 99, 235, 0.04) 1px, #ffffff 1px, #ffffff 100%);
  box-shadow: var(--top1-shadow);
}

.top1-dashboard-toolbar {
  grid-template-columns: auto auto minmax(220px, 1fr) auto;
}

.top1-dashboard-status-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.top1-dashboard-status-card {
  padding: 12px 14px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #fbfcff 0%, #f4f8ff 100%);
  box-shadow: var(--top1-shadow);
}

.top1-dashboard-status-label {
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-dashboard-status-value {
  margin-top: 6px;
  color: var(--top1-text);
  font-size: 16px;
  font-weight: 700;
}

.top1-clients-ops-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.top1-clients-ops-card {
  padding: 12px 14px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #fbfcff 0%, #f7faff 100%);
  box-shadow: var(--top1-shadow);
}

.top1-clients-ops-label {
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-clients-ops-value {
  margin-top: 6px;
  color: var(--top1-text);
  font-size: 16px;
  font-weight: 700;
}

.top1-clients-toolbar,
.top1-parts-toolbar,
.top1-finance-toolbar,
.top1-orders-toolbar {
  grid-template-columns: minmax(280px, 1fr) 220px 260px auto;
}

.top1-dashboard-segmented {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: var(--top1-surface-alt);
}

.top1-dashboard-segment {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: var(--top1-radius-sm);
  color: var(--top1-muted);
  font-size: 13px;
  font-weight: 700;
}

.top1-dashboard-segment.is-active {
  background: var(--top1-accent);
  color: #ffffff;
}

.top1-settings-header-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 12px;
}

.top1-settings-header-tabs .top1-dashboard-segment {
  text-decoration: none;
  white-space: nowrap;
}

.top1-dashboard-date,
.top1-dashboard-filter,
.top1-clients-search,
.top1-clients-filter,
.top1-clients-action,
.top1-parts-search,
.top1-parts-filter,
.top1-parts-action,
.top1-finance-search,
.top1-finance-filter,
.top1-finance-action,
.top1-orders-search,
.top1-orders-filter,
.top1-orders-period,
.top1-toolbar-search {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #ffffff 0%, var(--top1-surface-alt) 100%);
  color: var(--top1-muted);
  font-size: 13px;
}

.top1-dashboard-date,
.top1-dashboard-filter,
.top1-clients-search,
.top1-clients-filter,
.top1-clients-action,
.top1-parts-search,
.top1-parts-filter,
.top1-parts-action,
.top1-finance-search,
.top1-finance-filter,
.top1-finance-action,
.top1-orders-search,
.top1-orders-filter,
.top1-orders-period {
  display: flex;
  align-items: center;
}

.top1-kpi-grid,
.top1-summary-grid,
.top1-card-grid,
.top1-clients-summary-grid,
.top1-parts-summary-grid,
.top1-finance-summary-grid,
.top1-orders-status-grid,
.top1-clients-focus-grid,
.top1-clients-bottom-grid,
.top1-parts-focus-grid,
.top1-parts-bottom-grid,
.top1-finance-focus-grid,
.top1-finance-bottom-grid,
.top1-orders-focus-grid,
.top1-orders-bottom-grid,
.top1-focus-grid,
.top1-alert-grid {
  display: grid;
  gap: 10px;
}

.top1-kpi-grid,
.top1-clients-summary-grid,
.top1-parts-summary-grid,
.top1-finance-summary-grid,
.top1-orders-status-grid {
  grid-template-columns: repeat(var(--top1-summary-columns), minmax(0, 1fr));
}

.top1-summary-grid,
.top1-card-grid,
.top1-clients-focus-grid,
.top1-parts-focus-grid,
.top1-finance-focus-grid,
.top1-orders-focus-grid,
.top1-focus-grid {
  grid-template-columns: repeat(var(--top1-detail-columns), minmax(0, 1fr));
}

.top1-clients-bottom-grid,
.top1-parts-bottom-grid,
.top1-finance-bottom-grid,
.top1-orders-bottom-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.top1-content-card,
.top1-summary-card,
.top1-empty-state,
.top1-clients-summary-card,
.top1-parts-summary-card,
.top1-finance-summary-card,
.top1-orders-status-card {
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: var(--top1-surface);
  box-shadow: var(--top1-shadow);
  min-width: 0;
  width: 100%;
}

.top1-content-card:hover,
.top1-summary-card:hover,
.top1-clients-summary-card:hover,
.top1-parts-summary-card:hover,
.top1-finance-summary-card:hover,
.top1-orders-status-card:hover {
  border-color: var(--top1-border-strong);
}

.top1-content-card,
.top1-summary-card,
.top1-empty-state,
.top1-clients-summary-card,
.top1-parts-summary-card,
.top1-finance-summary-card,
.top1-orders-status-card {
  padding: 14px;
}

.top1-kpi-card,
.top1-clients-summary-card,
.top1-parts-summary-card,
.top1-finance-summary-card,
.top1-orders-status-card {
  min-height: 78px;
  position: relative;
  overflow: hidden;
}

.top1-kpi-card::before,
.top1-clients-summary-card::before,
.top1-parts-summary-card::before,
.top1-finance-summary-card::before,
.top1-orders-status-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #7aa2ff 0%, #2563eb 100%);
  opacity: 0.9;
}

.top1-kpi-card:nth-child(2)::before,
.top1-clients-summary-card:nth-child(2)::before,
.top1-parts-summary-card:nth-child(2)::before,
.top1-finance-summary-card:nth-child(2)::before,
.top1-orders-status-card:nth-child(2)::before {
  background: linear-gradient(180deg, #6ed89a 0%, #16a34a 100%);
}

.top1-kpi-card:nth-child(3)::before,
.top1-clients-summary-card:nth-child(3)::before,
.top1-parts-summary-card:nth-child(3)::before,
.top1-finance-summary-card:nth-child(3)::before,
.top1-orders-status-card:nth-child(3)::before {
  background: linear-gradient(180deg, #ffcb74 0%, #f59e0b 100%);
}

.top1-kpi-card:nth-child(4)::before,
.top1-clients-summary-card:nth-child(4)::before,
.top1-parts-summary-card:nth-child(4)::before,
.top1-finance-summary-card:nth-child(4)::before,
.top1-orders-status-card:nth-child(4)::before {
  background: linear-gradient(180deg, #b69cff 0%, #7c3aed 100%);
}

.top1-summary-label,
.top1-summary-note,
.top1-clients-summary-label,
.top1-parts-summary-label,
.top1-finance-summary-label,
.top1-orders-status-name,
.top1-focus-note,
.top1-alert-note,
.top1-queue-note,
.top1-ops-note,
.top1-inspector-footer,
.top1-clients-focus-note,
.top1-clients-bottom-note,
.top1-parts-focus-note,
.top1-parts-bottom-note,
.top1-finance-focus-note,
.top1-finance-bottom-note,
.top1-orders-focus-note,
.top1-orders-bottom-note {
  color: var(--top1-muted);
  font-size: 13px;
}

.top1-summary-value,
.top1-clients-summary-value,
.top1-parts-summary-value,
.top1-finance-summary-value,
.top1-orders-status-value {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

.top1-summary-note {
  max-width: 22ch;
}

.top1-content-card h2,
.top1-empty-state h2,
.top1-card-header h2,
.top1-clients-focus-title,
.top1-clients-bottom-title,
.top1-parts-focus-title,
.top1-parts-bottom-title,
.top1-finance-focus-title,
.top1-finance-bottom-title,
.top1-orders-focus-title,
.top1-orders-bottom-title,
.top1-focus-title,
.top1-alert-title,
.top1-queue-title,
.top1-ops-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.top1-content-card p,
.top1-empty-state p {
  margin: 0;
  color: var(--top1-muted);
}

.top1-content-card-wide {
  min-height: 260px;
}

.top1-dashboard-board,
.top1-clients-workspace,
.top1-parts-workspace,
.top1-finance-workspace,
.top1-orders-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--top1-inspector-width);
  gap: 10px;
  align-items: start;
}

.top1-workspace-single {
  grid-template-columns: minmax(0, 1fr);
}

.top1-dashboard-main,
.top1-clients-main,
.top1-parts-main,
.top1-finance-main,
.top1-orders-main,
.top1-ops-list,
.top1-placeholder-list,
.top1-inspector-actions,
.top1-inspector-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.top1-dashboard-inspector,
.top1-clients-inspector,
.top1-parts-inspector,
.top1-finance-inspector,
.top1-orders-inspector {
  position: sticky;
  top: 88px;
  padding-top: 12px;
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.08) 0, rgba(37, 99, 235, 0.08) 3px, transparent 3px),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: var(--top1-shadow-raised);
}

.top1-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--top1-border);
}

.top1-dashboard-card,
.top1-clients-card,
.top1-finance-card {
  position: relative;
}

.top1-dashboard-card::after,
.top1-clients-card::after,
.top1-finance-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace {
  gap: 14px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-kpi-grid {
  gap: 12px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-card {
  min-height: 88px;
  padding: 15px 16px 15px 20px;
  border: 0;
  border-left: 4px solid #2563eb;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.05),
    0 10px 24px rgba(15, 23, 42, 0.045);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-card::after {
  display: none;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-card:nth-child(2) {
  border-left-color: #10b981;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-card:nth-child(3) {
  border-left-color: #f59e0b;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-card:nth-child(4) {
  border-left-color: #7c3aed;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-card:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.06),
    0 14px 28px rgba(15, 23, 42, 0.065);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-label {
  color: #64748b;
  font-size: 11.5px;
  font-weight: 600;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-summary-value {
  margin-top: 9px;
  color: #0f172a;
  font-size: 23px;
  font-weight: 760;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-board {
  gap: 14px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-main {
  gap: 14px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-card {
  border-color: rgba(203, 213, 225, 0.72);
  background: #ffffff;
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.045);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-card .top1-card-header {
  margin-bottom: 14px;
  padding: 0 0 11px;
  border-bottom-color: rgba(226, 232, 240, 0.95);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-card .top1-card-header h2 {
  color: #111827;
  font-size: 15px;
  font-weight: 740;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-placeholder {
  border-color: rgba(203, 213, 225, 0.76);
  border-radius: 8px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row {
  padding: 12px 16px;
  border-top-color: rgba(203, 213, 225, 0.72);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row-head {
  background: #f1f5f9;
  color: #475569;
  letter-spacing: 0.025em;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:not(.top1-table-row-head):hover {
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-inline-note {
  border-color: rgba(203, 213, 225, 0.72);
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card {
  border-left: 0;
  border-radius: 10px;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card::before {
  width: 100%;
  height: 4px;
  inset: 0 0 auto;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-clients {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12) 0%, rgba(255, 255, 255, 0.94) 42%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-vehicles {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(255, 255, 255, 0.94) 42%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-orders {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.1) 0%, rgba(255, 255, 255, 0.95) 44%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-parts {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.12) 0%, rgba(255, 255, 255, 0.94) 42%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-summary-value {
  font-size: 24px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-main {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-feed-card {
  min-height: 156px;
  display: grid;
  align-content: start;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-feed-card.is-clients {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-feed-card.is-orders {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, #ffffff 100%);
}

.top1-dashboard-empty-feed {
  min-height: 96px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 8px;
  padding: 15px 16px;
  border: 1px dashed rgba(148, 163, 184, 0.62);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.92) 100%);
}

.top1-dashboard-empty-feed strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.25;
}

.top1-dashboard-empty-feed span {
  max-width: 52ch;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.45;
}

.top1-dashboard-empty-feed .top1-secondary-button {
  min-height: 32px;
  padding-inline: 12px;
  border-color: rgba(37, 99, 235, 0.2);
  color: #1d4ed8;
  background: #eff6ff;
}

.top1-operational-dashboard {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

.top1-operational-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  padding: 2px 0;
}

.top1-operational-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

.top1-operational-head p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.top1-operational-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.top1-operational-kpi {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 14px;
  color: #0f172a;
  text-decoration: none;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.96) 0%, #ffffff 100%);
}

.top1-operational-kpi:hover,
.top1-operational-kpi:focus-visible {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  outline: none;
}

.top1-operational-kpi span,
.top1-operational-kpi small {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 700;
}

.top1-operational-kpi strong {
  color: #0f172a;
  font-size: 24px;
  line-height: 1;
  font-weight: 850;
}

.top1-operational-kpi.is-orders { background: linear-gradient(135deg, rgba(219, 234, 254, 0.78) 0%, #ffffff 72%); }
.top1-operational-kpi.is-planner { background: linear-gradient(135deg, rgba(209, 250, 229, 0.78) 0%, #ffffff 72%); }
.top1-operational-kpi.is-parts { background: linear-gradient(135deg, rgba(254, 243, 199, 0.82) 0%, #ffffff 72%); }
.top1-operational-kpi.is-payment { background: linear-gradient(135deg, rgba(255, 228, 230, 0.78) 0%, #ffffff 72%); }

.top1-operational-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.top1-operational-card {
  min-height: 170px;
}

.top1-operational-card .top1-table-placeholder {
  gap: 7px;
}

.top1-operational-card .top1-table-row {
  grid-template-columns: minmax(0, 1fr) minmax(86px, auto) minmax(76px, auto);
  align-items: center;
}

.top1-operational-card .top1-table-row span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-board .top1-dashboard-main,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-board .top1-dashboard-main {
  gap: 12px;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-card,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-board .top1-dashboard-card {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

.top1-focus-tile,
.top1-alert-card,
.top1-queue-card,
.top1-clients-focus-item,
.top1-clients-bottom-card,
.top1-parts-focus-item,
.top1-parts-bottom-card,
.top1-finance-focus-item,
.top1-finance-bottom-card,
.top1-orders-focus-item,
.top1-orders-bottom-card {
  padding: 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #fbfcfe 0%, var(--top1-surface-alt) 100%);
}

.top1-inspector-hero,
.top1-clients-inspector-hero,
.top1-parts-inspector-hero,
.top1-finance-inspector-hero,
.top1-orders-inspector-hero {
  padding: 14px 14px 15px;
  border: 1px solid #d8e3f8;
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #f9fbff 0%, #edf3ff 100%);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.top1-table-placeholder,
.top1-clients-registry,
.top1-parts-registry,
.top1-finance-ledger,
.top1-orders-table {
  margin-top: 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
  max-width: 100%;
}

.top1-table-row,
.top1-clients-row,
.top1-parts-row,
.top1-finance-row,
.top1-orders-row {
  gap: 12px;
  align-items: center;
  padding: 11px 16px;
  background: var(--top1-surface);
  border-top: 1px solid var(--top1-border);
  font-size: 12px;
  line-height: 1.45;
}

.top1-table-row:nth-child(2n + 1):not(.top1-table-row-head),
.top1-clients-row:nth-child(2n + 1):not(.top1-clients-row-head),
.top1-parts-row:nth-child(2n + 1):not(.top1-parts-row-head),
.top1-finance-row:nth-child(2n + 1):not(.top1-finance-row-head),
.top1-orders-row:nth-child(2n + 1):not(.top1-orders-row-head) {
  background: #fcfdff;
}

.top1-table-row:hover:not(.top1-table-row-head),
.top1-clients-row:hover:not(.top1-clients-row-head),
.top1-parts-row:hover:not(.top1-parts-row-head),
.top1-finance-row:hover:not(.top1-finance-row-head),
.top1-orders-row:hover:not(.top1-orders-row-head) {
  background: #f7faff;
}

.top1-table-row {
  display: grid;
  grid-template-columns: 120px 1.2fr 1fr 120px;
}

.top1-clients-row {
  display: grid;
  grid-template-columns: 1.1fr 170px 1fr 140px 170px;
}

.top1-parts-row {
  display: grid;
  grid-template-columns: 120px 1.2fr 100px 100px 180px;
}

.top1-parts-registry-row {
  grid-template-columns: 120px minmax(190px, 1.25fr) minmax(150px, 0.85fr) 90px 110px 130px 110px 110px;
}

.top1-finance-row {
  display: grid;
  grid-template-columns: 1.2fr 1fr 120px 90px 180px;
}

.top1-orders-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.05fr) minmax(170px, 1.05fr) minmax(220px, 1.25fr) 140px 140px minmax(118px, 0.55fr);
}

.top1-orders-search-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  margin-top: 10px;
}

.top1-orders-search-field {
  display: grid;
  gap: 6px;
}

.top1-orders-search-field span {
  color: #425466;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.top1-orders-search-field input {
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #d5e0ec;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  outline: none;
}

.top1-orders-search-field input:focus {
  border-color: #82aef8;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.13);
}

.top1-orders-search-summary {
  margin-top: 8px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.top1-orders-cell-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-orders-cell-main strong,
.top1-orders-cell-main span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-orders-cell-main strong {
  color: #0f172a;
}

.top1-orders-cell-main span {
  color: #64748b;
  font-size: 11px;
}

.top1-orders-order-cell {
  display: grid;
  gap: 6px;
  justify-items: start;
  cursor: pointer;
}

.top1-orders-order-cell strong {
  color: #0f172a;
  text-decoration: underline;
  text-decoration-color: rgba(37, 99, 235, 0.28);
  text-underline-offset: 3px;
}

.top1-orders-order-cell:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.24);
  outline-offset: 3px;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-table {
  overflow: visible;
}

.top1-orders-actions-cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
}

.top1-orders-actions-cell.is-open {
  z-index: 50;
}

.top1-orders-row-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  min-height: 34px;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.64);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
  color: #172033;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.top1-orders-row-action-button:hover,
.top1-orders-row-action-button:focus-visible,
.top1-orders-actions-cell.is-open .top1-orders-row-action-button {
  border-color: rgba(239, 68, 68, 0.42);
  background: linear-gradient(180deg, #ffffff 0%, #fff5f5 100%);
  color: #be123c;
  outline: none;
}

.top1-orders-row-action-icon {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.top1-orders-row-action-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(320px, calc(100dvw - 40px));
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.18);
}

.top1-orders-row-action-popover::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 28px;
  width: 10px;
  height: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.38);
  border-left: 1px solid rgba(148, 163, 184, 0.38);
  background: #ffffff;
  transform: rotate(45deg);
}

.top1-orders-row-action-head {
  display: grid;
  gap: 2px;
  padding: 7px 8px 9px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88);
}

.top1-orders-row-action-head strong {
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-orders-row-action-head span {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-orders-row-action-list {
  display: grid;
  gap: 8px;
  padding-top: 9px;
}

.top1-orders-row-action-form {
  margin: 0;
}

.top1-orders-row-action-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  border-radius: 8px;
  background: #f8fafc;
  color: #172033;
  font: inherit;
  font-size: 12px;
  font-weight: 820;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.top1-orders-row-action-item:hover,
.top1-orders-row-action-item:focus-visible {
  border-color: rgba(37, 99, 235, 0.3);
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.top1-orders-row-action-item.is-primary {
  border-color: rgba(239, 68, 68, 0.46);
  background: linear-gradient(180deg, #ff2f45 0%, #e6081f 100%);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(230, 8, 31, 0.2);
}

.top1-orders-row-action-disabled {
  display: grid;
  gap: 5px;
}

.top1-orders-row-action-disabled .top1-orders-row-action-item {
  cursor: not-allowed;
  opacity: 0.56;
}

.top1-orders-row-action-disabled span {
  color: #64748b;
  font-size: 10.8px;
  line-height: 1.35;
}

.top1-table-row:first-child,
.top1-clients-row:first-child,
.top1-parts-row:first-child,
.top1-finance-row:first-child,
.top1-orders-row:first-child {
  border-top: 0;
}

.top1-table-row-head,
.top1-clients-row-head,
.top1-parts-row-head,
.top1-finance-row-head,
.top1-orders-row-head {
  background: linear-gradient(180deg, #fbfcfe 0%, #f5f7fa 100%);
  color: var(--top1-muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.top1-table-row > div,
.top1-clients-row > div,
.top1-parts-row > div,
.top1-finance-row > div,
.top1-orders-row > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

.top1-ops-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid var(--top1-border);
}

.top1-ops-row:first-child,
.top1-inspector-row:first-child {
  border-top: 0;
}

.top1-ops-time {
  color: var(--top1-muted);
  font-size: 12px;
  font-weight: 700;
}

.top1-ops-status,
.top1-clients-status.is-active,
.top1-finance-status.is-active,
.top1-orders-mini-status.is-ready {
  border-color: var(--top1-success-border);
  background: var(--top1-success-soft);
  color: var(--top1-success);
}

.top1-ops-status.is-warning,
.top1-clients-status.is-warning,
.top1-parts-status.is-warning,
.top1-finance-status.is-warning {
  border-color: var(--top1-warning-border);
  background: var(--top1-warning-soft);
  color: var(--top1-warning);
}

.top1-parts-status.is-active,
.top1-orders-mini-status.is-active {
  border-color: #cfdcff;
  background: var(--top1-accent-soft);
  color: var(--top1-accent);
}

.top1-parts-status.is-danger,
.top1-orders-status-card.is-danger {
  border-color: var(--top1-danger-border);
  background: var(--top1-danger-soft);
  color: var(--top1-danger);
}

.top1-clients-status.is-muted {
  border-color: #d7dee9;
  background: #f3f6fb;
  color: #64748b;
}

.top1-clients-status.is-violet {
  border-color: #ddd4fe;
  background: #f5f3ff;
  color: #7c3aed;
}

.top1-clients-status.is-blue-soft {
  border-color: #cfe0ff;
  background: #eff6ff;
  color: #2563eb;
}

.top1-clients-status,
.top1-parts-status,
.top1-finance-status,
.top1-orders-mini-status,
.top1-ops-status,
.top1-status-pill {
  min-height: 24px;
  padding: 0 9px;
  font-size: 11px;
  gap: 6px;
}

.top1-clients-status::before,
.top1-parts-status::before,
.top1-finance-status::before,
.top1-orders-mini-status::before,
.top1-ops-status::before,
.top1-status-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.78;
}

.top1-status-strip,
.top1-queue-strip {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.top1-placeholder-row {
  padding: 12px 14px;
  border: 1px dashed var(--top1-border-strong);
  border-radius: var(--top1-radius-md);
  background: var(--top1-surface-alt);
}

.top1-inline-notice,
.top1-inline-note {
  position: relative;
  display: block;
  margin: 12px 0;
  padding: 14px 16px 14px 56px;
  border: 1px solid #d7e6f7;
  border-radius: 16px;
  background: linear-gradient(180deg, #f6faff 0%, #ffffff 100%);
  color: #36506f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: opacity 160ms ease, transform 160ms ease;
}

.top1-inline-notice::before,
.top1-inline-note::before {
  content: "i";
  position: absolute;
  top: 13px;
  left: 18px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(180deg, #dbeafe 0%, #eff6ff 100%);
  color: #2563eb;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 4px 10px rgba(15, 23, 42, 0.08);
}

.top1-inline-notice::after,
.top1-inline-note::after {
  content: "";
  position: absolute;
  top: 11px;
  bottom: 11px;
  left: 10px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #3b82f6 0%, #0ea5e9 100%);
  opacity: 0.92;
}

.top1-inline-notice:empty,
.top1-inline-note:empty {
  display: none;
}

.top1-inline-notice[hidden],
.top1-inline-note[hidden] {
  display: none !important;
}

.top1-inline-notice.is-hiding,
.top1-inline-note.is-hiding {
  opacity: 0;
  transform: translateY(-4px);
}

.top1-inline-notice.is-info,
.top1-inline-note.is-info,
.top1-inline-notice:not(.is-success):not(.is-error):not(.is-warning),
.top1-inline-note:not(.is-success):not(.is-error):not(.is-warning) {
  border-color: #d7e6f7;
  background: linear-gradient(180deg, #f6faff 0%, #ffffff 100%);
  color: #36506f;
}

.top1-inline-notice.is-info::before,
.top1-inline-note.is-info::before,
.top1-inline-notice:not(.is-success):not(.is-error):not(.is-warning)::before,
.top1-inline-note:not(.is-success):not(.is-error):not(.is-warning)::before {
  content: "i";
  background: linear-gradient(180deg, #dbeafe 0%, #eff6ff 100%);
  color: #2563eb;
}

.top1-inline-notice.is-info::after,
.top1-inline-note.is-info::after,
.top1-inline-notice:not(.is-success):not(.is-error):not(.is-warning)::after,
.top1-inline-note:not(.is-success):not(.is-error):not(.is-warning)::after {
  background: linear-gradient(180deg, #3b82f6 0%, #0ea5e9 100%);
}

.top1-inline-notice.is-warning,
.top1-inline-note.is-warning,
.top1-parts-prerequisite-note,
.top1-clients-prerequisite-note,
.top1-vehicles-prerequisite-note,
.top1-orders-prerequisite-note {
  border-color: #f5d4a4;
  background: linear-gradient(180deg, #fff8ee 0%, #fffdf8 100%);
  color: #9a5d08;
}

.top1-inline-notice.is-warning::before,
.top1-inline-note.is-warning::before,
.top1-parts-prerequisite-note::before,
.top1-clients-prerequisite-note::before,
.top1-vehicles-prerequisite-note::before,
.top1-orders-prerequisite-note::before {
  content: "!";
  background: linear-gradient(180deg, #ffedd5 0%, #fff7ed 100%);
  color: #d97706;
}

.top1-inline-notice.is-warning::after,
.top1-inline-note.is-warning::after,
.top1-parts-prerequisite-note::after,
.top1-clients-prerequisite-note::after,
.top1-vehicles-prerequisite-note::after,
.top1-orders-prerequisite-note::after {
  background: linear-gradient(180deg, #f59e0b 0%, #f97316 100%);
}

.top1-inline-notice.is-success,
.top1-inline-note.is-success {
  border-color: #cbe7d4;
  background: linear-gradient(180deg, #f2fbf5 0%, #fcfffd 100%);
  color: #1f7a45;
}

.top1-inline-notice.is-success::before,
.top1-inline-note.is-success::before {
  content: "\2713";
  background: linear-gradient(180deg, #dcfce7 0%, #f0fdf4 100%);
  color: #16a34a;
}

.top1-inline-notice.is-success::after,
.top1-inline-note.is-success::after {
  background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
}

.top1-inline-notice.is-error,
.top1-inline-note.is-error {
  border-color: #f3c1c1;
  background: linear-gradient(180deg, #fff5f5 0%, #fffafa 100%);
  color: #b42318;
}

.top1-inline-notice.is-error::before,
.top1-inline-note.is-error::before {
  content: "!";
  background: linear-gradient(180deg, #fee2e2 0%, #fff1f2 100%);
  color: #dc2626;
}

.top1-inline-notice.is-error::after,
.top1-inline-note.is-error::after {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
}

.top1-client-form {
  display: grid;
  gap: 12px;
  padding: 2px 0 0;
}

.top1-order-catalog-create {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px dashed var(--top1-border-strong);
  border-radius: var(--top1-radius-md);
  background: var(--top1-surface-alt);
}

.top1-order-catalog-create summary {
  cursor: pointer;
  color: var(--top1-ink);
  font-size: 13px;
  font-weight: 800;
}

.top1-order-catalog-create[open] summary {
  margin-bottom: 10px;
}

.top1-supplier-status-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}

.top1-supplier-status-form select {
  min-width: 150px;
  max-width: 100%;
}

.top1-part-quote-proposal {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.top1-part-quote-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top1-part-quote-suggestion {
  display: grid;
  gap: 2px;
  max-width: 260px;
  padding: 8px 10px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: #fff;
  color: var(--top1-ink);
  text-align: left;
  cursor: pointer;
}

.top1-part-quote-suggestion:hover {
  border-color: var(--top1-accent);
}

.top1-part-quote-suggestion strong,
.top1-part-quote-suggestion span,
.top1-part-quote-suggestion small {
  overflow-wrap: anywhere;
}

.top1-part-quote-suggestion strong {
  font-size: 12px;
}

.top1-part-quote-suggestion span,
.top1-part-quote-suggestion small {
  color: var(--top1-muted);
  font-size: 11px;
}

.top1-part-quote-margin-hint.is-success {
  border-color: #cae9d6;
  background: var(--top1-success-soft);
  color: var(--top1-success);
}

.top1-part-quote-margin-hint.is-warning {
  border-color: #f3d7a2;
  background: var(--top1-warning-soft);
  color: var(--top1-warning);
}

.top1-part-quote-margin-hint.is-error {
  border-color: #efc7c7;
  background: var(--top1-danger-soft);
  color: var(--top1-danger);
}

body.top1-unit-picker-open {
  overflow: hidden;
}

.top1-unit-picker-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.top1-unit-picker-field input[readonly] {
  cursor: pointer;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-unit-picker-field .top1-unit-picker-open {
  white-space: nowrap;
}

.top1-unit-picker-caption {
  display: block;
  margin-top: 6px;
  color: var(--top1-muted);
  font-size: 11px;
}

.top1-unit-picker {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.top1-unit-picker[hidden] {
  display: none !important;
}

.top1-unit-picker-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.32);
}

.top1-unit-picker-sheet {
  position: relative;
  z-index: 1;
  width: min(860px, 100%);
  max-height: min(82vh, 760px);
  display: grid;
  gap: 14px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid #dbe6f3;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.16);
}

.top1-unit-picker-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.top1-unit-picker-head h3 {
  margin: 0;
  color: var(--top1-ink);
  font-size: 20px;
}

.top1-unit-picker-head p {
  margin: 6px 0 0;
  color: var(--top1-muted);
  font-size: 13px;
}

.top1-unit-picker-search-field {
  margin: 0;
}

.top1-unit-picker-groups {
  display: grid;
  gap: 14px;
  overflow: auto;
  padding-right: 4px;
}

.top1-unit-picker-group {
  display: grid;
  gap: 8px;
}

.top1-unit-picker-group-title {
  margin: 0;
  color: var(--top1-ink);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.top1-unit-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.top1-unit-picker-option {
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  border: 1px solid #dbe6f3;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  color: var(--top1-ink);
  text-align: left;
  cursor: pointer;
}

.top1-unit-picker-option:hover,
.top1-unit-picker-option:focus-visible,
.top1-unit-picker-option.is-active {
  border-color: var(--top1-accent);
  background: #f0f6ff;
}

.top1-unit-picker-option strong {
  font-size: 14px;
}

.top1-unit-picker-option span,
.top1-unit-picker-option small {
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-parts-attention-list {
  display: grid;
  gap: 10px;
}

.top1-parts-work-center-card,
.top1-parts-order-work-card {
  overflow: hidden;
}

.top1-parts-order-work-card {
  position: relative;
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 34%),
    radial-gradient(circle at bottom left, rgba(14, 165, 233, 0.06), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow:
    0 16px 36px rgba(15, 23, 42, 0.05),
    0 2px 0 rgba(255, 255, 255, 0.8) inset;
}

.top1-parts-order-work-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #2563eb 0%, #38bdf8 48%, #14b8a6 100%);
}

.top1-parts-workspace .top1-clients-main {
  gap: 18px;
}

.top1-parts-workspace .top1-card-header {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5edf6;
}

.top1-parts-workspace .top1-card-header h2 {
  letter-spacing: 0;
}

.top1-parts-workspace .top1-parts-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 9px;
  margin-top: 14px;
}

.top1-parts-workspace .top1-parts-summary-card {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 14px 14px 13px 18px;
  border: 1px solid #dde7f3;
  border-left-width: 4px;
  border-radius: 9px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.04),
    0 10px 20px rgba(15, 23, 42, 0.035);
  color: #0f172a;
  text-decoration: none;
}

.top1-parts-workspace .top1-parts-summary-card::before {
  display: none;
}

.top1-parts-workspace .top1-parts-summary-card:nth-child(2) {
  border-left-color: #10b981;
}

.top1-parts-workspace .top1-parts-summary-card:nth-child(3) {
  border-left-color: #f59e0b;
}

.top1-parts-workspace .top1-parts-summary-card:nth-child(4) {
  border-left-color: #7c3aed;
}

.top1-parts-workspace .top1-parts-summary-card:nth-child(5),
.top1-parts-workspace .top1-parts-summary-card:nth-child(6) {
  border-left-color: #2563eb;
}

.top1-parts-summary-card.is-active {
  border-color: rgba(37, 99, 235, 0.45);
  border-left-color: #2563eb;
  background: #eff6ff;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.08),
    0 10px 22px rgba(37, 99, 235, 0.08);
}

.top1-parts-workspace .top1-parts-summary-label {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}

.top1-parts-workspace .top1-parts-summary-value {
  margin-top: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 850;
  line-height: 1;
}

.top1-parts-attention-empty-state {
  min-height: 96px;
  margin-top: 10px;
  justify-content: center;
  padding: 15px 17px;
  border-color: #d6e1ee;
  border-radius: 9px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-parts-attention-empty-state h2 {
  color: #0f172a;
  font-size: 15px;
}

.top1-parts-attention-empty-state p {
  max-width: 720px;
  color: #475569;
  line-height: 1.55;
}

.top1-parts-order-work-card .top1-parts-prerequisite-note,
.top1-parts-order-work-card > .top1-inline-notice {
  margin-top: 12px;
  border-color: #dbe7f4;
  border-radius: 9px;
  background: #f8fbff;
  color: #334155;
}

.top1-parts-order-filter {
  margin-top: 10px;
  padding: 16px;
  border: 1px solid #dbe7f4;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.98) 100%);
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-parts-order-filter .top1-client-form-grid {
  gap: 8px;
}

.top1-parts-order-filter .top1-client-form-field span {
  color: #0f172a;
}

.top1-parts-order-filter .top1-client-form-actions {
  padding-top: 10px;
}

.top1-parts-order-filter .top1-secondary-button[disabled] {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #8a97a8;
  box-shadow: none;
}

.top1-parts-workspace .top1-inline-notice,
.top1-parts-workspace .top1-inline-note {
  box-shadow: none;
}

.top1-parts-selected-summary {
  display: grid;
  gap: 10px;
  margin: 14px 0 16px;
  padding: 16px 18px;
  border: 1px solid #dbe7f4;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.96) 0%, rgba(255, 255, 255, 0.98) 52%, rgba(240, 249, 255, 0.98) 100%);
  box-shadow:
    0 12px 26px rgba(37, 99, 235, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-parts-selected-summary strong {
  color: #0f172a;
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -0.03em;
}

.top1-parts-selected-summary > span:first-of-type {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(148, 163, 184, 0.26);
}

.top1-parts-selected-summary > span:last-of-type {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  background: rgba(219, 234, 254, 0.92);
  color: #1d4ed8;
  font-weight: 700;
}

.top1-parts-selected-summary span {
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-order-catalog-create {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #dde8f4;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.96) 100%);
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-order-catalog-create summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background:
    linear-gradient(90deg, rgba(239, 246, 255, 0.92) 0%, rgba(250, 252, 255, 0.94) 100%);
  border: 1px solid rgba(219, 234, 254, 0.95);
  color: #0f172a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.top1-order-catalog-create[open] summary {
  margin-bottom: 16px;
}

.top1-order-quote-create summary::before,
.top1-order-catalog-create summary::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2563eb 0%, #0ea5e9 100%);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
  flex: 0 0 auto;
}

.top1-parts-form-surface {
  display: grid;
  gap: 14px;
}

.top1-order-quote-form {
  container-type: inline-size;
  container-name: top1-quote-form;
}

.top1-order-quote-create .top1-part-quote-suggestions {
  gap: 10px;
  margin-bottom: 2px;
}

.top1-order-quote-create .top1-part-quote-suggestion {
  min-height: 78px;
  padding: 12px 12px 12px 14px;
  border: 1px solid #dbe7f3;
  border-left-width: 4px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease;
}

.top1-order-quote-create .top1-part-quote-suggestion:nth-child(3n + 1) {
  border-left-color: #2563eb;
  background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
}

.top1-order-quote-create .top1-part-quote-suggestion:nth-child(3n + 2) {
  border-left-color: #0ea5e9;
  background: linear-gradient(180deg, #ffffff 0%, #f0fbff 100%);
}

.top1-order-quote-create .top1-part-quote-suggestion:nth-child(3n + 3) {
  border-left-color: #f59e0b;
  background: linear-gradient(180deg, #ffffff 0%, #fff9ef 100%);
}

.top1-order-quote-create .top1-part-quote-suggestion:hover,
.top1-order-quote-create .top1-part-quote-suggestion:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.06);
}

.top1-order-supplier-part-form-grid,
.top1-order-catalog-part-form-grid {
  gap: 14px;
  padding: 16px;
  border: 1px solid #e2ebf5;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 252, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-order-supplier-part-form-grid .top1-client-form-field,
.top1-order-catalog-part-form-grid .top1-client-form-field {
  gap: 7px;
  min-width: 0;
  padding: 10px 12px 12px;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
}

.top1-order-supplier-part-form-grid .top1-client-form-field span,
.top1-order-catalog-part-form-grid .top1-client-form-field span {
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #334155;
}

.top1-parts-quote-cost-field input,
.top1-parts-quote-sale-field input,
.top1-parts-quote-total-sale-field input[readonly],
.top1-parts-quote-profit-field input[readonly] {
  font-weight: 700;
}

.top1-parts-quote-cost-field input[readonly],
.top1-parts-quote-total-sale-field input[readonly],
.top1-parts-quote-profit-field input[readonly] {
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
}

.top1-parts-quote-date-field input {
  min-width: 150px;
}

.top1-parts-date-field {
  position: relative;
}

.top1-parts-date-field input[data-top1-parts-date-input] {
  padding-right: 34px;
}

.top1-parts-date-trigger {
  position: absolute;
  right: 8px;
  bottom: 7px;
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid #c7d7ee;
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%);
  color: #2563eb;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.top1-parts-date-trigger span {
  position: relative;
  width: 13px;
  height: 13px;
  border: 1.6px solid currentColor;
  border-radius: 3px;
}

.top1-parts-date-trigger span::before,
.top1-parts-date-trigger span::after {
  content: "";
  position: absolute;
  background: currentColor;
}

.top1-parts-date-trigger span::before {
  left: -1.6px;
  right: -1.6px;
  top: 3px;
  height: 1.6px;
}

.top1-parts-date-trigger span::after {
  left: 3px;
  top: -3px;
  width: 1.6px;
  height: 4px;
  box-shadow: 5px 0 0 currentColor;
}

.top1-parts-date-trigger:hover,
.top1-parts-date-trigger:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.top1-planner-create-date-field.top1-parts-date-field input[data-top1-parts-date-input] {
  padding-left: 40px;
  padding-right: 11px;
}

.top1-planner-create-date-field.top1-parts-date-field .top1-parts-date-trigger {
  left: 8px;
  right: auto;
  bottom: 7px;
}

.top1-parts-date-calendar {
  position: fixed;
  z-index: 6200;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #cbdcf2;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.17), 0 6px 16px rgba(15, 23, 42, 0.08);
}

.top1-parts-date-calendar[hidden] {
  display: none;
}

.top1-parts-date-calendar-head {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.top1-parts-date-calendar-head strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.top1-parts-date-calendar-head button,
.top1-parts-date-calendar-grid button {
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #1d4ed8;
  font: 800 12px/1 var(--top1-font, inherit);
  cursor: pointer;
}

.top1-parts-date-calendar-head button {
  height: 28px;
  background: #f8fbff;
  border-color: #d8e5f6;
}

.top1-parts-date-calendar-weekdays,
.top1-parts-date-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.top1-parts-date-calendar-weekdays {
  margin-bottom: 4px;
}

.top1-parts-date-calendar-weekdays span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-align: center;
}

.top1-parts-date-calendar-grid button {
  height: 30px;
  color: #0f172a;
}

.top1-parts-date-calendar-grid button.is-muted {
  color: #94a3b8;
}

.top1-parts-date-calendar-grid button.is-today {
  border-color: #93c5fd;
  background: #eff6ff;
}

.top1-parts-date-calendar-grid button.is-selected {
  border-color: #2563eb;
  background: #2563eb;
  color: #ffffff;
}

.top1-cabinet-range-calendar {
  position: fixed;
  z-index: 6300;
  box-sizing: border-box;
  width: min(560px, calc(100dvw - 24px));
  padding: 10px;
  border: 1px solid #cbdcf2;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.17), 0 6px 16px rgba(15, 23, 42, 0.08);
  user-select: none;
}

.top1-cabinet-range-calendar[hidden] {
  display: none;
}

.top1-cabinet-range-calendar-head {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.top1-cabinet-range-calendar-head strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.top1-cabinet-range-calendar-head button,
.top1-cabinet-range-calendar-grid button,
.top1-cabinet-range-calendar-done {
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #1d4ed8;
  font: 800 12px/1 var(--top1-font, inherit);
  cursor: pointer;
}

.top1-cabinet-range-calendar-head button {
  height: 28px;
  border-color: #d8e5f6;
  background: #f8fbff;
}

.top1-cabinet-range-calendar-months {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.top1-cabinet-range-calendar-month {
  min-width: 0;
}

.top1-cabinet-range-calendar-month h3 {
  margin: 0 0 7px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.top1-cabinet-range-calendar-weekdays,
.top1-cabinet-range-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.top1-cabinet-range-calendar-weekdays {
  margin-bottom: 4px;
}

.top1-cabinet-range-calendar-weekdays span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-align: center;
}

.top1-cabinet-range-calendar-grid button {
  height: 30px;
  color: #0f172a;
}

.top1-cabinet-range-calendar-grid button.is-muted {
  color: #94a3b8;
}

.top1-cabinet-range-calendar-grid button.is-today {
  border-color: #93c5fd;
  background: #eff6ff;
}

.top1-cabinet-range-calendar-grid button.is-in-range,
.top1-cabinet-range-calendar-grid button.is-preview-range {
  border-color: #bfdbfe;
  background: #dbeafe;
  color: #1e3a8a;
}

.top1-cabinet-range-calendar-grid button.is-start,
.top1-cabinet-range-calendar-grid button.is-end {
  border-color: #2563eb;
  background: #2563eb;
  color: #ffffff;
}

.top1-cabinet-range-calendar-grid button.is-pending {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-cabinet-range-calendar-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}

.top1-cabinet-range-calendar-done {
  min-height: 28px;
  padding: 0 10px;
  border-color: #d8e5f6;
  background: #f8fbff;
}

.top1-parts-date-calendar-head button:hover,
.top1-parts-date-calendar-head button:focus-visible,
.top1-parts-date-calendar-grid button:hover,
.top1-parts-date-calendar-grid button:focus-visible,
.top1-cabinet-range-calendar-head button:hover,
.top1-cabinet-range-calendar-head button:focus-visible,
.top1-cabinet-range-calendar-grid button:hover,
.top1-cabinet-range-calendar-grid button:focus-visible,
.top1-cabinet-range-calendar-done:hover,
.top1-cabinet-range-calendar-done:focus-visible {
  border-color: #93c5fd;
  background: #dbeafe;
  color: #1d4ed8;
  outline: 0;
}

@media (max-width: 620px) {
  .top1-cabinet-range-calendar {
    width: min(304px, calc(100dvw - 24px));
  }

  .top1-cabinet-range-calendar-months {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-cabinet-range-calendar-month + .top1-cabinet-range-calendar-month {
    display: none;
  }
}

.top1-parts-quote-unit-field .top1-unit-picker-field,
.top1-parts-catalog-unit-field .top1-unit-picker-field {
  grid-template-columns: minmax(88px, 104px) auto;
  justify-content: start;
}

.top1-parts-quote-unit-field input[data-top1-unit-input],
.top1-parts-catalog-unit-field input[data-top1-unit-input] {
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.top1-parts-quote-unit-field .top1-unit-picker-caption,
.top1-parts-catalog-unit-field .top1-unit-picker-caption {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf4ff;
  font-size: 0 !important;
  line-height: 1;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: transparent !important;
  white-space: nowrap;
  overflow: hidden;
}

.top1-parts-quote-unit-field .top1-unit-picker-caption::before,
.top1-parts-catalog-unit-field .top1-unit-picker-caption::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2563eb;
  flex: 0 0 auto;
}

.top1-parts-quote-unit-field .top1-unit-picker-caption::after,
.top1-parts-catalog-unit-field .top1-unit-picker-caption::after {
  content: "Стандарт ОКЕИ";
  color: #35507a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.top1-parts-form-surface > .top1-inline-notice,
.top1-parts-form-surface > .top1-inline-note {
  margin-top: 0;
}

@media (min-width: 1160px) {
  .top1-order-supplier-part-form-grid {
    grid-template-columns:
      minmax(180px, 1.55fr)
      minmax(180px, 1.55fr)
      minmax(130px, 1.1fr)
      minmax(100px, 0.7fr)
      minmax(130px, 1fr)
      minmax(180px, 1.45fr)
      minmax(180px, 1.45fr);
  }

  .top1-parts-quote-sku-field {
    grid-column: 1 / 2;
    grid-row: 1;
  }

  .top1-parts-quote-name-field {
    grid-column: 2 / 8;
    grid-row: 1;
  }

  .top1-parts-quote-supplier-field {
    grid-column: 1 / 4;
    grid-row: 2;
  }

  .top1-parts-quote-unit-field {
    grid-column: 4 / 5;
    grid-row: 2;
  }

  .top1-parts-quote-qty-field {
    grid-column: 5 / 6;
    grid-row: 2;
  }

  .top1-parts-quote-cost-unit-field {
    grid-column: 6 / 8;
    grid-row: 2;
  }

  .top1-parts-quote-date-field {
    grid-column: 1 / 4;
    grid-row: 3;
    min-width: 260px;
  }

  .top1-parts-quote-sale-field {
    grid-column: 4 / 8;
    grid-row: 3;
  }

  .top1-parts-quote-cost-field {
    grid-column: 1 / 3;
    grid-row: 4;
  }

  .top1-parts-quote-total-sale-field {
    grid-column: 3 / 6;
    grid-row: 4;
  }

  .top1-parts-quote-profit-field {
    grid-column: 6 / 8;
    grid-row: 4;
  }

  .top1-parts-quote-total-cost-field {
    grid-column: 1 / 3;
    grid-row: 4;
  }

  .top1-order-catalog-part-form-grid {
    grid-template-columns: minmax(220px, 1.15fr) minmax(200px, 0.85fr) minmax(120px, 0.55fr) minmax(180px, 0.8fr) minmax(180px, 0.8fr);
  }

  .top1-parts-catalog-name-field {
    grid-column: 2 / -1;
  }

  .top1-parts-catalog-unit-field {
    grid-column: 1 / 2;
  }

  .top1-parts-catalog-min-field {
    grid-column: 2 / 3;
  }

  .top1-parts-catalog-cost-field {
    grid-column: 3 / 4;
  }

  .top1-parts-catalog-sale-field {
    grid-column: 4 / 5;
  }

  .top1-parts-catalog-supplier-field {
    grid-column: 5 / 6;
  }
}

@media (max-width: 980px) {
  .top1-parts-selected-summary {
    gap: 8px;
    padding: 14px 15px;
  }

  .top1-parts-selected-summary strong {
    font-size: 22px;
  }

  .top1-order-supplier-part-form-grid,
  .top1-order-catalog-part-form-grid {
    padding: 14px;
  }
}

.top1-parts-attention-item {
  display: grid;
  grid-template-columns: minmax(130px, 0.75fr) minmax(260px, 1.7fr) minmax(160px, 0.8fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: #fff;
}

.top1-parts-attention-action,
.top1-parts-attention-main,
.top1-parts-attention-meta {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-parts-attention-main strong,
.top1-parts-attention-main span,
.top1-parts-attention-action span,
.top1-parts-attention-meta span {
  overflow-wrap: anywhere;
}

.top1-parts-attention-main span,
.top1-parts-attention-action span:not(.top1-clients-status),
.top1-parts-attention-meta span {
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-parts-attention-meta {
  justify-items: end;
}

.top1-parts-attention-actions,
.top1-parts-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.top1-parts-attention-actions {
  grid-column: 1 / -1;
  padding-top: 10px;
  border-top: 1px solid var(--top1-border);
}

.top1-parts-attention-actions form,
.top1-parts-inline-actions form {
  margin: 0;
}

.top1-quote-print-document {
  display: none;
}

.top1-quote-print-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #111827;
  font-size: 18px;
}

.top1-quote-print-head span {
  font-size: 14px;
  font-weight: 700;
}

.top1-quote-print-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 20px;
  margin: 16px 0;
  font-size: 12px;
}

.top1-quote-print-document pre {
  white-space: pre-wrap;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

@media print {
  body.is-printing-quote * {
    visibility: hidden !important;
  }

  body.is-printing-quote .top1-quote-print-document,
  body.is-printing-quote .top1-quote-print-document * {
    visibility: visible !important;
  }

  body.is-printing-quote .top1-quote-print-document {
    display: block !important;
    position: fixed;
    inset: 0;
    padding: 24mm 18mm;
    background: #fff;
    color: #111827;
  }
}

.top1-clients-card .top1-client-form {
  padding-top: 4px;
}

.top1-clients-card:first-child {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.03) 0, rgba(37, 99, 235, 0.03) 1px, #ffffff 1px, #ffffff 100%);
}

.top1-clients-card:last-child {
  background:
    linear-gradient(180deg, rgba(16, 185, 129, 0.03) 0, rgba(16, 185, 129, 0.03) 1px, #ffffff 1px, #ffffff 100%);
}

.top1-client-form-grid,
.top1-vehicle-form-grid,
.top1-team-secret-grid,
.top1-team-edit-grid,
.top1-team-schedule-form-grid,
.top1-log-filter-grid,
.top1-order-line-form-grid,
.top1-order-part-form-grid,
.top1-order-catalog-part-form-grid,
.top1-order-supplier-part-form-grid,
.top1-order-payment-form-grid,
.top1-finance-expense-form-grid,
.top1-finance-operating-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--top1-form-grid-min), 100%), 1fr));
  gap: 10px 12px;
}

.top1-team-schedule-week-filter-grid,
.top1-finance-month-filter-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(var(--top1-form-grid-compact-min), 100%), 1fr));
}

.top1-client-form-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--top1-text);
  font-size: 12px;
}

.top1-client-form-field span {
  font-weight: 700;
  color: #1f2937;
}

.top1-client-form-field input,
.top1-client-form-field textarea,
.top1-client-form-field select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: var(--top1-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.top1-vehicle-combobox-field {
  position: relative;
  z-index: 4;
}

.top1-vehicle-combobox-field.is-combobox-open {
  z-index: 30;
}

.top1-vehicle-combobox-list {
  position: absolute;
  top: calc(100% + 4px);
  z-index: 50;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #ffffff;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  scrollbar-width: thin;
}

.top1-vehicle-combobox-list.is-above {
  top: auto;
  bottom: calc(100% + 4px);
}

.top1-vehicle-combobox-option {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 0 9px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #0f172a;
  font: inherit;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.top1-vehicle-combobox-option:hover,
.top1-vehicle-combobox-option.is-active {
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-client-form-field textarea {
  min-height: 76px;
  resize: vertical;
}

.top1-client-form-field-wide {
  grid-column: 1 / -1;
}

.top1-client-address-fieldset {
  min-width: 0;
  min-inline-size: 0;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--top1-radius-md);
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.72) 0%, rgba(255, 255, 255, 0.96) 48%, rgba(240, 253, 250, 0.72) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 18px rgba(15, 23, 42, 0.035);
}

.top1-client-address-fieldset legend {
  padding: 0 6px;
  color: #334155;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
}

.top1-client-address-fieldset > input[type="hidden"] {
  display: none;
}

.top1-client-address-grid {
  display: grid;
  grid-template-columns: minmax(130px, 0.85fr) minmax(160px, 1fr) minmax(190px, 1.35fr) minmax(96px, 0.62fr) minmax(104px, 0.68fr);
  gap: 8px;
  min-width: 0;
}

.top1-client-address-part {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-client-address-part span {
  color: #475569;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.05;
  text-transform: uppercase;
}

.top1-client-address-part input {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #cfe0f3;
  border-radius: var(--top1-radius-sm);
  background: #ffffff;
  color: var(--top1-text);
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.top1-client-address-part input:focus {
  border-color: var(--top1-accent);
  outline: none;
  box-shadow: 0 0 0 3px var(--top1-accent-soft);
}

@media (max-width: 900px) {
  .top1-client-address-grid,
  .top1-team-edit-grid .top1-client-address-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .top1-client-address-grid,
  .top1-team-edit-grid .top1-client-address-grid {
    grid-template-columns: 1fr;
  }
}

.top1-client-form-actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 2px;
}

.top1-client-form-actions .top1-app-button {
  min-width: 164px;
  max-width: 100%;
}

.top1-team-secret-grid {
  margin-top: 10px;
}

.top1-team-compensation-popover {
  position: relative;
  z-index: 12;
}

.top1-team-compensation-popover.is-open {
  z-index: 40;
}

.top1-team-compensation-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.top1-team-compensation-head > span,
.top1-team-compensation-head > label {
  font-weight: 800;
  color: #1f2937;
}

.top1-team-compensation-text {
  width: 100%;
  min-height: 86px;
  margin-top: 8px;
  resize: vertical;
}

.top1-team-compensation-toggle {
  min-height: 34px;
  padding: 8px 12px;
  white-space: nowrap;
}

.top1-team-compensation-panel {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: min(520px, 100%);
  padding: 12px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
}

.top1-team-compensation-panel[hidden] {
  display: none !important;
}

.top1-team-compensation-role-head {
  display: grid;
  gap: 4px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--top1-border);
}

.top1-team-compensation-role-head strong {
  color: #0f172a;
  font-size: 13px;
}

.top1-team-compensation-role-head span {
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.top1-team-compensation-options {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.top1-team-compensation-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: start;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.top1-team-compensation-option span {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.top1-team-compensation-option strong {
  color: #0f766e;
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}

.top1-team-compensation-option small {
  grid-column: 1 / -1;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
}

.top1-team-registry .top1-team-row {
  grid-template-columns: 1.15fr 0.85fr 0.9fr 0.8fr 0.9fr 1.25fr 1.35fr;
}

.top1-team-access-form {
  display: grid;
  gap: 8px;
}

.top1-team-access-form input[type="text"],
.top1-team-access-form input[type="email"],
.top1-team-access-form input[type="password"],
.top1-team-delete-form input[type="number"] {
  width: 100%;
  min-height: 38px;
  padding: 9px 11px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-sm);
  background: #ffffff;
  color: var(--top1-text);
  font: inherit;
}

.top1-team-access-form input[type="text"]:focus,
.top1-team-access-form input[type="email"]:focus,
.top1-team-access-form input[type="password"]:focus,
.top1-team-delete-form input[type="number"]:focus {
  outline: none;
  border-color: #9dbbf9;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.top1-team-delete-form {
  margin-top: 10px;
  display: grid;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--top1-border);
}

.top1-team-delete-form label {
  display: grid;
  gap: 4px;
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-secondary-button.is-danger {
  border-color: rgba(220, 38, 38, 0.36);
  color: #b91c1c;
  background: #fff7f7;
}

.top1-secondary-button.is-danger:hover {
  border-color: rgba(185, 28, 28, 0.5);
  background: #fee2e2;
}

.top1-team-subline {
  margin-top: 4px;
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-team-subline.is-warning {
  color: #b45309;
}

.top1-team-edit-panel {
  margin-top: 10px;
}

.top1-team-edit-panel summary {
  cursor: pointer;
  color: var(--top1-accent);
  font-size: 12px;
  font-weight: 700;
}

.top1-team-edit-form {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

.top1-team-edit-grid {
  gap: 8px;
}

.top1-team-edit-grid label {
  display: grid;
  gap: 4px;
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-team-edit-grid label.is-wide {
  grid-column: 1 / -1;
}

.top1-team-edit-grid .top1-client-address-fieldset.is-wide {
  grid-column: 1 / -1;
}

.top1-team-edit-grid .top1-client-address-grid {
  grid-template-columns: minmax(110px, 0.85fr) minmax(130px, 1fr) minmax(150px, 1.2fr) minmax(76px, 0.55fr);
}

.top1-team-edit-grid input,
.top1-team-edit-grid select,
.top1-team-edit-grid textarea {
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-sm);
  background: #ffffff;
  color: var(--top1-text);
  font: inherit;
}

.top1-team-edit-grid textarea {
  min-height: 64px;
  resize: vertical;
}

.top1-team-registry .top1-team-compensation-panel {
  position: static;
  width: 100%;
  margin-top: 8px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-summary {
  display: none !important;
  order: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-workspace {
  order: 2;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-summary {
  display: none !important;
  order: 3;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace {
  order: 4;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-summary {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  width: fit-content;
  max-width: min(720px, calc(100% - 260px));
  margin: -54px 14px 18px auto;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-summary span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-summary em {
  color: #475569;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-summary strong {
  min-width: 20px;
  color: #0f172a;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  text-align: right;
}

.top1-team-schedule-summary .top1-clients-summary-card {
  min-height: 68px;
  padding: 12px 14px;
}

.top1-team-schedule-summary .top1-clients-summary-card::before {
  width: 3px;
  opacity: 0.52;
}

.top1-team-schedule-summary .top1-clients-summary-value {
  margin-top: 6px;
  font-size: 20px;
}

.top1-team-schedule-summary .top1-clients-summary-card:nth-child(1)::before {
  background: linear-gradient(180deg, #bbf7d0 0%, #86efac 100%);
}

.top1-team-schedule-summary .top1-clients-summary-card:nth-child(2)::before {
  background: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 100%);
}

.top1-team-schedule-summary .top1-clients-summary-card:nth-child(3)::before {
  background: linear-gradient(180deg, #ffe4e6 0%, #fecdd3 100%);
}

.top1-team-schedule-summary .top1-clients-summary-card:nth-child(4)::before {
  background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
}

.top1-team-schedule-card .top1-card-header {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) auto auto;
  align-items: end;
  gap: 12px;
  margin-bottom: 10px;
}

.top1-team-schedule-card .top1-card-header p {
  margin-top: 4px;
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-team-schedule-week-filter {
  display: grid;
  grid-template-columns: 170px auto;
  gap: 8px;
  align-items: end;
  margin: 0;
}

.top1-team-schedule-week-filter .top1-client-form-field {
  gap: 3px;
  font-size: 11px;
}

.top1-team-schedule-week-filter .top1-ru-month-input {
  min-height: 34px;
  padding: 7px 10px;
}

.top1-team-schedule-week-filter .top1-secondary-button {
  min-height: 34px;
  padding-inline: 12px;
  white-space: nowrap;
}

.top1-team-schedule-scroll {
  margin-top: 6px;
  overflow-x: auto;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.015) 0, rgba(15, 23, 42, 0) 44px),
    #fff;
}

.top1-team-schedule-table {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  min-width: calc(190px + (var(--top1-team-schedule-days, 31) * 44px));
  width: 100%;
  overflow: visible;
}

.top1-team-schedule-table .top1-team-schedule-row {
  grid-template-columns: 190px repeat(var(--top1-team-schedule-days, 31), minmax(44px, 1fr));
  gap: 0;
  align-items: stretch;
  padding: 0;
}

.top1-team-schedule-cell {
  min-height: 34px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 0 !important;
  border-left: 1px solid var(--top1-border);
  background: rgba(148, 163, 184, 0.08);
}

.top1-team-schedule-row > div {
  padding: 7px 8px;
  border-left: 1px solid var(--top1-border);
}

.top1-team-schedule-row > div:first-child {
  position: sticky;
  z-index: 2;
  border-left: 0;
  background: #ffffff;
}

.top1-team-schedule-row > div:first-child {
  left: 0;
}

.top1-team-schedule-row-head {
  position: sticky;
  top: 0;
  z-index: 3;
}

.top1-team-schedule-row-head > div {
  display: grid;
  gap: 1px;
  align-content: center;
  min-height: 42px;
  color: #334155;
  background: #f8fafc;
  white-space: nowrap;
}

.top1-team-schedule-row-head > div:first-child {
  z-index: 4;
  background: #f8fafc;
}

.top1-team-schedule-person {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px !important;
  white-space: nowrap;
  overflow: hidden;
  border-right: 1px solid var(--top1-border);
  background: #ffffff;
}

.top1-team-schedule-person strong,
.top1-team-schedule-person span {
  min-width: 0;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.top1-team-schedule-person strong {
  font-size: 13px;
  line-height: 1;
}

.top1-team-schedule-person span {
  color: var(--top1-muted);
  font-size: 11px;
  line-height: 1;
}

.top1-team-schedule-row-head strong {
  color: #111827;
  font-size: 13px;
}

.top1-team-schedule-row-head span {
  color: var(--top1-muted);
  font-size: 10px;
  text-transform: uppercase;
}

.top1-team-schedule-row-head .is-today {
  box-shadow: inset 0 -3px 0 #2563eb;
}

.top1-team-schedule-row-head .is-weekend {
  background: #eef2f7;
}

.top1-team-schedule-cell-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 5px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #334155;
  cursor: pointer;
  overflow: hidden;
}

.top1-team-schedule-cell-edit-link {
  text-decoration: none;
}

.top1-team-schedule-cell-summary::-webkit-details-marker {
  display: none;
}

.top1-team-schedule-cell-editor {
  width: 100%;
  min-width: 0;
}

.top1-team-schedule-cell-status {
  color: #334155;
  font-weight: 720;
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.top1-team-schedule-cell-summary span:not(.top1-team-schedule-cell-status),
.top1-team-schedule-cell-summary small {
  color: rgba(51, 65, 85, 0.74);
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.top1-team-schedule-cell-editor[open] {
  position: relative;
  z-index: 5;
}

.top1-team-schedule-cell-form {
  position: absolute;
  z-index: 6;
  top: calc(100% + 6px);
  left: 0;
  display: grid;
  gap: 7px;
  width: 238px;
  padding: 9px;
  border: 1px solid var(--top1-border-strong);
  border-radius: var(--top1-radius-md);
  background: #ffffff;
  box-shadow: var(--top1-shadow-raised);
}

.top1-team-schedule-cell-form label {
  display: grid;
  gap: 3px;
  color: var(--top1-muted);
  font-size: 10px;
  font-weight: 700;
}

.top1-team-schedule-cell-form select,
.top1-team-schedule-cell-form input,
.top1-team-schedule-cell-form textarea {
  width: 100%;
  min-height: 30px;
  padding: 6px 8px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-sm);
  background: #ffffff;
  color: var(--top1-text);
  font: inherit;
}

.top1-team-schedule-cell-form textarea {
  min-height: 48px;
  resize: vertical;
}

.top1-team-schedule-cell-time {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.top1-team-schedule-clear-form {
  margin-top: 8px;
}

.top1-team-schedule-cell.is-shift-working {
  background: rgba(34, 197, 94, 0.08);
}

.top1-team-schedule-cell.is-shift-off {
  background: rgba(100, 116, 139, 0.09);
}

.top1-team-schedule-cell.is-shift-vacation {
  background: rgba(99, 102, 241, 0.08);
}

.top1-team-schedule-cell.is-shift-sick {
  background: rgba(225, 29, 72, 0.08);
}

.top1-team-schedule-cell.is-shift-custom {
  background: rgba(14, 165, 233, 0.08);
}

.top1-team-schedule-cell.is-shift-empty {
  background: rgba(148, 163, 184, 0.08);
}

.top1-team-schedule-cell.is-shift-working .top1-team-schedule-cell-summary {
  border-color: rgba(34, 197, 94, 0.18);
  color: #15803d;
}

.top1-team-schedule-cell.is-shift-off .top1-team-schedule-cell-summary {
  border-color: rgba(100, 116, 139, 0.2);
  color: #475569;
}

.top1-team-schedule-cell.is-shift-vacation .top1-team-schedule-cell-summary {
  border-color: rgba(99, 102, 241, 0.18);
  color: #4f46e5;
}

.top1-team-schedule-cell.is-shift-sick .top1-team-schedule-cell-summary {
  border-color: rgba(225, 29, 72, 0.18);
  color: #be123c;
}

.top1-team-schedule-cell.is-shift-custom .top1-team-schedule-cell-summary {
  border-color: rgba(14, 165, 233, 0.18);
  color: #0369a1;
}

.top1-team-schedule-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.top1-team-schedule-legend span {
  min-height: 22px;
  padding: 4px 7px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: var(--top1-radius-sm);
  font-size: 10px;
  font-weight: 800;
}

.top1-team-schedule-legend .is-shift-working {
  background: #f0fdf4;
  color: #15803d;
}

.top1-team-schedule-legend .is-shift-off {
  background: #f1f5f9;
  color: #475569;
}

.top1-team-schedule-legend .is-shift-vacation {
  background: #eef2ff;
  color: #4f46e5;
}

.top1-team-schedule-legend .is-shift-sick {
  background: #fff1f2;
  color: #be123c;
}

.top1-team-schedule-legend .is-shift-custom {
  background: #eff6ff;
  color: #0369a1;
}

.top1-team-schedule-card {
  border-color: #d8dee8;
  background: #ffffff;
  box-shadow:
    0 14px 32px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-content-card.top1-team-schedule-card {
  border-color: #d8dee8;
  background: #ffffff;
}

.top1-team-schedule-card .top1-card-header {
  padding: 12px 14px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 6px 16px rgba(15, 23, 42, 0.05);
}

.top1-team-schedule-card .top1-card-header h2 {
  color: #111827;
}

.top1-team-schedule-card .top1-card-header p {
  color: var(--top1-muted);
}

.top1-team-schedule-card .top1-client-form-field span {
  color: #4b5563;
}

.top1-team-schedule-card .top1-team-schedule-week-filter input[type="month"],
.top1-team-schedule-card .top1-team-schedule-week-filter .top1-secondary-button {
  border-color: #d1d8e2;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.05);
}

.top1-team-schedule-card .top1-team-schedule-legend span {
  min-height: 24px;
  border: 1px solid #dce3ec;
  box-shadow: none;
}

.top1-team-schedule-scroll {
  margin-top: 12px;
  border-color: #d8dee8;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(148, 163, 184, 0.12);
  --top1-scrollbar-size: 12px;
  --top1-scrollbar-track: rgba(226, 232, 240, 0.82);
  --top1-scrollbar-thumb-border: rgba(248, 250, 252, 0.96);
}

.top1-team-schedule-row > div {
  border-left-color: rgba(148, 163, 184, 0.28);
}

.top1-team-schedule-row-head > div {
  min-height: 38px;
  color: #334155;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
  border-left-color: #d8dee8;
}

.top1-team-schedule-row-head > div:first-child {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.top1-team-schedule-row-head.top1-team-schedule-row > div:first-child {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.top1-team-schedule-row-head strong {
  color: #1f2937;
}

.top1-team-schedule-row-head span {
  color: #64748b;
}

.top1-team-schedule-row-head .is-weekend {
  background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
}

.top1-team-schedule-row-head .is-today {
  box-shadow:
    inset 0 -3px 0 #94a3b8,
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.top1-team-schedule-row.top1-table-row-head {
  position: sticky;
  top: 0;
  z-index: 3;
}

.top1-team-schedule-row.top1-table-row-head > div {
  min-height: 38px;
  color: #334155;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
  border-left-color: #d8dee8;
  white-space: nowrap;
}

.top1-team-schedule-row.top1-table-row-head > div:first-child {
  z-index: 4;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.top1-team-schedule-row.top1-table-row-head strong {
  color: #1f2937;
}

.top1-team-schedule-row.top1-table-row-head span {
  color: #64748b;
}

.top1-team-schedule-row.top1-table-row-head .is-weekend {
  background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
}

.top1-team-schedule-row.top1-table-row-head .is-today {
  box-shadow:
    inset 0 -3px 0 #94a3b8,
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.top1-team-schedule-person {
  border-right-color: #d8dee8;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    inset 3px 0 0 #cbd5e1,
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(15, 23, 42, 0.08),
    8px 0 16px rgba(15, 23, 42, 0.04);
}

.top1-team-schedule-person strong {
  color: #111827;
  font-weight: 900;
}

.top1-team-schedule-person span {
  color: #475569;
  font-weight: 700;
}

.top1-team-schedule-cell {
  border-left-color: rgba(148, 163, 184, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(241, 245, 249, 0.78) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -1px 0 rgba(15, 23, 42, 0.08),
    inset 1px 0 0 rgba(255, 255, 255, 0.42);
}

.top1-team-schedule-cell-summary {
  color: #202938;
}

.top1-team-schedule-cell-status {
  color: #334155;
  font-weight: 720;
}

.top1-team-schedule-cell:hover {
  background:
    linear-gradient(180deg, #ffffff 0%, #eef2f7 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(15, 23, 42, 0.1),
    inset 0 0 0 1px rgba(100, 116, 139, 0.24),
    0 4px 10px rgba(15, 23, 42, 0.07);
}

.top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-summary {
  background:
    linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(100, 116, 139, 0.14),
    inset 0 0 0 1px rgba(100, 116, 139, 0.26);
  color: #111827;
}

.top1-team-schedule-cell-form {
  top: calc(100% + 8px);
  left: -6px;
  gap: 8px;
  width: 260px;
  padding: 12px;
  border: 1px solid #d1d8e2;
  border-radius: 10px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    0 20px 44px rgba(15, 23, 42, 0.2),
    0 4px 12px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-team-schedule-cell-form::before {
  content: "";
  position: absolute;
  left: 19px;
  top: -7px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #d1d8e2;
  border-top: 1px solid #d1d8e2;
  background: rgba(255, 255, 255, 0.98);
  transform: rotate(45deg);
}

.top1-team-schedule-cell-form label {
  gap: 5px;
  color: #475569;
  font-size: 10px;
  letter-spacing: 0.01em;
}

.top1-team-schedule-cell-form label > span {
  color: #334155;
}

.top1-team-schedule-cell-form select,
.top1-team-schedule-cell-form input,
.top1-team-schedule-cell-form textarea {
  min-height: 34px;
  padding: 7px 10px;
  border-color: #d1d8e2;
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.84),
    0 1px 2px rgba(15, 23, 42, 0.04);
}

.top1-team-schedule-cell-form select:focus,
.top1-team-schedule-cell-form input:focus,
.top1-team-schedule-cell-form textarea:focus {
  border-color: rgba(100, 116, 139, 0.72);
  outline: 3px solid rgba(100, 116, 139, 0.14);
  background: #ffffff;
}

.top1-team-schedule-cell-form textarea {
  min-height: 62px;
}

.top1-team-schedule-cell-form .top1-app-button {
  min-height: 38px;
  border: 0;
  background:
    linear-gradient(135deg, #0f172a 0%, #334155 100%);
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.top1-team-schedule-cell-form .top1-app-button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.top1-team-schedule-cell.is-shift-empty {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(236, 241, 247, 0.92) 100%);
}

.top1-team-schedule-cell.is-shift-working {
  background:
    linear-gradient(180deg, #f8fffb 0%, #dcfce7 100%);
}

.top1-team-schedule-cell.is-shift-off {
  background:
    linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%);
}

.top1-team-schedule-cell.is-shift-vacation {
  background:
    linear-gradient(180deg, #ffffff 0%, #e0e7ff 100%);
}

.top1-team-schedule-cell.is-shift-sick {
  background:
    linear-gradient(180deg, #ffffff 0%, #ffe4e6 100%);
}

.top1-team-schedule-cell.is-shift-custom {
  background:
    linear-gradient(180deg, #ffffff 0%, #dbeafe 100%);
}

.top1-team-schedule-cell.is-shift-working .top1-team-schedule-cell-summary,
.top1-team-schedule-cell.is-shift-off .top1-team-schedule-cell-summary,
.top1-team-schedule-cell.is-shift-vacation .top1-team-schedule-cell-summary,
.top1-team-schedule-cell.is-shift-sick .top1-team-schedule-cell-summary,
.top1-team-schedule-cell.is-shift-custom .top1-team-schedule-cell-summary {
  border-color: transparent;
}

.top1-app-shell[data-top1-section="team"] .top1-app-content {
  padding: 10px 21px var(--top1-page-pad-bottom);
  overflow-x: hidden;
  overflow-y: auto;
}

.top1-app-shell[data-top1-section="team"] .top1-workspace {
  width: 100%;
  max-width: none;
  margin: 0;
  display: block;
}

.top1-team-shell {
  width: 100%;
  display: grid;
  gap: 12px;
}

.top1-team-shell > .top1-clients-summary-grid,
.top1-team-shell > .top1-clients-workspace {
  width: 100%;
}

.top1-team-shell .top1-clients-main {
  min-width: 0;
  gap: 12px;
}

.top1-team-shell .top1-clients-summary-card {
  border-color: #d7e3f4;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 249, 252, 0.96) 100%);
  box-shadow:
    0 16px 34px -32px rgba(15, 23, 42, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-team-shell .top1-content-card {
  border-color: #d7e3f4;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 252, 0.97) 100%);
  box-shadow:
    0 22px 44px -38px rgba(15, 23, 42, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-app-shell:not([data-top1-section="team"]) .top1-team-schedule-toolbar {
  display: none !important;
}

.top1-team-schedule-toolbar {
  position: relative;
  display: grid;
  grid-template-columns: 336px minmax(220px, 320px) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid #d8e2ee;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 247, 252, 0.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 18px 34px -30px rgba(15, 23, 42, 0.42);
}

.top1-team-schedule-toolbar::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.22), rgba(148, 163, 184, 0));
  pointer-events: none;
}

.top1-team-schedule-date-nav {
  width: 100%;
}

.top1-team-schedule-toolbar-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  align-self: center;
  margin: 0;
}

.top1-team-schedule-toolbar-field {
  display: grid;
  gap: 0;
}

.top1-team-schedule-toolbar-field span {
  display: none;
}

.top1-team-schedule-toolbar-field .top1-ru-month-input {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #d5deea;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 1px 2px rgba(15, 23, 42, 0.03);
}

.top1-team-schedule-toolbar-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.top1-team-schedule-toolbar-pills .top1-planner-action-pill {
  cursor: default;
}

.top1-team-schedule-card .top1-card-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  padding: 2px 4px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.top1-team-schedule-card .top1-team-schedule-week-filter {
  display: none;
}

.top1-team-schedule-card .top1-card-header p {
  display: none;
}

.top1-team-schedule-card .top1-card-header h2 {
  font-size: 20px;
  line-height: 1.2;
}

.top1-team-schedule-scroll {
  margin-top: 8px;
  border-color: #d7e3f4;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 248, 252, 0.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(148, 163, 184, 0.12),
    0 18px 34px -34px rgba(15, 23, 42, 0.4);
}

.top1-team-schedule-row > div:first-child,
.top1-team-schedule-row.top1-table-row-head > div:first-child {
  box-shadow: 10px 0 18px -18px rgba(15, 23, 42, 0.35);
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis,
  .top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-main {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="team"] .top1-app-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-schedule-summary,
  .top1-app-shell[data-top1-section="team"] .top1-team-admin-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-registry-summary {
    justify-content: flex-start;
    max-width: 100%;
    margin: 10px 0 14px;
  }

  .top1-team-schedule-toolbar {
    grid-template-columns: 1fr;
  }

  .top1-team-schedule-toolbar-pills {
    justify-content: flex-start;
  }

  .top1-team-schedule-card .top1-card-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .top1-team-schedule-week-filter {
    grid-template-columns: minmax(0, 170px) auto;
    justify-self: start;
  }

  .top1-team-schedule-legend {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .top1-app-shell[data-top1-section="team"] .top1-team-schedule-summary,
  .top1-app-shell[data-top1-section="team"] .top1-team-admin-summary {
    grid-template-columns: 1fr;
  }

  .top1-team-schedule-date-nav,
  .top1-team-schedule-toolbar-filter {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .top1-team-schedule-toolbar-pills .top1-planner-action-pill {
    width: 100%;
  }

  .top1-team-schedule-week-filter {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .top1-team-schedule-cell-editor[open] {
    position: static;
  }

  .top1-team-schedule-cell-form {
    position: fixed;
    left: 16px;
    right: 16px;
    top: auto;
    bottom: 16px;
    width: auto;
    max-height: min(70vh, 440px);
    overflow: auto;
  }
}

html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] {
  position: static;
  z-index: 8;
}

html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-form,
html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] .top1-team-schedule-clear-form {
  position: fixed;
  left: var(--top1-team-schedule-popover-left, 16px);
  right: auto;
  bottom: auto;
  z-index: 2600;
}

html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-form {
  top: var(--top1-team-schedule-popover-top, 16px);
  width: min(260px, calc(100dvw - 24px));
  max-height: min(460px, calc(100vh - 24px));
  overflow: auto;
}

html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] .top1-team-schedule-clear-form {
  top: var(--top1-team-schedule-clear-top, 16px);
  width: min(260px, calc(100dvw - 24px));
  margin-top: 0;
}

.top1-team-schedule-cell-form.is-submitting,
.top1-team-schedule-clear-form.is-submitting {
  opacity: 0.72;
  pointer-events: none;
}

.top1-team-schedule-cell-form .is-loading,
.top1-team-schedule-clear-form .is-loading {
  cursor: progress;
}

.top1-team-schedule-form {
  margin-top: 12px;
}

.top1-team-schedule-form-grid {
  --top1-form-grid-min: 180px;
}

.top1-data-safety-row {
  grid-template-columns: 150px minmax(0, 1.8fr) 90px 90px;
}

.top1-required-password-form {
  display: grid;
  gap: 10px;
}

.top1-log-filter-form {
  display: grid;
  gap: 10px;
}

.top1-log-filter-grid {
  --top1-form-grid-min: 180px;
}

.top1-log-list {
  display: grid;
  gap: 10px;
}

.top1-log-entry {
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #ffffff 0%, var(--top1-surface-alt) 100%);
  padding: 12px;
}

.top1-log-entry-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.top1-log-entry-main {
  margin-top: 8px;
  display: grid;
  gap: 4px;
}

.top1-log-entry-main strong {
  color: var(--top1-text);
  font-size: 14px;
}

.top1-log-entry-main span,
.top1-log-entry-main em,
.top1-log-time {
  color: var(--top1-muted);
  font-size: 12px;
  font-style: normal;
}

.top1-log-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-sm);
  font-size: 12px;
  font-weight: 700;
}

.top1-log-pill.is-success {
  border-color: #b7e4c7;
  background: #eef8f0;
  color: #15803d;
}

.top1-log-pill.is-warning {
  border-color: #f5d38c;
  background: #fff8ea;
  color: #b45309;
}

.top1-log-pill.is-neutral {
  border-color: var(--top1-border);
  background: var(--top1-surface);
  color: var(--top1-text);
}

.top1-log-pagination {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top1-log-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-sm);
  background: #ffffff;
  color: var(--top1-text);
  text-decoration: none;
}

.top1-log-page.is-active {
  border-color: #9dbbf9;
  background: var(--top1-accent-soft);
  color: var(--top1-accent);
}

.top1-data-management-main {
  gap: 14px;
}

.top1-data-management-card {
  overflow: visible;
}

.top1-data-management-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.top1-data-management-row {
  display: grid;
  grid-template-columns: minmax(160px, 1.25fr) 120px minmax(180px, 1.25fr) minmax(180px, 1.35fr) minmax(150px, 0.9fr);
  min-width: 0;
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: #ffffff;
  font-size: 13px;
}

.top1-data-management-row > * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.top1-data-management-row-head {
  min-height: 34px;
  align-items: center;
  background: var(--top1-surface-alt);
  color: var(--top1-muted);
  font-size: 12px;
  font-weight: 700;
}

.top1-data-management-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.top1-supplier-price-preview-block {
  margin-top: 14px;
}

.top1-supplier-price-preview-block h3 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.35;
}

.top1-supplier-price-header-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top1-supplier-price-mapping-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.top1-supplier-price-preview-table .top1-table-row {
  grid-template-columns: 64px 92px repeat(var(--top1-supplier-price-columns, 1), minmax(140px, 220px));
  min-width: 100%;
  width: max-content;
}

@media (max-width: 900px) {
  .top1-supplier-price-mapping-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 640px) {
  .top1-supplier-price-mapping-grid {
    grid-template-columns: 1fr;
  }
}

.top1-data-inline-form {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  margin: 0;
}

.top1-data-confirm-field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #6b7280;
}

.top1-data-confirm-field input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.top1-data-edit-panel {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.top1-data-edit-form {
  margin-top: 10px;
}

.top1-secondary-button.is-danger {
  border-color: #fecaca;
  background: #fff5f5;
  color: #b91c1c;
}

.top1-app-button-static {
  pointer-events: none;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-workspace {
  gap: 14px;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-main,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-workspace .top1-clients-main,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-main,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-main,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-dashboard-main {
  gap: 14px;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-kpi-grid,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-grid,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-grid,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-grid,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-grid {
  gap: 12px;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card {
  min-height: 88px;
  padding: 15px 16px 15px 20px;
  border: 0;
  border-left: 4px solid #2563eb;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.05),
    0 10px 24px rgba(15, 23, 42, 0.045);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-card::before,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-card::before,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-card::before,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-card::before,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card::before {
  display: none;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-card:nth-child(2),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-card:nth-child(2),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-card:nth-child(2),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-card:nth-child(2),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card:nth-child(2) {
  border-left-color: #10b981;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-card:nth-child(3),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-card:nth-child(3),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-card:nth-child(3),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-card:nth-child(3),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card:nth-child(3) {
  border-left-color: #f59e0b;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-card:nth-child(4),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-card:nth-child(4),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-card:nth-child(4),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-card:nth-child(4),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card:nth-child(4) {
  border-left-color: #7c3aed;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-card:hover,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-card:hover,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-card:hover,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-card:hover,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.06),
    0 14px 28px rgba(15, 23, 42, 0.065);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-label,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-label,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-label,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-label,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-name {
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-summary-value,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-summary-value,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-summary-value,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-summary-value,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-value {
  margin-top: 12px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-status-card.is-danger {
  border-left-color: var(--top1-danger);
  background: var(--top1-danger-soft);
  color: var(--top1-danger);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-content-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-focus-tile,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-alert-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-queue-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-focus-item,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-bottom-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-focus-item,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-bottom-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-focus-item,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-bottom-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-focus-item,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-bottom-card,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-log-entry,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-data-management-row {
  border-color: rgba(203, 213, 225, 0.72);
  background: #ffffff;
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.045);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-card:first-child,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-card:last-child {
  background: #ffffff;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-dashboard-inspector,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-inspector,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-inspector,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-inspector,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-inspector {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.08) 0, rgba(37, 99, 235, 0.08) 3px, transparent 3px),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: var(--top1-shadow-raised);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-card-header {
  margin-bottom: 14px;
  padding: 0 0 11px;
  border-bottom-color: rgba(226, 232, 240, 0.95);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-card-header h2 {
  color: #111827;
  font-size: 17px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-workspace .top1-clients-main {
  gap: 16px;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 9px;
  margin-top: 14px;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 14px 14px 13px 18px;
  border: 1px solid #dde7f3;
  border-left: 4px solid #2563eb;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.04),
    0 10px 20px rgba(15, 23, 42, 0.035);
  color: #0f172a;
  text-decoration: none;
  transform: none;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:nth-child(2) {
  border-left-color: #10b981;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:nth-child(3) {
  border-left-color: #f59e0b;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:nth-child(4) {
  border-left-color: #7c3aed;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:nth-child(5),
.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:nth-child(6) {
  border-left-color: #2563eb;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:hover,
.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card:focus-visible {
  border-color: #bfdbfe;
  border-left-color: currentColor;
  background: #eff6ff;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.08),
    0 12px 22px rgba(37, 99, 235, 0.09);
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card.is-active {
  border-color: #bfdbfe;
  border-left-color: #2563eb;
  background: #eff6ff;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.1),
    0 10px 22px rgba(37, 99, 235, 0.08);
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-label {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}

.top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-value {
  margin-top: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 850;
  line-height: 1;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-table-placeholder,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-registry,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-registry,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-ledger,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-table {
  border-color: rgba(203, 213, 225, 0.76);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-table-row,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-row,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-row,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-row,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-row {
  padding: 12px 16px;
  border-top-color: rgba(203, 213, 225, 0.72);
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-table-row-head,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-row-head,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-row-head,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-row-head,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-row-head,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-data-management-row-head {
  background: #f1f5f9;
  color: #475569;
  letter-spacing: 0.025em;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-table-row:hover:not(.top1-table-row-head),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-clients-row:hover:not(.top1-clients-row-head),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-parts-row:hover:not(.top1-parts-row-head),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-finance-row:hover:not(.top1-finance-row-head),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-orders-row:hover:not(.top1-orders-row-head),
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-data-management-row:hover:not(.top1-data-management-row-head) {
  background: #f8fafc;
}

.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-inline-note,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-placeholder-row,
.top1-app-shell:not([data-top1-section="dashboard"]):not([data-top1-section="team"]) .top1-empty-state {
  border-color: rgba(203, 213, 225, 0.72);
  background: #f8fafc;
}

.top1-app-button,
.top1-secondary-button,
.top1-topbar-link {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.top1-topbar-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
}

.top1-topbar-link:hover {
  color: #b42318;
}

.top1-app-button:disabled,
.top1-secondary-button:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  box-shadow: none;
}

.top1-app-button:focus-visible,
.top1-secondary-button:focus-visible,
.top1-topbar-link:focus-visible,
.top1-app-nav-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

.top1-inspector-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px 16px;
  padding: 11px 0;
  border-top: 1px solid var(--top1-border);
  color: var(--top1-muted);
  font-size: 12px;
}

.top1-inspector-row strong {
  color: var(--top1-text);
  text-align: right;
  max-width: 152px;
  font-size: 12px;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-row > span,
.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-row > strong {
  max-width: none;
  text-align: left;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-form {
  display: grid;
  gap: 8px;
  margin-top: 4px;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-form textarea {
  width: 100%;
  min-height: 72px;
  resize: vertical;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top1-empty-state {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top1-empty-state-compact {
  min-height: 104px;
  gap: 6px;
}

@media (max-width: 1280px) {
  .top1-dashboard-toolbar,
  .top1-clients-toolbar,
  .top1-parts-toolbar,
  .top1-finance-toolbar,
  .top1-orders-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-dashboard-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-clients-ops-strip {
    grid-template-columns: 1fr;
  }

  .top1-planner-toolbar,
  .top1-planner-board,
  .top1-planner-queue-cards,
  .top1-planner-kpi-grid,
  .top1-planner-bottom-slots {
    grid-template-columns: 1fr;
  }

  .top1-kpi-grid,
  .top1-clients-summary-grid,
  .top1-parts-summary-grid,
  .top1-finance-summary-grid,
  .top1-orders-status-grid,
  .top1-focus-grid,
  .top1-clients-focus-grid,
  .top1-parts-focus-grid,
  .top1-finance-focus-grid,
  .top1-orders-focus-grid,
  .top1-clients-bottom-grid,
  .top1-parts-bottom-grid,
  .top1-finance-bottom-grid,
  .top1-orders-bottom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .top1-dashboard-board,
  .top1-clients-workspace,
  .top1-parts-workspace,
  .top1-finance-workspace,
  .top1-orders-workspace {
    grid-template-columns: 1fr;
  }

  .top1-dashboard-inspector,
  .top1-clients-inspector,
  .top1-parts-inspector,
  .top1-finance-inspector,
  .top1-orders-inspector {
    position: static;
  }

  .top1-table-row,
  .top1-clients-row,
  .top1-parts-row,
  .top1-finance-row,
  .top1-orders-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-team-registry .top1-team-row,
  .top1-team-secret-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-team-schedule-form-grid,
  .top1-team-schedule-week-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-operational-kpis,
  .top1-operational-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-topbar {
    align-items: flex-start;
    flex-direction: column;
    padding-right: 16px;
  }

  .top1-app-topbar-actions {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    margin-left: 0;
  }
}

@media (max-width: 980px) {
  html.top1-mobile-menu-open,
  html.top1-mobile-menu-open body {
    overflow: hidden;
  }

  .top1-app-shell {
    grid-template-columns: 1fr;
  }

  .top1-mobile-app-bar {
    position: sticky;
    top: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(199, 210, 224, 0.78);
    background:
      linear-gradient(90deg, rgba(37, 99, 235, 0.045) 0%, rgba(22, 163, 74, 0.028) 54%, rgba(245, 158, 11, 0.035) 100%),
      linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  }

  .top1-mobile-menu-toggle {
    appearance: none;
    flex: 0 0 42px;
    width: 42px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    gap: 4px;
    padding: 8px;
    border: 1px solid #cbd8e8;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  }

  .top1-mobile-menu-toggle span[aria-hidden="true"] {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }

  .top1-mobile-app-title {
    min-width: 0;
    display: grid;
    gap: 1px;
  }

  .top1-mobile-app-title span {
    color: #e30613;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
  }

  .top1-mobile-app-title strong {
    min-width: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.16;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .top1-mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 110;
    display: block;
    border: 0;
    background: rgba(15, 23, 42, 0.44);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
  }

  .top1-app-shell.is-mobile-menu-open .top1-mobile-menu-backdrop:not([hidden]) {
    opacity: 1;
    pointer-events: auto;
  }

  .top1-app-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 120;
    width: min(304px, calc(100dvw - 48px));
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
    padding: 14px 12px 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 18px 0 42px rgba(15, 23, 42, 0.22);
    transform: translateX(-106%);
    transition: transform 180ms ease;
    will-change: transform;
  }

  .top1-app-shell.is-mobile-menu-open .top1-app-sidebar {
    transform: translateX(0);
  }

  .top1-app-brand-block {
    width: 100%;
    min-height: 36px;
    height: auto;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }

  .top1-app-brand {
    min-width: 0;
  }

  .top1-app-sidebar-close {
    appearance: none;
    flex: 0 0 36px;
    width: 36px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(248, 250, 252, 0.92);
    cursor: pointer;
  }

  .top1-app-sidebar-close span,
  .top1-app-sidebar-close span::before {
    display: block;
    width: 15px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }

  .top1-app-sidebar-close span {
    transform: rotate(45deg);
  }

  .top1-app-sidebar-close span::before {
    content: "";
    transform: rotate(90deg);
  }

  .top1-app-nav {
    width: 100%;
    grid-auto-rows: 44px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .top1-app-nav-link {
    width: 100%;
    height: 38px;
    min-height: 38px;
  }

  .top1-app-sidebar-footer {
    width: 100%;
  }

  .top1-sidebar-user-name,
  .top1-sidebar-user-role {
    text-overflow: ellipsis;
  }

  .top1-app-topbar {
    padding: 14px 16px;
    align-items: flex-start;
    flex-direction: column;
  }

  .top1-app-topbar-title,
  .top1-page-title,
  .top1-login-title {
    font-size: 24px;
  }

  .top1-app-content,
  .top1-login-shell {
    padding: 18px 16px;
  }

  .top1-login-window {
    --top1-login-window-max: 384px;
    --top1-login-window-pad: 14px;
    --top1-login-window-inner-pad: 11px;
    --top1-login-title-size: 24px;
    --top1-login-title-gap-top: 12px;
    --top1-login-meta-gap: 7px;
    --top1-login-meta-pad: 8px;
    --top1-login-body-gap: 10px;
    --top1-login-form-gap: 8px;
    --top1-login-footer-gap: 10px;
  }

  .top1-login-window-compact {
    width: min(100%, calc(var(--top1-login-window-max) - 18px));
  }

  .top1-login-shell::before {
    inset: -10% 42% 20% -16%;
  }

  .top1-login-shell::after {
    inset: 10% -18% -8% 56%;
  }

  .top1-login-brand-row {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }

  .top1-client-form-grid,
  .top1-vehicle-form-grid,
  .top1-dashboard-toolbar,
  .top1-dashboard-status-strip,
  .top1-clients-toolbar,
  .top1-parts-toolbar,
  .top1-finance-toolbar,
  .top1-orders-toolbar,
  .top1-kpi-grid,
  .top1-clients-summary-grid,
  .top1-parts-summary-grid,
  .top1-finance-summary-grid,
  .top1-orders-status-grid,
  .top1-focus-grid,
  .top1-clients-focus-grid,
  .top1-parts-focus-grid,
  .top1-finance-focus-grid,
  .top1-orders-focus-grid,
  .top1-clients-bottom-grid,
  .top1-parts-bottom-grid,
  .top1-finance-bottom-grid,
  .top1-orders-bottom-grid {
    grid-template-columns: 1fr;
  }

  .top1-operational-head {
    align-items: stretch;
    flex-direction: column;
  }

  .top1-operational-kpis,
  .top1-operational-grid,
  .top1-operational-card .top1-table-row {
    grid-template-columns: 1fr;
  }

  .top1-table-row,
  .top1-clients-row,
  .top1-parts-row,
  .top1-finance-row,
  .top1-orders-row {
    grid-template-columns: 1fr;
  }

  .top1-productivity-table .top1-table-row,
  .top1-productivity-table.is-basis .top1-table-row,
  .top1-productivity-table.is-unresolved .top1-table-row,
  .top1-productivity-table.is-mechanic-productivity .top1-table-row,
  .top1-compensation-table .top1-table-row,
  .top1-compensation-unresolved .top1-table-row {
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-team-secret-grid {
    grid-template-columns: 1fr;
  }

  .top1-team-edit-grid {
    grid-template-columns: 1fr;
  }

  .top1-team-schedule-form-grid,
  .top1-team-schedule-week-filter-grid {
    grid-template-columns: 1fr;
  }

  .top1-log-filter-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .top1-login-shell {
    padding: 14px;
  }

  .top1-login-shell::before {
    inset: -16% 18% 54% -34%;
  }

  .top1-login-shell::after {
    inset: 44% -34% -10% 46%;
  }

  .top1-login-window,
  .top1-login-window-compact {
    --top1-login-window-max: 100%;
    --top1-login-window-pad: 12px;
    --top1-login-window-inner-pad: 10px;
    --top1-login-title-size: 21px;
    --top1-login-title-gap-top: 12px;
    --top1-login-title-gap-bottom: 6px;
    --top1-login-meta-columns: 1fr;
    --top1-login-meta-gap: 7px;
    --top1-login-meta-pad: 8px;
    --top1-login-body-gap: 10px;
    --top1-login-form-gap: 8px;
    --top1-login-input-height: 36px;
    --top1-login-footer-gap: 9px;
    width: 100%;
    max-width: 100%;
  }

  .top1-login-kicker {
    margin-bottom: 8px;
  }

  .top1-login-brand-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 11px;
  }

  .top1-login-brand-row-compact {
    align-items: center;
  }

  .top1-login-note,
  .top1-login-help,
  .top1-login-inline-note {
    font-size: 11px;
  }

  .top1-login-window-entry .top1-login-title {
    margin-bottom: 10px;
  }

  .top1-login-brand {
    font-size: 12px;
  }

  .top1-login-meta-item strong {
    font-size: 11px;
  }

  .top1-login-form-wrap .login-remember,
  .top1-login-form-wrap .login-remember label {
    align-items: flex-start;
  }
}

@media (max-height: 760px) {
  .top1-login-shell-entry {
    padding-block: 10px;
  }

  .top1-login-window-entry {
    --top1-login-window-max: 360px;
    --top1-login-window-pad: 12px;
    --top1-login-window-inner-pad: 9px;
    --top1-login-title-size: 22px;
    --top1-login-body-gap: 8px;
    --top1-login-form-gap: 7px;
    --top1-login-input-height: 34px;
    --top1-login-footer-gap: 8px;
  }

  .top1-login-window-entry .top1-login-title {
    margin-bottom: 9px;
  }

  .top1-login-window-entry .top1-login-body::before {
    margin: 2px 0 8px;
    font-size: calc(var(--top1-login-title-size) - 5px);
  }
}

@media (max-height: 680px) {
  .top1-login-shell-entry {
    padding-block: 8px;
  }

  .top1-login-window-entry {
    --top1-login-window-max: 344px;
    --top1-login-window-pad: 10px;
    --top1-login-window-inner-pad: 8px;
    --top1-login-title-size: 20px;
    --top1-login-title-gap-top: 9px;
    --top1-login-title-gap-bottom: 4px;
    --top1-login-body-gap: 7px;
    --top1-login-form-gap: 6px;
    --top1-login-input-height: 32px;
  }

  .top1-login-window-entry .top1-login-title {
    margin-bottom: 8px;
  }

  .top1-login-window-entry .top1-login-title::after {
    margin-top: 2px;
  }

  .top1-login-window-entry .top1-login-body::before {
    margin: 1px 0 6px;
  }
}



/* Canonical Planner 1:1 — replaces legacy planner layout with the approved desktop reference layout. */
.top1-app-shell[data-top1-section="planner"] {
  --top1-content-max: 1290px;
  --top1-planner-font: "Segoe UI Variable Text", "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --top1-planner-shell-height: calc(100dvh - 10px);
  --top1-planner-time-header-height: 46px;
  --top1-planner-work-gap: 8px;
  --top1-planner-stack-gap: 12px;
  --top1-planner-row-count: 4;
  --top1-planner-row-min-height: var(--top1-planner-row-height);
  --top1-planner-board-min-height: calc(var(--top1-planner-time-header-height) + (var(--top1-planner-row-count) * var(--top1-planner-row-min-height)));
  --top1-planner-work-area-height: calc(var(--top1-planner-shell-height) - var(--top1-planner-toolbar-height) - var(--top1-planner-toolbar-kpi-gap) - var(--top1-planner-kpi-height) - var(--top1-planner-work-gap));
  --top1-planner-board-height: calc(var(--top1-planner-work-area-height) - var(--top1-planner-queue-height) - var(--top1-planner-stack-gap));
  --top1-planner-work-area-min-height: calc(var(--top1-planner-board-min-height) + var(--top1-planner-queue-height) + var(--top1-planner-stack-gap));
  --top1-planner-min-shell-height: calc(var(--top1-planner-toolbar-height) + var(--top1-planner-toolbar-kpi-gap) + var(--top1-planner-kpi-height) + var(--top1-planner-work-gap) + var(--top1-planner-work-area-min-height));
  --top1-planner-toolbar-height: 42px;
  --top1-planner-toolbar-kpi-gap: 8px;
  --top1-planner-kpi-height: clamp(48px, 6.4dvh, 56px);
  --top1-planner-queue-card-width: 220px;
  --top1-planner-queue-card-height: 94px;
  --top1-planner-queue-height: calc(var(--top1-planner-queue-card-height) + 42px);
  --top1-planner-posts-width: 154px;
  --top1-planner-inspector-width: 340px;
  --top1-planner-hour-cell-size: 125px;
  --top1-planner-row-height: var(--top1-planner-hour-cell-size);
  --top1-planner-adaptive-row-height: clamp(var(--top1-planner-row-min-height), calc((var(--top1-planner-board-height) - var(--top1-planner-time-header-height)) / var(--top1-planner-row-count)), var(--top1-planner-row-height));
  background:
    linear-gradient(180deg, #f1f5fa 0%, #ebf1f7 52%, #e5edf5 100%);
  font-family: var(--top1-planner-font);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.top1-app-shell[data-top1-section="planner"] .top1-app-content,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shell,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shell *,
.top1-app-shell[data-top1-section="planner"] button,
.top1-app-shell[data-top1-section="planner"] input,
.top1-app-shell[data-top1-section="planner"] select,
.top1-app-shell[data-top1-section="planner"] textarea {
  font-family: var(--top1-planner-font);
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="planner"] .top1-app-topbar {
  min-height: 78px;
  padding-top: 12px;
  padding-bottom: 11px;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.04) 0%, rgba(22, 163, 74, 0.025) 48%, rgba(245, 158, 11, 0.035) 100%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 62%, #f6f9fd 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 18px rgba(15, 23, 42, 0.045);
}

.top1-app-shell[data-top1-section="planner"] .top1-app-topbar::before {
  display: block;
}

.top1-app-shell[data-top1-section="planner"] .top1-app-topbar-actions {
  gap: 10px;
}

.top1-app-shell[data-top1-section="planner"] .top1-app-topbar-title {
  font-family: inherit;
  font-size: 21px;
  line-height: 27px;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="planner"] .top1-app-topbar-note {
  color: #64748b;
}

.top1-app-shell[data-top1-section="planner"] .top1-topbar-runtime-group,
.top1-app-shell[data-top1-section="planner"] .top1-topbar-user {
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.top1-app-shell[data-top1-section="planner"] .top1-topbar-runtime-group {
  min-height: 34px;
  padding: 3px 4px 3px 9px;
  opacity: 0.86;
}

.top1-app-shell[data-top1-section="planner"] .top1-topbar-user {
  min-height: 34px;
  padding: 4px 11px 4px 7px;
  border-radius: 12px;
}

.top1-app-shell[data-top1-section="planner"] .top1-topbar-link {
  color: #475569;
  font-weight: 600;
}

.top1-app-shell[data-top1-section="planner"] .top1-app-main { min-width: 1366px; overflow: hidden; }

.top1-app-shell[data-top1-section="planner"] .top1-app-content {
  height: 100dvh;
  min-height: 0;
  padding: 10px 21px 0 21px;
  overflow-x: auto;
  overflow-y: auto;
}

.top1-app-shell[data-top1-section="planner"] .top1-page-header { display: none; }

.top1-app-shell[data-top1-section="planner"] .top1-workspace {
  width: 100%;
  max-width: none;
  min-width: 1290px;
  margin: 0;
  display: block;
}

.top1-planner-shell {
  position: relative;
  width: 100%;
  min-width: 1290px;
  height: max(var(--top1-planner-shell-height), var(--top1-planner-min-shell-height));
  min-height: 0;
  display: block;
  color: #111827;
}

.top1-planner-shell.is-queue-empty {
  --top1-planner-stack-gap: 8px;
  --top1-planner-queue-card-height: 58px;
  --top1-planner-queue-height: 100px;
}

.top1-planner-shell::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: calc(var(--top1-planner-toolbar-height) + var(--top1-planner-toolbar-kpi-gap) + var(--top1-planner-kpi-height));
  height: 1px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.18), rgba(148, 163, 184, 0));
  pointer-events: none;
}

.top1-planner-shell[hidden],
.top1-planner-popover[hidden],
.top1-planner-toolbar {
  position: relative;
  z-index: 120;
  overflow: visible;
  height: var(--top1-planner-toolbar-height);
  display: grid;
  grid-template-columns: 316px 116px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}

.top1-planner-tabs {
  position: absolute;
  left: 0;
  top: 0;
  width: 294px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 34px;
  border: 1px solid #e5e7eb;
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
}

.top1-planner-tab {
  display: grid;
  place-items: center;
  border-right: 1px solid #e5e7eb;
  color: #111827;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.top1-planner-tab:last-child { border-right: 0; }
.top1-planner-tab.is-active { background: #2563eb; color: #fff; }

.top1-planner-date-nav {
  width: 316px;
  height: 34px;
  display: grid;
  grid-template-columns: 34px 158px 34px 90px;
  align-items: center;
  gap: 0;
}

.top1-planner-icon-button,
.top1-planner-date-pill,
.top1-planner-action-pill,
.top1-planner-new-button,
.top1-secondary-button,
.top1-app-button { text-decoration: none; }

.top1-planner-icon-button {
  position: relative;
  width: 34px;
  min-width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d5deea;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #374151;
  font-size: 0;
  font-weight: 700;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 1px 2px rgba(15, 23, 42, 0.03);
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.top1-planner-icon-button:hover,
.top1-planner-icon-button:focus-visible {
  border-color: #b9c8dc;
  background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
  color: #1d4ed8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 3px 8px rgba(37, 99, 235, 0.08);
}

.top1-planner-icon-button:focus-visible,
.top1-planner-action-pill:focus-visible,
.top1-planner-new-button:focus-visible,
.top1-planner-queue-meta:focus-visible,
.top1-planner-slot-button:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.28);
  outline-offset: 2px;
}

.top1-planner-control-icon {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  flex: 0 0 14px;
  color: currentColor;
}

.top1-planner-control-icon::before,
.top1-planner-control-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-planner-control-icon.is-chevron-left::before,
.top1-planner-control-icon.is-chevron-right::before {
  width: 8px;
  height: 8px;
  top: 3px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  border-radius: 1px;
}

.top1-planner-control-icon.is-chevron-left::before { left: 5px; transform: rotate(-45deg); }
.top1-planner-control-icon.is-chevron-right::before { left: 1px; transform: rotate(135deg); }

.top1-planner-control-icon.is-plus::before,
.top1-planner-control-icon.is-plus::after,
.top1-planner-control-icon.is-minus::before {
  left: 2px;
  top: 6px;
  width: 10px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.top1-planner-control-icon.is-plus::after { transform: rotate(90deg); }

.top1-planner-control-icon.is-close::before,
.top1-planner-control-icon.is-close::after {
  left: 2px;
  top: 6px;
  width: 10px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.top1-planner-control-icon.is-close::before { transform: rotate(45deg); }
.top1-planner-control-icon.is-close::after { transform: rotate(-45deg); }

.top1-planner-control-icon.is-caret-down::before {
  left: 3px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  border-radius: 1px;
}

.top1-planner-control-icon.is-target::before {
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  border: 1.7px solid currentColor;
  border-radius: 50%;
}

.top1-planner-control-icon.is-target::after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 5px;
  border-left: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  border-radius: 0 0 0 1px;
  transform: rotate(-35deg);
  transform-origin: left bottom;
}

.top1-planner-control-icon.is-current-time {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.92))
    drop-shadow(0 2px 3px rgba(37, 99, 235, 0.15));
}

.top1-planner-control-icon.is-current-time::before,
.top1-planner-control-icon.is-current-time::after {
  content: none;
  display: none;
}

.top1-planner-control-icon.is-current-time svg {
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
}

.top1-planner-control-icon.is-current-time .top1-current-time-ring,
.top1-planner-control-icon.is-current-time .top1-current-time-hand,
.top1-planner-control-icon.is-current-time .top1-current-time-mark {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.top1-planner-control-icon.is-current-time .top1-current-time-ring {
  fill: rgba(37, 99, 235, 0.08);
  stroke-width: 1.65;
}

.top1-planner-control-icon.is-current-time .top1-current-time-hand {
  stroke-width: 1.85;
}

.top1-planner-control-icon.is-current-time .top1-current-time-mark {
  stroke-width: 1.45;
  opacity: 0.58;
}

.top1-planner-control-icon.is-current-time .top1-current-time-dot {
  fill: currentColor;
}

.top1-planner-control-icon.is-magnifier,
.top1-planner-control-icon.is-magnifier-minus {
  background: none;
}

.top1-planner-control-icon.is-magnifier::before,
.top1-planner-control-icon.is-magnifier-minus::before {
  left: 1px;
  top: 1px;
  width: 9px;
  height: 9px;
  border: 1.7px solid currentColor;
  border-radius: 50%;
}

.top1-planner-control-icon.is-magnifier::after,
.top1-planner-control-icon.is-magnifier-minus::after {
  left: 9px;
  top: 9px;
  width: 6px;
  height: 1.7px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(45deg);
  transform-origin: left center;
}

.top1-planner-control-icon.is-magnifier-minus {
  background: linear-gradient(currentColor, currentColor) 4px 5px / 5px 1.5px no-repeat;
}

.top1-planner-date-pill {
  width: 100%;
  height: 34px;
  appearance: none;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d5deea;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  color: #111827;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 1px 2px rgba(15, 23, 42, 0.03);
  cursor: pointer;
}

.top1-planner-date-field {
  position: relative;
  width: 158px;
  height: 34px;
}

.top1-planner-date-field.is-calendar-open {
  z-index: 130;
}

.top1-planner-date-nav .top1-planner-action-pill.is-plain {
  margin-left: 6px;
}

.top1-planner-shell .top1-planner-date-nav > .top1-planner-icon-button.is-prev {
  border-radius: 8px 0 0 8px;
}

.top1-planner-shell .top1-planner-date-nav .top1-planner-date-pill {
  border-left-width: 0;
  border-radius: 0;
}

.top1-planner-shell .top1-planner-date-nav > .top1-planner-icon-button.is-next {
  border-left-width: 0;
  border-radius: 0 8px 8px 0;
}

.top1-planner-date-calendar {
  top: calc(100% + 6px);
  left: 0;
  width: 286px;
  z-index: 90;
}

.top1-planner-date-calendar.top1-planner-card-context-calendar {
  position: absolute;
  z-index: 140;
}

.top1-planner-date-calendar[hidden] {
  display: none;
}

.top1-planner-date-field.is-calendar-open .top1-planner-date-pill {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(37, 99, 235, 0.14);
}

.top1-planner-date-field.is-wheel-preview .top1-planner-date-pill,
.top1-planner-date-field.is-wheel-ready .top1-planner-date-pill {
  border-color: #93c5fd;
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
  color: #1d4ed8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 7px 18px rgba(37, 99, 235, 0.15);
}

.top1-planner-date-jump {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 96;
  width: 202px;
  transform: translate(-50%, -4px) scale(0.98);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease, transform 150ms ease;
}

.top1-planner-date-jump[hidden] {
  display: none;
}

.top1-planner-date-jump.is-visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  pointer-events: auto;
}

.top1-planner-date-jump::before {
  content: "";
  position: absolute;
  left: calc(50% - 6px);
  top: -5px;
  width: 12px;
  height: 12px;
  border-left: 1px solid rgba(147, 197, 253, 0.9);
  border-top: 1px solid rgba(147, 197, 253, 0.9);
  background: #ffffff;
  transform: rotate(45deg);
}

.top1-planner-date-jump-button {
  position: relative;
  width: 100%;
  min-height: 48px;
  display: grid;
  gap: 2px;
  align-content: center;
  justify-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(147, 197, 253, 0.95);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 246, 255, 0.98) 100%);
  color: #0f172a;
  font-family: inherit;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.14),
    0 3px 10px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  cursor: pointer;
}

.top1-planner-date-jump-button:hover,
.top1-planner-date-jump-button:focus-visible {
  border-color: #60a5fa;
  background:
    linear-gradient(180deg, #ffffff 0%, #dbeafe 100%);
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.16),
    0 6px 16px rgba(37, 99, 235, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.top1-planner-date-jump-button:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.28);
  outline-offset: 2px;
}

.top1-planner-date-jump-action {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
}

.top1-planner-date-jump-value {
  color: #2563eb;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
}

.top1-planner-action-pill {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid #d5deea;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 1px 2px rgba(15, 23, 42, 0.03);
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.top1-planner-action-pill:hover,
.top1-planner-action-pill:focus-visible {
  border-color: #b9c8dc;
  background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
  color: #1d4ed8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 3px 8px rgba(37, 99, 235, 0.08);
}

.top1-planner-action-pill.is-plain { width: 84px; min-width: 84px; padding: 0; }
.top1-planner-action-pill.is-active { border-color: #bfdbfe; background: #eff6ff; color: #2563eb; }
.top1-planner-action-pill.is-attention { border-color: #fecaca; background: #fff1f1; color: #dc2626; }
.top1-planner-action-pill.is-warning { border-color: #fed7aa; background: #fff7ed; color: #d97706; }
.top1-planner-action-pill.is-neutral { border-color: #e5e7eb; background: #f8fafc; color: #4b5563; }
.top1-planner-action-icon { color: #4b5563; font-size: 12px; }

.top1-planner-filter-control {
  width: 112px;
}

.top1-planner-filter-control .top1-planner-action-pill {
  width: 100%;
  padding-inline: 10px;
}

.top1-planner-filter-control .top1-planner-action-pill[aria-expanded="true"] {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(37, 99, 235, 0.14);
}

.top1-planner-actions {
  justify-self: end;
  width: auto;
  height: 34px;
  display: grid;
  grid-template-columns: 76px 112px 120px 146px;
  align-items: center;
  gap: 10px;
}

.top1-planner-notification-launch {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 190px;
  transform: translate(-50%, -50%);
}

.top1-planner-notification-launch .top1-planner-action-pill {
  width: 100%;
}

.top1-planner-action-pill.is-notification-broadcast {
  border-color: #bfdbfe;
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
  color: #1d4ed8;
}

.top1-planner-action-icon.is-notification svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-actions .top1-planner-action-pill {
  width: 100%;
}

.top1-planner-history-controls {
  width: 76px;
  height: 34px;
  display: inline-grid;
  grid-template-columns: repeat(2, 34px);
  gap: 8px;
  align-items: center;
}

.top1-planner-icon-button.is-history {
  color: #2563eb;
  border-color: #c7d7ee;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
}

.top1-planner-icon-button.is-history:hover,
.top1-planner-icon-button.is-history:focus-visible {
  color: #1d4ed8;
  border-color: #93c5fd;
  background: linear-gradient(180deg, #ffffff 0%, #eaf3ff 100%);
}

.top1-planner-icon-button.is-history:disabled {
  color: #94a3b8;
  border-color: #dbe4f0;
  background: #f8fafc;
}

.top1-planner-history-icon,
.top1-planner-history-icon svg {
  width: 17px;
  height: 17px;
  display: block;
}

.top1-planner-history-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.top1-planner-new-button {
  width: 146px;
  min-width: 146px;
  height: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #bfdbfe;
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 8px 16px rgba(37, 99, 235, 0.16);
  font-size: 12px;
  font-weight: 700;
}

.top1-planner-new-button:hover,
.top1-planner-new-button:focus-visible {
  border-color: #93c5fd;
  background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
  color: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 10px 18px rgba(37, 99, 235, 0.2);
}

.top1-planner-new-button .top1-planner-control-icon { width: 12px; height: 12px; flex-basis: 12px; }
.top1-planner-new-button .top1-planner-control-icon.is-caret-down { margin-left: 2px; }

.top1-planner-shell > .top1-inline-notice {
  position: relative;
  max-width: min(620px, 100%);
  margin: 0 0 12px;
}

.top1-planner-shell [hidden] {
  display: none !important;
}

.top1-planner-popover {
  position: absolute;
  z-index: 40;
  top: 44px;
  right: 0;
  width: min(720px, calc(100dvw - 220px));
  max-height: 780px;
  overflow: auto;
  padding: 18px;
  border: 1px solid #d8e2ee;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 22px 54px rgba(15, 23, 42, 0.18);
}

.top1-planner-notification-panel {
  right: 156px;
  width: min(540px, calc(100dvw - 240px));
  padding: 0;
  overflow: hidden;
}

.top1-planner-notification-panel .top1-planner-popover-head {
  margin: 0;
  padding: 18px 20px 15px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.1), rgba(14, 165, 233, 0.05));
}

.top1-planner-notification-form {
  display: grid;
  gap: 10px;
  padding: 18px 20px 20px;
}

.top1-planner-notification-form > label,
.top1-planner-notification-audience strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.top1-planner-notification-audience {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 13px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f8fbff;
  color: #475569;
  font-size: 12px;
}

.top1-planner-notification-form textarea {
  width: 100%;
  min-height: 122px;
  resize: vertical;
  padding: 12px 13px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  line-height: 1.5;
}

.top1-planner-notification-form textarea:focus {
  outline: 2px solid rgba(37, 99, 235, 0.22);
  outline-offset: 1px;
  border-color: #60a5fa;
}

.top1-planner-notification-form textarea[readonly] {
  background: #f8fafc;
  color: #64748b;
}

.top1-planner-notification-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #64748b;
  font-size: 11px;
}

.top1-planner-notification-actions,
.top1-planner-notification-confirm-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.top1-planner-notification-confirm {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: #eff6ff;
}

.top1-planner-notification-confirm strong {
  color: #1e3a8a;
  font-size: 13px;
}

.top1-planner-notification-confirm p {
  margin: 0;
  padding: 11px 12px;
  border-radius: 9px;
  background: #ffffff;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.top1-planner-notification-status {
  min-height: 18px;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.top1-planner-notification-status.is-success { color: #15803d; }
.top1-planner-notification-status.is-error { color: #b91c1c; }

.top1-planner-client-app-panel {
  position: fixed;
  z-index: 520;
  top: 50%;
  right: auto;
  left: 50%;
  width: min(520px, calc(100dvw - 28px));
  max-height: min(760px, calc(100dvh - 28px));
  padding: 0;
  overflow: auto;
  transform: translate(-50%, -50%);
  border-color: rgba(37, 99, 235, 0.3);
  border-radius: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 30px 80px rgba(15, 23, 42, 0.28);
}

.top1-planner-client-app-panel .top1-planner-popover-head {
  margin: 0;
  padding: 18px 20px 15px;
  border-bottom-color: rgba(37, 99, 235, 0.16);
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.11), rgba(16, 185, 129, 0.07), rgba(255, 255, 255, 0.94));
}

.top1-planner-client-app-body {
  padding: 18px 20px 20px;
}

.top1-planner-client-app-panel .top1-client-app-link {
  margin: 0;
  border-color: #d8e4f2;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-planner-client-app-panel .top1-client-app-link-button {
  min-height: 42px;
}

.top1-planner-client-app-panel .top1-client-app-code-panel {
  margin-top: 14px;
}

@media (max-width: 760px) {
  .top1-planner-notification-panel {
    position: fixed;
    top: 72px;
    right: 12px;
    left: 12px;
    width: auto;
    max-height: calc(100dvh - 88px);
  }

  .top1-planner-client-app-panel {
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    width: auto;
    max-height: none;
    transform: none;
  }

  .top1-planner-notification-confirm-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

.top1-planner-quick-create {
  display: flex;
  flex-direction: column;
  top: 48px;
  right: 0;
  width: min(820px, calc(100dvw - 240px));
  max-height: min(760px, calc(100vh - 118px));
  padding: 0;
  overflow: hidden;
  border-color: #c6d7ec;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.99) 34%, #ffffff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 28px 72px rgba(15, 23, 42, 0.22);
}
.top1-planner-utilities-panel {
  position: fixed;
  top: 72px;
  right: 16px;
  width: min(720px, calc(100dvw - 32px));
  max-height: min(560px, calc(100vh - 76px));
  padding: 14px;
  z-index: 80;
  --top1-scrollbar-size: 8px;
  --top1-scrollbar-track: transparent;
  --top1-scrollbar-thumb-border: rgba(255, 255, 255, 0.92);
}

.top1-planner-popover-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid #edf2f7;
}

.top1-planner-quick-create .top1-planner-popover-head {
  position: relative;
  margin: 0;
  padding: 18px 20px 16px 22px;
  border-bottom-color: #dbe8f7;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.1), rgba(20, 184, 166, 0.08) 48%, rgba(249, 115, 22, 0.06));
}

.top1-planner-quick-create .top1-planner-popover-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #2563eb 0%, #14b8a6 52%, #f59e0b 100%);
}

.top1-planner-quick-create .top1-planner-popover-head h2 {
  font-size: 19px;
  letter-spacing: 0;
}

.top1-planner-quick-create .top1-planner-popover-head p {
  max-width: 610px;
  color: #405a7d;
  font-size: 12.5px;
}

.top1-planner-quick-create .top1-planner-icon-button.is-close {
  background: rgba(255, 255, 255, 0.88);
  border-color: #c9d9ec;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.top1-planner-popover-head h2,
.top1-planner-utility-card h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
  color: #0f172a;
}

.top1-planner-popover-head p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  max-width: 560px;
}

.top1-planner-filter-form,
.top1-planner-quick-create-form,
.top1-planner-block-form,
.top1-planner-details-form,
.top1-planner-schedule-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.top1-planner-filter-panel {
  width: min(760px, calc(100dvw - 220px));
  padding: 0;
  overflow: hidden;
  border-color: #c6d7ec;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.99) 40%, #ffffff 100%);
}

.top1-planner-filter-panel .top1-planner-popover-head {
  margin: 0;
  padding: 16px 18px 14px;
  border-bottom-color: #dbe8f7;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.08), rgba(20, 184, 166, 0.06));
}

.top1-planner-filter-panel .top1-planner-filter-form {
  padding: 14px 18px 12px;
}

.top1-planner-filter-search-field {
  position: relative;
}

.top1-planner-filter-search-field input[type="search"] {
  height: 40px;
  padding-left: 36px;
  border-color: #c8d8eb;
  border-radius: 10px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  font-weight: 800;
}

.top1-planner-filter-search-field::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 32px;
  width: 14px;
  height: 14px;
  border: 2px solid #3b82f6;
  border-radius: 999px;
  pointer-events: none;
}

.top1-planner-filter-search-field::after {
  content: "";
  position: absolute;
  left: 25px;
  top: 45px;
  width: 7px;
  height: 2px;
  border-radius: 999px;
  background: #3b82f6;
  transform: rotate(45deg);
  pointer-events: none;
}

.top1-planner-filter-live {
  grid-column: 1 / -1;
  min-height: 40px;
  margin-top: 8px;
  padding: 8px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.72);
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 750;
}

.top1-planner-filter-live.is-empty,
.top1-planner-filter-live.is-no-results {
  display: flex;
  align-items: center;
}

.top1-planner-filter-result {
  width: 100%;
  min-height: 42px;
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #0f172a;
  cursor: pointer;
  text-align: left;
}

.top1-planner-filter-result + .top1-planner-filter-result {
  margin-top: 5px;
}

.top1-planner-filter-result:hover,
.top1-planner-filter-result:focus-visible,
.top1-planner-filter-result.is-primary {
  border-color: #bfdbfe;
  background: #eff6ff;
  outline: none;
}

.top1-planner-filter-result strong,
.top1-planner-filter-result span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-filter-result strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 900;
}

.top1-planner-filter-result span {
  color: #475569;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 750;
}

.top1-planner-filter-panel .top1-planner-issue-pills {
  margin: 0;
  padding: 12px 18px 16px;
  border-top: 1px solid #e4edf7;
  background: #f8fafc;
}

.top1-planner-quick-create-form[hidden],
[data-top1-planner-create-mode-panel][hidden] {
  display: none !important;
}

.top1-planner-quick-create-form { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.top1-planner-quick-intake-form > .top1-planner-field {
  grid-column: span 3;
}

.top1-planner-quick-intake-form > .top1-planner-field.is-full {
  grid-column: 1 / -1;
}

.top1-planner-create-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.top1-planner-quick-create .top1-planner-create-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 12px 18px;
  border-bottom: 1px solid #e4edf7;
  background: rgba(248, 251, 255, 0.86);
}

.top1-planner-create-modes .top1-planner-action-pill {
  min-width: 132px;
}

.top1-planner-quick-create .top1-planner-create-modes .top1-planner-action-pill {
  min-height: 38px;
  justify-content: center;
  border-radius: 10px;
  background: #ffffff;
  color: #334155;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-planner-quick-create .top1-planner-create-modes .top1-planner-action-pill.is-active {
  border-color: #93c5fd;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
  color: #1d4ed8;
  box-shadow: inset 0 -3px 0 #2563eb;
}

.top1-planner-quick-intake-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  background: #ffffff;
}

.top1-planner-quick-create .top1-planner-quick-intake-note {
  padding: 11px 12px;
  border-color: #cfe0f4;
  background:
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 #14b8a6;
}

.top1-planner-quick-intake-note strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}

.top1-planner-quick-intake-note span {
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
}

.top1-planner-vehicle-parse {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
  padding: 11px 12px;
  border: 1px solid #c9d9ea;
  border-left: 4px solid #f59e0b;
  border-radius: 12px;
  background:
    linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 18px rgba(15, 23, 42, 0.045);
}

.top1-planner-name-parse {
  border-left-color: #14b8a6;
  background:
    linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);
}

.top1-planner-vehicle-parse-title {
  align-self: center;
  padding: 5px 7px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.top1-planner-vehicle-parse label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-planner-vehicle-parse label span {
  color: #334155;
  font-size: 10.5px;
  font-weight: 850;
}

.top1-planner-vehicle-parse input {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid #b9cbe0;
  border-radius: 9px;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 650;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-planner-vehicle-parse input:focus {
  border-color: #2563eb;
  outline: 0;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.top1-planner-layout-assist {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid #bfdbfe;
  border-radius: 9px;
  background: #eff6ff;
  color: #1e40af;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 750;
}

.top1-planner-layout-assist[hidden] {
  display: none !important;
}

.top1-planner-layout-assist span {
  min-width: 0;
}

.top1-planner-layout-assist button {
  flex: 0 0 auto;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid #93c5fd;
  border-radius: 7px;
  background: #ffffff;
  color: #1d4ed8;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.top1-planner-layout-assist button:hover,
.top1-planner-layout-assist button:focus-visible {
  border-color: #60a5fa;
  background: #dbeafe;
  outline: 0;
}

@media (max-width: 760px) {
  .top1-planner-vehicle-parse {
    grid-template-columns: 1fr;
  }

  .top1-planner-layout-assist {
    align-items: stretch;
    flex-direction: column;
  }
}

.top1-planner-quick-placement {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.top1-planner-quick-create-form {
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  padding: 16px 18px 18px;
  overflow: auto;
  --top1-scrollbar-size: 8px;
  --top1-scrollbar-track: transparent;
  --top1-scrollbar-thumb-border: rgba(255, 255, 255, 0.92);
}

.top1-planner-quick-create .top1-planner-quick-placement {
  gap: 10px;
  padding: 10px;
  border: 1px solid #d9e4f1;
  border-radius: 14px;
  background:
    linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}

.top1-planner-placement-option {
  min-width: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 9px 10px;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.top1-planner-quick-create .top1-planner-placement-option {
  position: relative;
  min-height: 66px;
  padding: 12px 13px;
  border-color: #c7d6e8;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.045);
}

.top1-planner-quick-create .top1-planner-placement-option:hover {
  border-color: #93b7e4;
  background: #f9fcff;
}

.top1-planner-placement-option:has(input:checked) {
  border-color: #93c5fd;
  background: #f4f8ff;
  box-shadow: inset 3px 0 0 #2563eb;
}

.top1-planner-quick-create .top1-planner-placement-option:has(input:checked) {
  border-color: #2563eb;
  background:
    linear-gradient(180deg, #eaf3ff 0%, #ffffff 100%);
  box-shadow:
    inset 4px 0 0 #2563eb,
    0 12px 26px rgba(37, 99, 235, 0.14);
}

.top1-planner-placement-option input {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: #2563eb;
}

.top1-planner-placement-option span,
.top1-planner-placement-option strong,
.top1-planner-placement-option small {
  min-width: 0;
}

.top1-planner-placement-option strong,
.top1-planner-placement-option small {
  display: block;
}

.top1-planner-placement-option strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
}

.top1-planner-quick-create .top1-planner-placement-option strong {
  font-size: 13px;
}

.top1-planner-quick-create .top1-planner-placement-option:has(input:checked) strong {
  color: #1d4ed8;
}

.top1-planner-placement-option small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 650;
}

[data-top1-planner-slot-field]:has(:disabled) {
  opacity: 0.58;
}

.top1-planner-quick-options {
  grid-column: 1 / -1;
  border: 1px solid #d5e1ef;
  border-radius: 10px;
  background: #ffffff;
}

.top1-planner-quick-create .top1-planner-quick-options {
  overflow: visible;
  border-color: #cbd9ea;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

.top1-planner-quick-options summary {
  min-height: 34px;
  padding: 8px 10px;
  cursor: pointer;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.top1-planner-quick-create .top1-planner-quick-options summary {
  min-height: 40px;
  padding: 10px 12px;
  color: #0f172a;
  background: #f3f7fc;
}

.top1-planner-quick-options[open] summary {
  border-bottom: 1px solid #edf2f7;
}

.top1-planner-quick-options-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.top1-planner-quick-create .top1-planner-quick-options-grid {
  padding: 14px;
  background: #ffffff;
}

.top1-planner-quick-create.is-quick-placement-multi-slot [data-top1-planner-single-slot-field] {
  display: none;
}

.top1-planner-multi-slots {
  grid-column: 1 / -1;
  display: none;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.top1-planner-quick-create.is-quick-placement-multi-slot .top1-planner-multi-slots {
  display: grid;
}

.top1-planner-multi-slots-head {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  min-width: 0;
}

.top1-planner-multi-slots-head .top1-secondary-button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
}

.top1-planner-multi-slots-head strong,
.top1-planner-multi-slots-head span {
  display: block;
}

.top1-planner-multi-slots-head strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 850;
}

.top1-planner-multi-slots-head span {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 650;
}

.top1-planner-multi-slot-list {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.top1-planner-multi-slot-row {
  display: grid;
  grid-template-columns: 28px minmax(128px, 1.18fr) minmax(138px, 1.08fr) minmax(92px, 0.74fr) minmax(70px, 0.58fr) minmax(68px, 0.56fr) 32px;
  gap: 6px;
  align-items: end;
  min-width: 0;
  padding: 8px;
  border: 1px solid #d5e4f4;
  border-radius: 10px;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-planner-multi-slot-number {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 36px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.top1-planner-multi-slot-row .top1-planner-field > span {
  color: #243448;
  font-size: 11.5px;
  font-weight: 850;
}

.top1-planner-multi-slot-row .top1-planner-field {
  gap: 4px;
  min-width: 0;
}

.top1-planner-multi-slot-row .top1-planner-field input,
.top1-planner-multi-slot-row .top1-planner-field select {
  min-width: 0;
  min-height: 36px;
  padding: 7px 8px;
  border-radius: 10px;
  font-size: 11.5px;
}

.top1-planner-multi-slot-row .top1-planner-field:last-of-type input {
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.top1-planner-multi-slot-remove {
  display: inline-grid;
  place-items: center;
  align-self: end;
  width: 32px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fff5f5;
  color: #dc2626;
  font-size: 18px;
  line-height: 1;
  font-weight: 850;
  cursor: pointer;
}

.top1-planner-multi-slot-remove:hover,
.top1-planner-multi-slot-remove:focus-visible {
  border-color: #ef4444;
  background: #fee2e2;
  outline: none;
}

.top1-planner-prereq-empty {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: #eff6ff;
  color: #1e3a8a;
}

.top1-planner-prereq-empty strong {
  font-size: 13px;
  line-height: 1.25;
}

.top1-planner-prereq-empty span {
  color: #475569;
  font-size: 12px;
}

.top1-planner-prereq-actions {
  grid-row: 1 / span 2;
  grid-column: 2;
  display: flex;
  gap: 8px;
  align-items: center;
}

.top1-planner-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.top1-planner-field.is-wide { grid-column: span 2; }

.top1-planner-field label,
.top1-planner-shift-card label span {
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.top1-planner-field input,
.top1-planner-field select,
.top1-planner-field textarea,
.top1-planner-shift-card input,
.top1-planner-shift-card select {
  width: 100%;
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid #dbe3ec;
  border-radius: 9px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  color: #111827;
  font-size: 12px;
}

.top1-planner-quick-create .top1-planner-field label {
  color: #243448;
  font-size: 11.5px;
  font-weight: 850;
}

.top1-planner-quick-create .top1-planner-field:focus-within label {
  color: #1d4ed8;
}

.top1-planner-field-label-with-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.top1-planner-vin-counter,
.top1-planner-phone-counter {
  flex: 0 0 auto;
  min-width: 34px;
  padding: 2px 7px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 850;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.top1-planner-phone-counter.is-complete {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

.top1-planner-vin-counter.is-over-limit,
.top1-planner-phone-counter.is-over-limit {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

.top1-planner-vin-decode {
  margin-top: 6px;
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
}

.top1-planner-vin-decode.is-success {
  color: #047857;
}

.top1-planner-vin-decode.is-warning,
.top1-planner-vin-decode.is-error {
  color: #b91c1c;
}

.top1-planner-vin-decode[hidden] {
  display: none;
}

.top1-planner-quick-create .top1-planner-field input,
.top1-planner-quick-create .top1-planner-field select,
.top1-planner-quick-create .top1-planner-field textarea {
  min-height: 40px;
  padding: 9px 11px;
  border-color: #b9cbe0;
  border-radius: 11px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 650;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 1px 0 rgba(15, 23, 42, 0.04);
}

.top1-planner-quick-create .top1-planner-field input::placeholder,
.top1-planner-quick-create .top1-planner-field textarea::placeholder {
  color: #7b8797;
  opacity: 1;
  font-weight: 550;
}

.top1-planner-quick-create .top1-planner-field input:focus,
.top1-planner-quick-create .top1-planner-field select:focus,
.top1-planner-quick-create .top1-planner-field textarea:focus {
  border-color: #2563eb;
  background: #ffffff;
  outline: 0;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.15),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.top1-planner-quick-create .top1-planner-field input:disabled,
.top1-planner-quick-create .top1-planner-field select:disabled {
  border-color: #d9e2ed;
  color: #8a98aa;
  background: #eef3f8;
}

.top1-planner-quick-create .top1-planner-intake-search-field input[type="search"] {
  min-height: 42px;
  border-color: #aebfd4;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(15, 23, 42, 0.05);
}

.top1-planner-field textarea {
  min-height: 88px;
  line-height: 1.35;
  resize: vertical;
}

.top1-planner-intake-search-field {
  position: relative;
}

.top1-planner-intake-results {
  position: static;
  display: grid;
  gap: 6px;
  max-height: 220px;
  overflow: auto;
  margin-top: 5px;
  padding: 8px;
  border: 1px solid #cfe0f4;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.top1-planner-intake-results[hidden] {
  display: none !important;
}

.top1-planner-intake-selected {
  grid-column: 1 / -1;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  background: #f0fdf4;
  color: #14532d;
}

.top1-planner-intake-selected[hidden] {
  display: none !important;
}

.top1-planner-intake-conflict {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 12px;
  line-height: 1.35;
}

.top1-planner-intake-conflict[hidden] {
  display: none !important;
}

.top1-planner-intake-conflict span {
  min-width: 0;
}

.top1-planner-intake-conflict button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #fdba74;
  border-radius: 8px;
  background: #ffffff;
  color: #9a3412;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.top1-planner-intake-conflict button:hover,
.top1-planner-intake-conflict button:focus-visible {
  border-color: #fb923c;
  background: #ffedd5;
}

.top1-planner-intake-selected strong,
.top1-planner-intake-selected span,
.top1-planner-intake-selected small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-intake-selected strong {
  font-size: 12.5px;
  font-weight: 850;
}

.top1-planner-intake-selected span {
  font-size: 11.5px;
  font-weight: 750;
}

.top1-planner-intake-selected small {
  color: #166534;
  font-size: 11px;
}

.top1-planner-intake-result {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  background: #f8fafc;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}

.top1-planner-intake-result:hover,
.top1-planner-intake-result:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  outline: 0;
}

.top1-planner-intake-result strong,
.top1-planner-intake-result span,
.top1-planner-intake-result small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-intake-result strong {
  font-size: 12px;
  font-weight: 850;
}

.top1-planner-intake-result span {
  color: #475569;
  font-size: 11.5px;
  font-weight: 700;
}

.top1-planner-intake-result small {
  color: #64748b;
  font-size: 11px;
}

.top1-planner-field.is-comment {
  grid-column: 1 / -1;
}

.top1-planner-checkbox-field {
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid #dbe3ec;
  border-radius: 9px;
  background: #ffffff;
}

.top1-planner-checkbox-field label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 11.5px;
  line-height: 1.25;
}

.top1-planner-checkbox-field input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
  accent-color: #2563eb;
}

.top1-planner-checkbox-field.has-error {
  border-color: #fca5a5;
  background: #fff7f7;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.08);
}

.top1-planner-field-error {
  color: #dc2626;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
}

.top1-planner-block-form .top1-planner-field.is-comment textarea,
.top1-planner-details-form .top1-planner-field.is-comment textarea {
  min-height: 96px;
}

.top1-planner-utilities-panel .top1-planner-block-form .top1-planner-field.is-comment textarea {
  min-height: 72px;
}

.top1-planner-form-actions,
.top1-planner-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.top1-planner-quick-create .top1-planner-form-actions {
  position: static;
  margin: 8px -18px -18px;
  padding: 13px 18px 14px;
  border-top: 1px solid #dce7f4;
  background:
    linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%);
  box-shadow:
    0 -1px 0 rgba(248, 251, 255, 0.92),
    0 -8px 22px rgba(15, 23, 42, 0.045);
}

.top1-planner-quick-create .top1-planner-form-actions .top1-app-button {
  min-height: 42px;
  padding-inline: 18px;
  border-radius: 11px;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.top1-planner-quick-create .top1-planner-form-meta {
  max-width: 430px;
  color: #40516a;
  line-height: 1.35;
  font-weight: 650;
}

.top1-planner-form-meta,
.top1-planner-field-help { color: #6b7280; font-size: 12px; }

.top1-planner-issue-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.top1-planner-utilities-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: 12px;
  align-items: start;
}

.top1-planner-utility-card {
  min-width: 0;
  padding: 11px;
  border: 1px solid #dbe3ec;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 4px 12px rgba(15, 23, 42, 0.04);
}

.top1-planner-shift-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: 9px;
}

.top1-planner-shift-card {
  display: block;
  padding: 0;
  border: 1px solid #e0e7f0;
  border-radius: 11px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025);
  overflow: hidden;
}

.top1-planner-shift-card summary {
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  gap: 5px 9px;
  padding: 7px 9px;
  cursor: pointer;
  list-style: none;
}

.top1-planner-shift-card summary::-webkit-details-marker {
  display: none;
}

.top1-planner-shift-card summary::after {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1.8px solid #64748b;
  border-bottom: 1.8px solid #64748b;
  transform: rotate(45deg);
  transition: transform 140ms ease;
}

.top1-planner-shift-card[open] summary {
  border-bottom: 1px solid #e5edf6;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-planner-shift-card[open] summary::after {
  transform: rotate(-135deg);
}

.top1-planner-shift-summary-main {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.top1-planner-shift-summary-main strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-shift-summary-main em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-shift-summary-meta {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  color: #475569;
  font-size: 11px;
  min-width: 0;
}

.top1-planner-shift-summary-meta span {
  min-height: 20px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-shift-card-form {
  display: grid;
  grid-template-columns: 1fr 1fr 92px;
  gap: 7px;
  padding: 9px;
}

.top1-planner-shift-card-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-planner-shift-card.is-day-off { opacity: 0.72; }

.top1-planner-shift-card.is-hidden-bay {
  border-style: dashed;
  background: #f8fafc;
}

.top1-planner-shift-card.is-hidden-bay summary {
  opacity: 0.78;
}

.top1-planner-bay-visible-toggle {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid #dbe3ec;
  border-radius: 9px;
  background: #f8fbff;
}

.top1-planner-bay-visible-toggle input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2563eb;
}

.top1-planner-bay-visible-toggle em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  line-height: 1.2;
}

.top1-planner-availability-badge,
.top1-planner-post-master-availability,
.top1-planner-slot-availability {
  display: block;
  min-width: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
}

.top1-planner-availability-badge {
  grid-column: 1 / 3;
  padding: 5px 8px;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  background: #f8fbff;
}

.top1-planner-availability-badge.is-available,
.top1-planner-post-master-availability.is-available {
  color: #047857;
}

.top1-planner-availability-badge.is-unavailable,
.top1-planner-post-master-availability.is-unavailable,
.top1-planner-slot-availability {
  color: #b45309;
}

.top1-planner-slot-availability {
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-shift-times {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.top1-planner-utilities-panel .top1-planner-block-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}

.top1-planner-utilities-panel .top1-planner-block-form .top1-planner-field:first-child,
.top1-planner-utilities-panel .top1-planner-block-form .top1-planner-field:nth-child(4),
.top1-planner-utilities-panel .top1-planner-block-form .top1-planner-field.is-wide,
.top1-planner-utilities-panel .top1-planner-block-form > .top1-secondary-button {
  grid-column: 1 / -1;
}

.top1-planner-utilities-panel .top1-planner-block-form > .top1-secondary-button {
  margin-top: 1px;
}

.top1-planner-utility-card .top1-secondary-button,
.top1-planner-block-form .top1-secondary-button,
.top1-planner-shift-card .top1-secondary-button {
  min-height: 32px;
  border-color: #d5dfeb;
  border-radius: 9px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #0f172a;
  font-weight: 700;
}

.top1-planner-shift-card .top1-secondary-button {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
  width: auto;
  min-width: 0;
  padding-inline: 14px;
}

.top1-planner-utility-card .top1-secondary-button:hover,
.top1-planner-block-form .top1-secondary-button:hover,
.top1-planner-shift-card .top1-secondary-button:hover {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-planner-kpi-grid {
  margin-top: var(--top1-planner-toolbar-kpi-gap);
  height: var(--top1-planner-kpi-height);
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  overflow: visible;
}

.top1-planner-kpi-card {
  position: relative;
  min-width: 0;
  height: var(--top1-planner-kpi-height);
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 7px 8px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(var(--top1-kpi-rgb), 0.055) 0%, rgba(var(--top1-kpi-rgb), 0) 46%),
    linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 5px 12px rgba(15, 23, 42, 0.035);
  --top1-kpi-accent: #2563eb;
  --top1-kpi-rgb: 37, 99, 235;
}

.top1-planner-kpi-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: var(--top1-kpi-accent, #2563eb);
  opacity: 0.68;
}

.top1-planner-kpi-card:last-child {
  padding-right: 10px;
}

.top1-planner-kpi-card:first-child { padding-right: 10px; }

.top1-planner-kpi-card:first-child::after {
  display: none;
}

.top1-planner-kpi-icon {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(var(--top1-kpi-rgb), 0.28);
  background:
    radial-gradient(circle at 33% 25%, rgba(255, 255, 255, 0.98) 0 23%, rgba(255, 255, 255, 0.2) 24% 42%, transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(var(--top1-kpi-rgb), 0.16) 52%, rgba(var(--top1-kpi-rgb), 0.28) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -7px 12px rgba(var(--top1-kpi-rgb), 0.10),
    0 5px 10px rgba(var(--top1-kpi-rgb), 0.12),
    0 2px 3px rgba(15, 23, 42, 0.08);
}

.top1-planner-kpi-icon::before {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  top: 6px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.top1-planner-kpi-icon::before,
.top1-planner-kpi-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-planner-kpi-text {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 6px;
  row-gap: 1px;
  align-content: center;
  align-items: baseline;
}

.top1-planner-kpi-card.is-blue-soft { --top1-kpi-accent: #2563eb; --top1-kpi-rgb: 37, 99, 235; }
.top1-planner-kpi-card.is-green { --top1-kpi-accent: #16a34a; --top1-kpi-rgb: 22, 163, 74; }
.top1-planner-kpi-card.is-green-soft { --top1-kpi-accent: #0f9f6e; --top1-kpi-rgb: 15, 159, 110; }
.top1-planner-kpi-card.is-amber { --top1-kpi-accent: #f59e0b; --top1-kpi-rgb: 245, 158, 11; }
.top1-planner-kpi-card.is-red { --top1-kpi-accent: #ef4444; --top1-kpi-rgb: 239, 68, 68; }
.top1-planner-kpi-card.is-violet { --top1-kpi-accent: #8b5cf6; --top1-kpi-rgb: 139, 92, 246; }

.top1-planner-kpi-card[data-kpi-kind="load"] .top1-planner-kpi-icon::before {
  left: 8px;
  top: 9px;
  width: 22px;
  height: 17px;
  border: 1.7px solid #2563eb;
  border-top-width: 3px;
  border-radius: 4px 4px 3px 3px;
}

.top1-planner-kpi-card[data-kpi-kind="load"] .top1-planner-kpi-icon::after {
  left: 12px;
  top: 15px;
  width: 3px;
  height: 10px;
  border-radius: 2px;
  background: #2563eb;
  box-shadow:
    5px 0 0 rgba(37, 99, 235, 0.72),
    10px 0 0 rgba(37, 99, 235, 0.72),
    15px 0 0 rgba(37, 99, 235, 0.72);
}

.top1-planner-kpi-card[data-kpi-kind="in-work"] .top1-planner-kpi-icon::before {
  left: 14px;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #2563eb;
  border-radius: 2px;
}

.top1-planner-kpi-card[data-kpi-kind="in-work"] .top1-planner-kpi-icon::after {
  left: 10px;
  top: 27px;
  width: 18px;
  height: 3px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 -18px 0 -1px rgba(37, 99, 235, 0.28);
}

.top1-planner-kpi-card[data-kpi-kind="waiting"] .top1-planner-kpi-icon::before {
  left: 12px;
  top: 8px;
  width: 14px;
  height: 22px;
  border: 1.7px solid currentColor;
  border-top-width: 2.4px;
  border-bottom-width: 2.4px;
  border-radius: 4px;
  clip-path: polygon(0 0, 100% 0, 63% 50%, 100% 100%, 0 100%, 37% 50%);
}

.top1-planner-kpi-card[data-kpi-kind="waiting"] .top1-planner-kpi-icon::after {
  left: 15px;
  top: 15px;
  width: 8px;
  height: 9px;
  background: currentColor;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.top1-planner-kpi-card[data-kpi-kind="waiting"] .top1-planner-kpi-icon { color: #d97706; }
.top1-planner-kpi-card[data-kpi-kind="average"] .top1-planner-kpi-icon { color: #8b5cf6; }

.top1-planner-kpi-card[data-kpi-kind="overdue"] .top1-planner-kpi-icon::before {
  left: 7px;
  top: 7px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 16px solid #ef4444;
}

.top1-planner-kpi-card[data-kpi-kind="overdue"] .top1-planner-kpi-icon::after {
  left: 15px;
  top: 11px;
  width: 2px;
  height: 7px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 10px 0 -1px #ffffff;
}

.top1-planner-kpi-card[data-kpi-kind="done"] .top1-planner-kpi-icon::before {
  left: 10px;
  top: 8px;
  width: 18px;
  height: 22px;
  border: 1.5px solid #16a34a;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 4px 0 rgba(22, 163, 74, 0.14);
}

.top1-planner-kpi-card[data-kpi-kind="done"] .top1-planner-kpi-icon::after {
  left: 14px;
  top: 18px;
  width: 9px;
  height: 5px;
  border-left: 2px solid #16a34a;
  border-bottom: 2px solid #16a34a;
  transform: rotate(-45deg);
}

.top1-planner-kpi-card[data-kpi-kind="average"] .top1-planner-kpi-icon::before {
  left: 9px;
  top: 10px;
  width: 20px;
  height: 20px;
  border: 1.7px solid currentColor;
  border-radius: 50%;
  box-shadow: 0 -5px 0 -3px currentColor;
}

.top1-planner-kpi-card[data-kpi-kind="average"] .top1-planner-kpi-icon::after {
  left: 18px;
  top: 15px;
  width: 7px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-38deg);
  transform-origin: left bottom;
}

.top1-planner-kpi-icon {
  display: grid;
  place-items: center;
  color: var(--top1-kpi-accent, #2563eb);
}

.top1-planner-kpi-icon::before,
.top1-planner-kpi-icon::after {
  content: none !important;
  display: none !important;
}

.top1-planner-kpi-icon svg {
  width: 19px;
  height: 19px;
  display: block;
  overflow: visible;
  transform: translateY(-0.5px);
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.92))
    drop-shadow(0 1px 2px rgba(var(--top1-kpi-rgb), 0.20));
}

.top1-planner-kpi-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.05;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.top1-planner-kpi-card[data-kpi-kind="overdue"] .top1-planner-kpi-icon svg path:first-child {
  fill: rgba(239, 68, 68, 0.14);
}

.top1-planner-kpi-card[data-kpi-kind="load"] .top1-planner-kpi-icon svg {
  width: 25px;
}

.top1-planner-kpi-card[data-kpi-kind="load"] .top1-planner-kpi-icon svg path:nth-child(2),
.top1-planner-kpi-card[data-kpi-kind="intake"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="preliminary-order"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="parts-waiting"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="work-order"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="final-order"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="delivery"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="refusal"] .top1-planner-kpi-icon svg path:first-child {
  fill: rgba(var(--top1-kpi-rgb), 0.18);
}

.top1-planner-kpi-card[data-kpi-kind="load"] .top1-planner-kpi-icon svg path:nth-child(3) {
  stroke-width: 2.4;
}

.top1-planner-kpi-card[data-kpi-kind="in-work"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="done"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="work-order"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="final-order"] .top1-planner-kpi-icon svg path:first-child,
.top1-planner-kpi-card[data-kpi-kind="delivery"] .top1-planner-kpi-icon svg path:first-child {
  fill: rgba(var(--top1-kpi-rgb), 0.13);
}

.top1-planner-kpi-card[data-kpi-kind="waiting"] .top1-planner-kpi-icon svg path:nth-child(2),
.top1-planner-kpi-card[data-kpi-kind="average"] .top1-planner-kpi-icon svg path:nth-child(2) {
  stroke-width: 2.35;
}

.top1-planner-kpi-label {
  min-width: 0;
  color: #5f6f84;
  font-size: 10px;
  line-height: 1.08;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-kpi-card[data-kpi-kind="delivery"] .top1-planner-kpi-label {
  min-height: 22px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.02;
}

.top1-planner-kpi-value { margin-top: 0; font-size: 16px; line-height: 1; font-weight: 800; color: #0f172a; }
.top1-planner-kpi-note {
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 0;
  font-size: 9.5px;
  line-height: 1.08;
  color: #6f7f94;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-work-area {
  position: relative;
  height: max(var(--top1-planner-work-area-height), var(--top1-planner-work-area-min-height));
  margin-top: var(--top1-planner-work-gap);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: start;
  transition:
    gap 220ms ease;
}

.top1-planner-shell.is-inspector-empty .top1-planner-work-area {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  height: max(var(--top1-planner-work-area-height), var(--top1-planner-work-area-min-height));
}

.top1-planner-left-stack {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--top1-planner-stack-gap);
}

.top1-planner-shell.is-inspector-empty .top1-planner-left-stack {
  height: 100%;
}

.top1-planner-board {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  display: grid;
  grid-template-columns: var(--top1-planner-posts-width) minmax(0, 1fr);
  column-gap: 6px;
  border: 1px solid #cfdbea;
  border-radius: 12px;
  overflow: hidden;
  background:
    linear-gradient(90deg, #ffffff 0, #ffffff calc(var(--top1-planner-posts-width) + 1px), #d9e5f2 calc(var(--top1-planner-posts-width) + 1px), #edf4fb calc(var(--top1-planner-posts-width) + 6px), #ffffff calc(var(--top1-planner-posts-width) + 6px));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(15, 23, 42, 0.05);
}

.top1-planner-shell.is-inspector-empty .top1-planner-board {
  height: auto;
}

.top1-planner-posts-column {
  position: relative;
  border-right: 1px solid #b8c8da;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 3px 0 10px rgba(15, 23, 42, 0.035);
  z-index: 2;
}

.top1-planner-posts-header,
.top1-planner-time-header {
  height: var(--top1-planner-time-header-height);
  border-bottom: 1px solid #cfdbea;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.top1-planner-posts-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 700;
}

.top1-planner-posts-header::after {
  display: none;
}

.top1-planner-post-row {
  --top1-post-accent: #2563eb;
  --top1-post-accent-soft: rgba(37, 99, 235, 0.075);
  height: var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px));
  min-height: var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 8px 7px;
  border-bottom: 1px solid #d7e0ec;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0, rgba(37, 99, 235, 0.12) 3px, transparent 3px),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: background 140ms ease, box-shadow 140ms ease;
}

.top1-planner-post-row:nth-child(3n + 1) {
  --top1-post-accent: #2563eb;
  --top1-post-accent-soft: rgba(37, 99, 235, 0.08);
}

.top1-planner-post-row:nth-child(3n + 2) {
  --top1-post-accent: #0f9f6e;
  --top1-post-accent-soft: rgba(15, 159, 110, 0.075);
}

.top1-planner-post-row:nth-child(3n + 3) {
  --top1-post-accent: #7c3aed;
  --top1-post-accent-soft: rgba(124, 58, 237, 0.07);
}

.top1-planner-post-row:hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.22) 0, rgba(37, 99, 235, 0.22) 3px, transparent 3px),
    linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 8px 18px rgba(37, 99, 235, 0.06);
}

.top1-planner-post-row.is-alert {
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.34) 0, rgba(239, 68, 68, 0.34) 3px, transparent 3px),
    linear-gradient(180deg, #ffffff 0%, #fff7f7 100%);
}

.top1-planner-post-row.is-day-off {
  background: linear-gradient(180deg, #fbfdff 0%, #f6f8fb 100%);
}


.top1-planner-post-icon {
  display: none;
}

.top1-planner-post-icon::before,
.top1-planner-post-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-planner-post-icon::before {
  left: 3px;
  top: 4px;
  width: 10px;
  height: 9px;
  border: 1.4px solid #2563eb;
  border-top-width: 1.8px;
  border-radius: 2px 2px 4px 4px;
}

.top1-planner-post-icon::after {
  left: 6px;
  top: 8px;
  width: 5px;
  height: 1.4px;
  border-radius: 999px;
  background: #2563eb;
}

.top1-planner-post-icon.is-clock {
  border: 1.6px solid #cbd5e1;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.92);
}

.top1-planner-post-icon.is-clock::before {
  left: 8px;
  top: 4px;
  width: 1.6px;
  height: 6px;
  border: 0;
  border-radius: 999px;
  background: #64748b;
}

.top1-planner-post-icon.is-clock::after {
  left: 8px;
  top: 9px;
  width: 5px;
  height: 1.6px;
  border-radius: 999px;
  background: #64748b;
  transform: rotate(26deg);
  transform-origin: left center;
}
.top1-planner-post-main {
  position: relative;
  width: 100%;
  min-width: 0;
  display: grid;
  justify-items: start;
  align-content: start;
  gap: 4px;
  padding: 8px 8px 7px;
  border: 1px solid color-mix(in srgb, var(--top1-post-accent) 18%, #d7e5f7);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.98) 100%),
    linear-gradient(135deg, var(--top1-post-accent-soft) 0%, rgba(255, 255, 255, 0) 62%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 6px 14px rgba(15, 23, 42, 0.035);
  overflow: hidden;
}

.top1-planner-post-main::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--top1-post-accent);
}

.top1-planner-post-title {
  min-height: 18px;
  width: 100%;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0b1220;
  font-size: 12.5px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
}

.top1-planner-post-meta {
  min-height: 17px;
  width: 100%;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: color-mix(in srgb, var(--top1-post-accent) 35%, #526276);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-post-master {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #111827;
  font-size: 11px;
  line-height: 1.1;
  min-width: 0;
}

.top1-planner-post-master-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.top1-planner-post-master-label {
  display: none;
}

.top1-planner-post-master-value {
  color: #111827;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-avatar { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #dbe3ec; background: linear-gradient(180deg, #f3f4f6, #d1d5db 60%, #9ca3af); }
.top1-planner-post-master i { width: 5px; height: 5px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 2px #ffffff; }
.top1-planner-post-master.is-unassigned { color: #374151; }
.top1-planner-post-master.is-unassigned .top1-planner-avatar { display: none; }
.top1-planner-post-master.is-unassigned .top1-planner-post-master-value {
  min-height: 17px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #5f6f84;
  font-size: 10px;
  font-weight: 700;
}
.top1-planner-post-master.is-unassigned i { display: none; }

.top1-planner-post-master-availability {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-post-side {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
  align-self: start;
  min-width: 0;
  padding: 0 2px;
  padding-top: 0;
}

.top1-planner-post-side strong { text-align: left; font-size: 10.5px; font-weight: 800; color: #1f2937; }
.top1-planner-post-row.is-alert .top1-planner-post-side strong { color: #ef4444; }

.top1-planner-post-load {
  width: 34px;
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
  background: #e6edf6;
  box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.45);
}

.top1-planner-post-load span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #60a5fa 0%, #2563eb 100%); box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.08); }
.top1-planner-post-row.is-alert .top1-planner-post-load span { background: linear-gradient(90deg, #f87171 0%, #ef4444 100%); }
.top1-planner-post-load.is-empty span { width: 0; }
.top1-planner-post-load-state {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 1px solid #d5e2f1;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
  color: #526276;
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  text-align: right;
}
.top1-planner-post-side small { color: #64748b; font-size: 10px; text-align: left; }

.top1-planner-timeline {
  position: relative;
  min-width: 0;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  overflow: hidden;
}

.top1-planner-zoom-controls {
  position: static;
  z-index: 1;
  width: max-content;
  height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  justify-self: start;
  padding: 3px;
  border: 1px solid rgba(191, 219, 254, 0.95);
  border-radius: 12px;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 1) 0 21%, rgba(255, 255, 255, 0.36) 22% 42%, transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 246, 255, 0.98) 58%, rgba(219, 234, 254, 0.94) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -8px 14px rgba(37, 99, 235, 0.055),
    0 7px 16px rgba(37, 99, 235, 0.11),
    0 1px 2px rgba(15, 23, 42, 0.05);
}

.top1-planner-zoom-controls .top1-planner-icon-button {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  box-shadow: none;
  color: #334155;
  font-size: 12px;
}

.top1-planner-zoom-controls .top1-planner-icon-button:hover,
.top1-planner-zoom-controls .top1-planner-icon-button:focus-visible {
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-planner-control-icon.is-zoom-tool {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.92))
    drop-shadow(0 2px 3px rgba(37, 99, 235, 0.12));
}

.top1-planner-control-icon.is-zoom-tool::before,
.top1-planner-control-icon.is-zoom-tool::after {
  content: none;
  display: none;
}

.top1-planner-control-icon.is-zoom-tool svg {
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
}

.top1-planner-control-icon.is-zoom-tool svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.top1-planner-zoom-label {
  min-width: 42px;
  display: inline-grid;
  place-items: center;
  align-self: stretch;
  margin-left: 2px;
  padding: 0 8px;
  border-left: 1px solid rgba(148, 163, 184, 0.22);
  color: #475569;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.top1-planner-timeline-scroll {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.top1-planner-timeline-scroll > .top1-planner-time-header,
.top1-planner-timeline-scroll > .top1-planner-grid-rows {
  min-width: max(100%, calc(var(--top1-timeline-columns, 10) * var(--top1-planner-hour-cell-size, 125px) * var(--top1-planner-zoom, 1)));
}

.top1-planner-time-header {
  position: relative;
  display: block;
  padding: 0;
  color: #1e293b;
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, #f9fbff 58%, #edf4fc 100%);
  box-shadow:
    inset 0 -1px 0 #aebfd3,
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-planner-time-header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 23px;
  background-image:
    linear-gradient(to right, rgba(100, 116, 139, 0.32) 1px, transparent 1px),
    linear-gradient(to right, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
  background-size:
    calc(100% / var(--top1-timeline-columns, 10)) 100%,
    calc(50% / var(--top1-timeline-columns, 10)) 100%;
  background-position: 0 0;
  pointer-events: none;
}

.top1-planner-time-header::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 9px;
  height: 1px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.24), rgba(14, 165, 233, 0.14), rgba(37, 99, 235, 0.24));
  pointer-events: none;
}

.top1-planner-time-tick {
  position: absolute;
  top: 8px;
  z-index: 2;
  min-width: 44px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.96) 100%);
  font-size: 10.5px;
  font-weight: 800;
  box-shadow:
    0 4px 10px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  transform: translateX(-50%);
  white-space: nowrap;
  color: #334155;
  text-shadow: 0 1px 0 #ffffff;
  letter-spacing: 0.01em;
}

.top1-planner-time-tick::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 24px;
  width: 1px;
  height: 7px;
  background: rgba(37, 99, 235, 0.22);
  transform: translateX(-50%);
}

.top1-planner-time-tick.is-start {
  min-width: 48px;
  transform: translateX(0);
}

.top1-planner-time-tick.is-end {
  min-width: 48px;
  transform: translateX(-100%);
}

.top1-planner-time-tick.is-start::after,
.top1-planner-time-tick.is-end::after {
  background: rgba(37, 99, 235, 0.22);
}

.top1-planner-time-tick.is-start::after {
  left: 50%;
  transform: translateX(-50%);
}

.top1-planner-time-tick.is-end::after {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.top1-planner-grid-rows {
  position: relative;
  height: calc(100% - var(--top1-planner-time-header-height));
}

.top1-planner-grid-row {
  position: relative;
  height: var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px));
  min-height: var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px));
  border-bottom: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}


.top1-planner-grid-row-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(71, 85, 105, 0.24) 1px, transparent 1px),
    linear-gradient(to right, rgba(148, 163, 184, 0.12) 1px, transparent 1px),
    linear-gradient(to bottom, transparent calc(100% - 1px), rgba(148, 163, 184, 0.22) calc(100% - 1px)),
    linear-gradient(180deg, rgba(239, 246, 255, 0.34) 0%, rgba(255, 255, 255, 0) 42%);
  background-size:
    calc(100% / var(--top1-timeline-columns, 10)) 100%,
    calc(50% / var(--top1-timeline-columns, 10)) 100%,
    100% 100%,
    100% 100%;
  background-position: 0 0;
  pointer-events: none;
}

.top1-planner-grid-row:hover .top1-planner-grid-row-bg {
  background-color: rgba(37, 99, 235, 0.025);
}

.top1-planner-now-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #f87171 0%, #ef4444 38%, #dc2626 100%);
  z-index: 7;
  pointer-events: none;
  box-shadow:
    0 0 0 1px rgba(239, 68, 68, 0.16),
    0 0 18px rgba(239, 68, 68, 0.18);
}

.top1-planner-now-line span {
  position: absolute;
  top: -32px;
  left: 50%;
  min-width: 52px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 5px;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  transform: translateX(-50%);
  box-shadow: 0 6px 12px rgba(239, 68, 68, 0.2);
}

.top1-planner-now-line span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 2px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(239, 68, 68, 0.82), rgba(239, 68, 68, 0));
  transform: translateX(-50%);
}

.top1-planner-job,
.top1-planner-block {
  box-sizing: border-box;
  position: absolute;
  z-index: 3;
  display: block;
  margin: 0;
  padding: 9px 11px 8px 13px;
  border: 1px solid #93c5fd;
  border-radius: 10px;
  background: #eff6ff;
  color: #111827;
  text-decoration: none;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 8px 18px rgba(15, 23, 42, 0.055);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease;
}

.top1-planner-job {
  --top1-job-accent: #2563eb;
  --top1-job-border: #93c5fd;
  --top1-job-bg-top: #f8fbff;
  --top1-job-bg-bottom: #eef6ff;
  --top1-job-glow: rgba(37, 99, 235, 0.1);
}

.top1-planner-job:not(.is-slot):not(.top1-planner-block) {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: start;
  gap: 3px;
  padding: 9px 12px 8px 15px;
  border-color: var(--top1-job-border, #93c5fd);
  background:
    linear-gradient(90deg, var(--top1-job-glow, rgba(37, 99, 235, 0.1)) 0%, rgba(255, 255, 255, 0) 44%),
    linear-gradient(180deg, var(--top1-job-bg-top, #f8fbff) 0%, var(--top1-job-bg-bottom, #eef6ff) 100%);
}

.top1-planner-job:not(.is-slot):not(.top1-planner-block)::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  bottom: 9px;
  width: 4px;
  border-radius: 999px;
  background: var(--top1-job-accent, #2563eb);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.58);
}

button.top1-planner-job {
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.top1-planner-job:hover {
  border-color: #2563eb;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 12px 22px rgba(37, 99, 235, 0.14);
  transform: translateY(-1px);
}

.top1-planner-job[draggable="true"],
.top1-planner-queue-card[draggable="true"],
.top1-planner-job[data-can-move="1"],
.top1-planner-queue-card[data-can-move="1"] {
  cursor: grab;
}

.top1-planner-job.is-dragging,
.top1-planner-queue-card.is-dragging {
  opacity: 1;
  cursor: grabbing;
}

.top1-planner-job.is-selected {
  border-color: #2563eb;
  outline: 2px solid rgba(37, 99, 235, 0.36);
  outline-offset: 1px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.62),
    0 10px 22px rgba(37, 99, 235, 0.18);
}

.top1-planner-job.is-blue { --top1-job-accent: #2563eb; --top1-job-border: #93c5fd; --top1-job-bg-top: #f8fbff; --top1-job-bg-bottom: #eaf3ff; --top1-job-glow: rgba(37, 99, 235, 0.1); border-color: var(--top1-job-border); }
.top1-planner-job.is-green { --top1-job-accent: #16a34a; --top1-job-border: #a7f3d0; --top1-job-bg-top: #f7fcf8; --top1-job-bg-bottom: #eaf7ed; --top1-job-glow: rgba(22, 163, 74, 0.1); border-color: var(--top1-job-border); }
.top1-planner-job.is-amber { --top1-job-accent: #f59e0b; --top1-job-border: #fcd34d; --top1-job-bg-top: #fffaf0; --top1-job-bg-bottom: #fff1d9; --top1-job-glow: rgba(245, 158, 11, 0.14); border-color: var(--top1-job-border); }
.top1-planner-job.is-violet { --top1-job-accent: #8b5cf6; --top1-job-border: #c4b5fd; --top1-job-bg-top: #fbfaff; --top1-job-bg-bottom: #f0ecff; --top1-job-glow: rgba(139, 92, 246, 0.1); border-color: var(--top1-job-border); }
.top1-planner-job.is-red { --top1-job-accent: #ef4444; --top1-job-border: #fecaca; --top1-job-bg-top: #fff8f8; --top1-job-bg-bottom: #ffe8e8; --top1-job-glow: rgba(239, 68, 68, 0.1); border-color: var(--top1-job-border); }
.top1-planner-job.is-preliminary { --top1-job-accent: #b45309; --top1-job-border: #f6c98e; --top1-job-bg-top: #fffaf0; --top1-job-bg-bottom: #fff3dd; --top1-job-glow: rgba(251, 191, 36, 0.14); border-color: var(--top1-job-border); }

.top1-planner-job.is-conflict {
  border-color: #ef4444;
  box-shadow:
    inset 0 3px 0 #ef4444,
    0 8px 16px rgba(239, 68, 68, 0.12);
}

.top1-planner-job.is-overdue {
  border-color: #ef4444;
  box-shadow:
    inset 0 0 0 1px rgba(239, 68, 68, 0.08),
    0 8px 16px rgba(239, 68, 68, 0.1);
}

.top1-planner-job.is-conflict::after,
.top1-planner-job.is-overdue::after {
  content: "!";
  position: absolute;
  right: 7px;
  top: 6px;
  width: 15px;
  height: 15px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #ef4444;
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.22);
}

.top1-planner-job.is-slot {
  top: 10px;
  height: max(58px, calc(var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px)) - 22px));
  border-color: #cbd5e1;
  border-style: dashed;
  background: rgba(255, 255, 255, 0.82);
  color: #475569;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-planner-job.is-slot .top1-planner-job-title { color: #475569; font-weight: 600; }

.top1-planner-job.is-slot.is-full-lane {
  border-color: #d8e1ec;
  background: rgba(255, 255, 255, 0.7);
}

.top1-planner-job.is-slot.is-full-lane.is-readonly-slot {
  top: 0;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}

.top1-planner-job.is-slot.is-full-lane.is-readonly-slot:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.top1-planner-job.is-slot.is-full-lane.is-readonly-slot .top1-planner-job-title,
.top1-planner-job.is-slot.is-full-lane.is-readonly-slot .top1-planner-job-time,
.top1-planner-job.is-slot.is-full-lane.is-readonly-slot .top1-planner-slot-availability {
  display: none;
}

.top1-planner-job.is-slot.is-full-lane.is-readonly-slot .top1-planner-slot-form {
  pointer-events: auto;
}

.top1-planner-job.is-slot.is-full-lane .top1-planner-job-title {
  color: #64748b;
  font-weight: 600;
}

.top1-planner-job.is-slot.is-full-lane .top1-planner-job-time {
  margin-top: 4px;
  color: #64748b;
}

.top1-planner-job.is-slot::after {
  display: none;
}

.top1-planner-job.is-slot.is-full-lane::after {
  display: none;
}

.top1-planner-job.is-slot.is-placeholder { background: rgba(255, 255, 255, 0.52); border-color: #dce5f0; }
.top1-planner-job.is-slot.is-add-card { color: #4b5563; }
.top1-planner-job.is-slot.is-add-card:hover { border-color: #93c5fd; background: #f8fbff; }
.top1-planner-job.is-slot.is-readonly-slot {
  cursor: default;
}

.top1-planner-job.is-slot.is-readonly-slot:not(.can-schedule) {
  width: auto !important;
  min-width: 118px;
  max-width: 210px;
  height: auto;
  min-height: 0;
  padding: 8px 12px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}

.top1-planner-job.is-slot.is-readonly-slot:not(.can-schedule):hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.top1-planner-job.is-slot.is-readonly-slot:not(.can-schedule) .top1-planner-job-title {
  color: #64748b;
  font-weight: 700;
}

.top1-planner-job.is-slot.is-readonly-slot:not(.can-schedule) .top1-planner-job-time {
  margin-top: 3px;
  color: #64748b;
}

.top1-planner-job.is-slot:not(.can-schedule) {
  top: 0;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: transparent;
  box-shadow: none;
}

.top1-planner-job.is-slot:not(.can-schedule):hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.top1-planner-job.is-slot:not(.can-schedule) .top1-planner-job-title,
.top1-planner-job.is-slot:not(.can-schedule) .top1-planner-job-time,
.top1-planner-job.is-slot:not(.can-schedule) .top1-planner-slot-availability {
  display: none;
}

.top1-planner-job.is-slot:not(.can-schedule)[data-top1-planner-create-slot] {
  cursor: crosshair;
}


.top1-planner-job-title {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-job.is-dense,
.top1-planner-job.is-micro {
  padding: 6px 8px 6px 11px;
}

.top1-planner-job-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.top1-planner-card-badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-bottom: 5px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.top1-planner-card-badge.is-preliminary {
  border-color: #f6c98e;
  background: rgba(255, 248, 235, 0.92);
  color: #b45309;
}

.schedule-client-card__workflow {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 20px;
  margin-bottom: 3px;
  padding: 3px 7px;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #31506f;
  font-size: 10px;
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__workflow.is-workflow-appointment,
.schedule-client-card__workflow.is-order-status-scheduled,
.schedule-client-card__workflow.is-planned {
  border-color: #ddd6fe;
  background: rgba(245, 243, 255, 0.94);
  color: #6d28d9;
}

.schedule-client-card__workflow.is-workflow-intake,
.schedule-client-card__workflow.is-workflow-preliminary-order,
.schedule-client-card__workflow.is-order-status-new {
  border-color: #cbd5e1;
  background: rgba(255, 255, 255, 0.96);
  color: #334155;
}

.schedule-client-card__workflow.is-workflow-work-order {
  border-color: #bbf7d0;
  background: rgba(240, 253, 244, 0.92);
  color: #15803d;
}

.schedule-client-card__workflow.is-workflow-parts-waiting,
.schedule-client-card__workflow.is-order-status-waiting-parts {
  border-color: #fde68a;
  background: rgba(255, 251, 235, 0.94);
  color: #b45309;
}

.schedule-client-card__workflow.is-workflow-final-order,
.schedule-client-card__workflow.is-order-status-ready,
.schedule-client-card__workflow.is-done {
  border-color: #bfdbfe;
  background: rgba(239, 246, 255, 0.92);
  color: #1d4ed8;
}

.schedule-client-card__workflow.is-order-status-in-work,
.schedule-client-card__workflow.is-in-work {
  border-color: #bbf7d0;
  background: rgba(240, 253, 244, 0.92);
  color: #15803d;
}

.schedule-client-card__workflow.is-workflow-delivery,
.schedule-client-card__workflow.is-workflow-refusal,
.schedule-client-card__workflow.is-order-status-delivered {
  border-color: #cbd5e1;
  background: rgba(248, 250, 252, 0.94);
  color: #475569;
}

.schedule-client-card__workflow.is-order-status-cancelled,
.schedule-client-card__workflow.is-cancelled {
  border-color: #cbd5e1;
  background: rgba(248, 250, 252, 0.94);
  color: #475569;
}

.schedule-client-card__workflow.is-waiting {
  border-color: #fde68a;
  background: rgba(255, 251, 235, 0.94);
  color: #b45309;
}

.top1-planner-job-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.top1-planner-job-client,
.top1-planner-job-vehicle,
.top1-planner-job-note span,
.top1-planner-job-time {
  margin-top: 3px;
  min-width: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-job-client {
  width: max-content;
  max-width: 100%;
  margin-top: 0;
  padding: 2px 7px;
  border: 1px solid rgba(100, 116, 139, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #1e293b;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 850;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.top1-planner-job-vehicle {
  color: #334155;
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 700;
}

.top1-planner-job-note {
  min-width: 0;
  margin-top: 1px;
  padding-top: 2px;
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.top1-planner-job-note span {
  margin-top: 0;
  color: #475569;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 700;
  opacity: 0.92;
}

.top1-planner-job-status-icon {
  position: absolute;
  right: 11px;
  bottom: 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--top1-job-accent, #2563eb);
  color: var(--top1-job-accent, #2563eb);
  opacity: 0.9;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.74);
}

.top1-planner-job:not(.is-slot) .top1-planner-job-time {
  justify-self: end;
  max-width: 82px;
  margin-top: 0;
  padding: 2px 7px;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #334155;
  font-size: 10px;
  font-weight: 800;
  text-align: right;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.top1-planner-job.is-dense .top1-planner-job-note,
.top1-planner-job.is-micro .top1-planner-job-note {
  display: none;
}

.top1-planner-job.is-dense .top1-planner-job-main {
  gap: 2px;
}

.top1-planner-job.is-dense .top1-planner-job-client {
  padding: 1px 6px;
  font-size: 10px;
}

.top1-planner-job.is-micro .top1-planner-job-main {
  gap: 1px;
}

.top1-planner-job.is-micro .top1-planner-job-client {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.top1-planner-job.is-micro .top1-planner-job-client,
.top1-planner-job.is-micro .top1-planner-job-vehicle {
  margin-top: 2px;
  color: #0f172a;
  font-size: 10.5px;
  font-weight: 700;
}

.top1-planner-job.is-micro .top1-planner-job-head {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.top1-planner-job.is-micro .top1-planner-job-title {
  font-size: 11px;
  line-height: 1.1;
}

.top1-planner-job.is-micro .top1-planner-job-time {
  display: none;
}

.top1-planner-job.is-conflict,
.top1-planner-job.is-overdue { --top1-job-accent: #ef4444; }

.top1-planner-job.is-red .top1-planner-job-status-icon,
.top1-planner-job.is-conflict .top1-planner-job-status-icon,
.top1-planner-job.is-overdue .top1-planner-job-status-icon { color: #ef4444; }

.top1-planner-job-status-icon::before,
.top1-planner-job-status-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-planner-job-status-icon.is-planned::before {
  inset: 3px;
  border-radius: 50%;
  background: currentColor;
}

.top1-planner-job-status-icon.is-in-work::before {
  left: 5px;
  top: 0;
  width: 2px;
  height: 12px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(28deg);
}

.top1-planner-job-status-icon.is-waiting::before {
  left: 2px;
  top: 1px;
  width: 8px;
  height: 8px;
  border: 1.6px solid currentColor;
  border-radius: 50%;
}

.top1-planner-job-status-icon.is-waiting::after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 1.6px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: left center;
  transform: rotate(45deg);
}

.top1-planner-job-status-icon.is-done::before {
  left: 2px;
  top: 2px;
  width: 8px;
  height: 5px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.top1-planner-job-status-icon.is-cancelled::before,
.top1-planner-job-status-icon.is-cancelled::after {
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.top1-planner-job-status-icon.is-cancelled::before { transform: rotate(45deg); }
.top1-planner-job-status-icon.is-cancelled::after { transform: rotate(-45deg); }

.top1-planner-job-stack {
  position: absolute;
  top: 4px;
  right: 6px;
  min-width: 28px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #4b5563;
  font-size: 10px;
  font-weight: 800;
}

.top1-planner-job.is-compact-stack,
.top1-planner-job.is-dense { padding: 6px 8px; }

.top1-planner-job.is-compact-stack .top1-planner-job-status-icon,
.top1-planner-job.is-micro .top1-planner-job-status-icon { display: none; }

.top1-planner-job.is-micro { padding: 5px 6px; }

.top1-planner-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  z-index: 7;
  cursor: ew-resize;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.14));
  opacity: 0;
  transition: opacity 140ms ease, background 140ms ease;
}

.top1-planner-resize-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  width: 2px;
  height: 24px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.72);
  transform: translateY(-50%);
}

.top1-planner-job:hover .top1-planner-resize-handle,
.top1-planner-job:focus-visible .top1-planner-resize-handle,
.top1-planner-job.is-resizing .top1-planner-resize-handle,
.top1-planner-queue-card:hover .top1-planner-resize-handle,
.top1-planner-queue-card:focus-visible .top1-planner-resize-handle,
.top1-planner-queue-card.is-resizing .top1-planner-resize-handle {
  opacity: 1;
}

.top1-planner-job.is-resizing,
.top1-planner-queue-card.is-resizing {
  cursor: ew-resize;
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.2);
}

.top1-planner-timeline {
  background: #f8fafc;
}

.top1-planner-time-header {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  background:
    radial-gradient(circle at top center, rgba(37, 99, 235, 0.06), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, #eef4fb 100%);
  box-shadow:
    inset 0 -1px 0 rgba(203, 213, 225, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-planner-grid-row {
  background: #f8fafc;
}

.top1-planner-grid-row-bg {
  background-image:
    linear-gradient(to right, rgba(203, 213, 225, 0.65) 1px, transparent 1px),
    linear-gradient(to right, rgba(203, 213, 225, 0.28) 1px, transparent 1px),
    linear-gradient(to bottom, transparent calc(100% - 1px), rgba(203, 213, 225, 0.65) calc(100% - 1px));
}

.top1-planner-grid-row:hover .top1-planner-grid-row-bg {
  background-color: rgba(16, 185, 129, 0.04);
}

.top1-planner-job.schedule-client-card {
  position: absolute;
  --top1-card-tint-rgb: 22, 163, 74;
  --top1-card-border-color: rgba(22, 163, 74, .34);
  --top1-card-border-hover: rgba(22, 163, 74, .52);
  min-width: 0;
  min-height: 96px;
  max-height: 165px;
  margin: 0;
  padding: 13px 14px 11px 36px;
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(var(--top1-card-tint-rgb), .18) 58%, rgba(var(--top1-card-tint-rgb), .28) 100%) !important;
  border: 1px solid var(--top1-card-border-color) !important;
  color: #0f172a;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, .10),
    0 3px 8px rgba(15, 23, 42, .06),
    inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  cursor: pointer;
  isolation: isolate;
}

.top1-planner-job.schedule-client-card::before,
.top1-planner-job.schedule-client-card::after,
.top1-planner-job.schedule-client-card.is-conflict::after,
.top1-planner-job.schedule-client-card.is-overdue::after {
  content: "";
  display: none;
}

.top1-planner-job.schedule-client-card:hover,
.top1-planner-job.schedule-client-card:focus-visible,
.top1-planner-job.schedule-client-card:focus-within {
  transform: translateY(-1px);
  border-color: var(--top1-card-border-hover) !important;
  box-shadow:
    0 14px 30px rgba(15, 23, 42, .13),
    0 5px 12px rgba(15, 23, 42, .07),
    inset 0 1px 0 rgba(255, 255, 255, .95);
}

.top1-planner-job.schedule-client-card.schedule-client-card--confirmed,
.top1-planner-job.schedule-client-card.schedule-client-card--done,
.top1-planner-job.schedule-client-card.is-green {
  --top1-card-tint-rgb: 22, 163, 74;
  --top1-card-border-color: rgba(22, 163, 74, .28);
  --top1-card-border-hover: rgba(22, 163, 74, .42);
}

.top1-planner-job.schedule-client-card.schedule-client-card--pending,
.top1-planner-job.schedule-client-card.schedule-client-card--planned,
.top1-planner-job.schedule-client-card.is-blue {
  --top1-card-tint-rgb: 37, 99, 235;
  --top1-card-border-color: rgba(37, 99, 235, .28);
  --top1-card-border-hover: rgba(37, 99, 235, .42);
}

.top1-planner-job.schedule-client-card.schedule-client-card--urgent,
.top1-planner-job.schedule-client-card.schedule-client-card--cancelled,
.top1-planner-job.schedule-client-card.is-red {
  --top1-card-tint-rgb: 239, 68, 68;
  --top1-card-border-color: rgba(239, 68, 68, .28);
  --top1-card-border-hover: rgba(239, 68, 68, .42);
}

.top1-planner-job.schedule-client-card.schedule-client-card--waiting,
.top1-planner-job.schedule-client-card.is-amber {
  --top1-card-tint-rgb: 245, 158, 11;
  --top1-card-border-color: rgba(245, 158, 11, .28);
  --top1-card-border-hover: rgba(245, 158, 11, .42);
}

.top1-planner-job.schedule-client-card.schedule-client-card--in-work {
  --top1-card-tint-rgb: 22, 163, 74;
  --top1-card-border-color: rgba(22, 163, 74, .28);
  --top1-card-border-hover: rgba(22, 163, 74, .42);
}

.top1-planner-job.schedule-client-card.is-violet {
  --top1-card-tint-rgb: 139, 92, 246;
  --top1-card-border-color: rgba(139, 92, 246, .28);
  --top1-card-border-hover: rgba(139, 92, 246, .42);
}

.top1-planner-job.schedule-client-card.is-dragging,
.top1-planner-job.schedule-client-card[aria-grabbed="true"],
.top1-planner-job.schedule-client-card.is-resizing {
  opacity: .98;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, .15),
    0 7px 16px rgba(15, 23, 42, .08);
}

.top1-planner-job.schedule-client-card > .top1-planner-card-badge,
.top1-planner-job.schedule-client-card > .top1-planner-job-head,
.top1-planner-job.schedule-client-card > .top1-planner-job-main,
.top1-planner-job.schedule-client-card > .top1-planner-job-note:not(.schedule-client-card__note),
.top1-planner-job.schedule-client-card > .top1-planner-job-status-icon {
  display: none;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) {
  min-width: 0;
}

.schedule-client-card__accent {
  position: absolute;
  left: 8px;
  top: 12px;
  bottom: 12px;
  width: 11px;
  border-radius: 999px;
  background: linear-gradient(180deg, #22c55e, #059669);
  box-shadow: 0 6px 14px rgba(16, 185, 129, .25);
  z-index: 2;
}

.schedule-client-card--planned .schedule-client-card__accent {
  background: linear-gradient(180deg, #38bdf8, #2563eb);
  box-shadow: 0 6px 14px rgba(37, 99, 235, .22);
}

.schedule-client-card--in-work .schedule-client-card__accent {
  background: linear-gradient(180deg, #34d399, #16a34a);
  box-shadow: 0 6px 14px rgba(22, 163, 74, .24);
}

.schedule-client-card--waiting .schedule-client-card__accent {
  background: linear-gradient(180deg, #fbbf24, #d97706);
  box-shadow: 0 6px 14px rgba(245, 158, 11, .24);
}

.schedule-client-card--done .schedule-client-card__accent {
  background: linear-gradient(180deg, #22c55e, #059669);
  box-shadow: 0 6px 14px rgba(16, 185, 129, .25);
}

.schedule-client-card--cancelled .schedule-client-card__accent {
  background: linear-gradient(180deg, #fb7185, #dc2626);
  box-shadow: 0 6px 14px rgba(239, 68, 68, .22);
}

.top1-planner-order-status-accent {
  cursor: pointer;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .72),
    0 0 0 4px rgba(37, 99, 235, .08),
    0 10px 20px rgba(15, 23, 42, .18);
  transition: width .16s ease, transform .16s ease, box-shadow .16s ease;
}

.top1-planner-order-status-accent:hover {
  width: 16px;
  transform: translateX(-1px);
}

.top1-planner-order-status-accent.is-order-status-new {
  background: linear-gradient(180deg, #60a5fa, #2563eb);
  box-shadow:
    0 0 0 1px rgba(219, 234, 254, .9),
    0 0 0 5px rgba(37, 99, 235, .14),
    0 0 22px rgba(37, 99, 235, .5),
    0 8px 18px rgba(37, 99, 235, .28);
}

.top1-planner-order-status-accent.is-order-status-in-work {
  background: linear-gradient(180deg, #34d399, #16a34a);
  box-shadow:
    0 0 0 1px rgba(209, 250, 229, .9),
    0 0 0 5px rgba(22, 163, 74, .14),
    0 0 22px rgba(22, 163, 74, .48),
    0 8px 18px rgba(22, 163, 74, .28);
}

.top1-planner-order-status-accent.is-order-status-waiting-parts {
  background: linear-gradient(180deg, #fde047, #f59e0b);
  box-shadow:
    0 0 0 1px rgba(254, 243, 199, .9),
    0 0 0 5px rgba(245, 158, 11, .14),
    0 0 22px rgba(245, 158, 11, .48),
    0 8px 18px rgba(245, 158, 11, .28);
}

.top1-planner-order-status-accent.is-order-status-ready {
  background: linear-gradient(180deg, #34d399, #059669);
  box-shadow:
    0 0 0 1px rgba(209, 250, 229, .9),
    0 0 0 5px rgba(5, 150, 105, .15),
    0 0 22px rgba(5, 150, 105, .52),
    0 8px 18px rgba(5, 150, 105, .3);
}

.top1-planner-order-status-accent.is-order-status-delivered {
  background: linear-gradient(180deg, #94a3b8, #475569);
  box-shadow:
    0 0 0 1px rgba(226, 232, 240, .9),
    0 0 0 5px rgba(71, 85, 105, .1),
    0 0 18px rgba(71, 85, 105, .28),
    0 8px 18px rgba(71, 85, 105, .2);
  cursor: default;
}

.top1-planner-order-status-accent.is-order-status-cancelled {
  background: linear-gradient(180deg, #fb7185, #dc2626);
  box-shadow:
    0 0 0 1px rgba(254, 226, 226, .9),
    0 0 0 5px rgba(220, 38, 38, .14),
    0 0 22px rgba(220, 38, 38, .48),
    0 8px 18px rgba(220, 38, 38, .26);
  cursor: default;
}

.top1-planner-order-status-accent.is-order-status-unknown {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
  box-shadow:
    0 0 0 1px rgba(241, 245, 249, .9),
    0 0 0 5px rgba(100, 116, 139, .08),
    0 0 16px rgba(100, 116, 139, .2);
  cursor: default;
}

.top1-planner-job.is-overdue .top1-planner-order-status-accent,
.top1-planner-job.is-conflict .top1-planner-order-status-accent {
  background: linear-gradient(180deg, #fb7185, #ef4444 48%, #b91c1c) !important;
  box-shadow:
    0 0 0 1px rgba(254, 226, 226, .95),
    0 0 0 6px rgba(239, 68, 68, .2),
    0 0 28px rgba(239, 68, 68, .72),
    0 10px 22px rgba(185, 28, 28, .3) !important;
  animation: top1-status-critical-pulse 2.4s ease-in-out infinite;
}

@keyframes top1-status-critical-pulse {
  0%, 100% {
    opacity: .78;
    box-shadow:
      0 0 0 1px rgba(254, 226, 226, .9),
      0 0 0 5px rgba(239, 68, 68, .14),
      0 0 18px rgba(239, 68, 68, .42),
      0 8px 18px rgba(185, 28, 28, .22);
  }
  50% {
    opacity: 1;
    box-shadow:
      0 0 0 1px rgba(254, 226, 226, 1),
      0 0 0 9px rgba(239, 68, 68, .3),
      0 0 36px rgba(239, 68, 68, .9),
      0 12px 26px rgba(185, 28, 28, .36);
  }
}

.top1-planner-card-status-form {
  position: absolute;
  z-index: 160;
  display: grid;
  gap: 10px;
  width: 218px;
  padding: 12px;
  border: 1px solid rgba(191, 219, 254, .92);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 251, 255, .98));
  box-shadow:
    0 18px 38px rgba(15, 23, 42, .18),
    0 5px 14px rgba(37, 99, 235, .08),
    inset 0 1px 0 rgba(255, 255, 255, .95);
  color: #0f172a;
  font-family: var(--top1-planner-font, inherit);
  isolation: isolate;
  pointer-events: auto;
}

.top1-planner-card-status-form[hidden] {
  display: none !important;
}

.top1-planner-card-status-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 28px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(226, 232, 240, .95);
}

.top1-planner-card-status-head strong {
  min-width: 0;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0;
}

.top1-planner-card-status-close {
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
}

.top1-planner-card-status-close:hover,
.top1-planner-card-status-close:focus-visible {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.top1-planner-card-status-form label {
  display: grid;
  gap: 6px;
  margin: 0;
  color: #475569;
  font-size: 11px;
  font-weight: 800;
}

.top1-planner-card-status-form select {
  min-height: 36px;
  width: 100%;
  padding: 0 10px;
  border: 1px solid #cbdcf2;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font: 800 13px/1.2 var(--top1-planner-font, inherit);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-planner-card-status-form select:focus {
  border-color: #60a5fa;
  outline: none;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, .12),
    inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-planner-card-status-form > button[type="submit"] {
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(180deg, #2f6df6, #1d4ed8);
  color: #fff;
  font: 900 13px/1 var(--top1-planner-font, inherit);
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(37, 99, 235, .22);
}

.top1-planner-grid-row:has(.top1-planner-card-status-form:not([hidden])) {
  overflow: visible;
}

.top1-planner-card-status-form > button[type="submit"]:hover {
  background: #1d4ed8;
}

.top1-planner-refusal-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483300;
  display: grid;
  width: 100dvw;
  min-height: 100vh;
  min-height: 100dvh;
  place-items: center;
  place-content: center;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  background: rgba(15, 23, 42, .28);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.top1-planner-refusal-dialog[role="dialog"],
.top1-work-delete-dialog[role="dialog"] {
  max-width: none;
  max-height: none;
}

.top1-planner-refusal-dialog[hidden] {
  display: none !important;
}

.top1-planner-refusal-dialog__card {
  width: min(420px, calc(100dvw - 32px));
  max-height: calc(100vh - 36px);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid rgba(248, 113, 113, .9);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 247, 247, .99), rgba(255, 255, 255, .98));
  box-shadow:
    0 22px 50px rgba(127, 29, 29, .22),
    0 8px 20px rgba(15, 23, 42, .18),
    inset 0 1px 0 rgba(255, 255, 255, .96);
  color: #7f1d1d;
  font-family: var(--top1-planner-font, inherit);
}

.top1-planner-refusal-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 3px 2px 10px;
  border-bottom: 1px solid rgba(254, 202, 202, .95);
}

.top1-planner-refusal-dialog__head strong {
  display: block;
  color: #991b1b;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0;
}

.top1-planner-refusal-dialog__head span {
  display: block;
  margin-top: 3px;
  color: #b91c1c;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
}

.top1-planner-refusal-dialog__head button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 1px solid rgba(254, 202, 202, .95);
  border-radius: 9px;
  background: #fff;
  color: #b91c1c;
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  box-shadow: none;
}

.top1-planner-refusal-dialog__reasons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  padding: 11px 0 9px;
}

.top1-planner-refusal-dialog__reasons label {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(254, 202, 202, .92);
  border-radius: 10px;
  background: rgba(255, 255, 255, .82);
  color: #7f1d1d;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 900;
  cursor: pointer;
}

.top1-planner-refusal-dialog__reasons input {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  margin: 0;
  accent-color: #dc2626;
}

.top1-planner-refusal-dialog__reasons label:has(input:checked) {
  border-color: #ef4444;
  background: #fee2e2;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}

.top1-planner-refusal-dialog__comment {
  display: grid;
  gap: 5px;
  margin: 0;
  color: #991b1b;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-planner-refusal-dialog__comment textarea {
  width: 100%;
  min-height: 66px;
  resize: vertical;
  padding: 8px 10px;
  border: 1px solid rgba(254, 202, 202, .95);
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font: 700 12px/1.35 var(--top1-planner-font, inherit);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-planner-refusal-dialog__comment textarea:focus {
  border-color: #ef4444;
  outline: none;
  box-shadow:
    0 0 0 3px rgba(239, 68, 68, .13),
    inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-planner-refusal-dialog__error {
  margin-top: 8px;
  padding: 7px 9px;
  border: 1px solid rgba(248, 113, 113, .75);
  border-radius: 9px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-planner-refusal-dialog__actions {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 8px;
  margin-top: 10px;
}

.top1-planner-refusal-dialog__actions button {
  min-height: 36px;
  border-radius: 10px;
  font: 900 12px/1 var(--top1-planner-font, inherit);
  cursor: pointer;
}

.top1-planner-refusal-dialog__actions button:first-child {
  border: 1px solid #fecaca;
  background: #fff;
  color: #991b1b;
}

.top1-planner-refusal-dialog__actions button:last-child {
  border: 0;
  background: linear-gradient(180deg, #ef4444, #b91c1c);
  color: #fff;
  box-shadow: 0 12px 24px rgba(185, 28, 28, .25);
}

.top1-work-delete-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483300;
  display: grid;
  width: 100dvw;
  min-height: 100vh;
  min-height: 100dvh;
  place-items: center;
  place-content: center;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  background: rgba(15, 23, 42, .34);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.top1-work-delete-dialog[hidden] {
  display: none !important;
}

.top1-work-delete-dialog__card {
  width: min(440px, calc(100dvw - 32px));
  max-height: calc(100vh - 36px);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  box-sizing: border-box;
  padding: 14px;
  border: 1px solid rgba(248, 113, 113, .9);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(127, 29, 29, .22), 0 8px 20px rgba(15, 23, 42, .18);
  color: #7f1d1d;
}

.top1-work-delete-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(254, 202, 202, .95);
}

.top1-work-delete-dialog__head strong,
.top1-work-delete-dialog__reason span {
  display: block;
  color: #991b1b;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
}

.top1-work-delete-dialog__head span {
  display: block;
  margin-top: 4px;
  color: #b91c1c;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 750;
}

.top1-part-delete-dialog__notice {
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(59, 130, 246, .22);
  border-radius: 10px;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.top1-work-delete-dialog__head button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 1px solid rgba(254, 202, 202, .95);
  border-radius: 9px;
  background: #fff;
  color: #b91c1c;
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.top1-work-delete-dialog__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}

.top1-work-delete-dialog__options label {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(254, 202, 202, .92);
  border-radius: 10px;
  background: rgba(255, 255, 255, .86);
  color: #7f1d1d;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 850;
  cursor: pointer;
}

.top1-work-delete-dialog__options input {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  margin: 0;
  accent-color: #dc2626;
}

.top1-work-delete-dialog__options label:has(input:checked) {
  border-color: #ef4444;
  background: #fee2e2;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}

.top1-work-delete-dialog__reason {
  display: grid;
  gap: 6px;
  margin: 12px 0 0;
}

.top1-work-delete-dialog__reason textarea {
  width: 100%;
  min-height: 82px;
  resize: vertical;
  padding: 9px 10px;
  border: 1px solid rgba(254, 202, 202, .95);
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font: 700 12px/1.35 inherit;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-work-delete-dialog__reason textarea:focus {
  border-color: #ef4444;
  outline: none;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .13), inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-work-delete-dialog__error {
  margin-top: 8px;
  padding: 7px 9px;
  border: 1px solid rgba(248, 113, 113, .75);
  border-radius: 9px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-work-delete-dialog__actions {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 8px;
  margin-top: 12px;
}

.top1-work-delete-dialog__actions button {
  min-height: 38px;
  border-radius: 10px;
  font: 900 12px/1 inherit;
  cursor: pointer;
}

.top1-work-delete-dialog__actions button:first-child {
  border: 1px solid #fecaca;
  background: #fff;
  color: #991b1b;
}

.top1-work-delete-dialog__actions button:last-child {
  border: 0;
  background: linear-gradient(180deg, #ef4444, #b91c1c);
  color: #fff;
  box-shadow: 0 12px 24px rgba(185, 28, 28, .25);
}

@media (max-width: 560px) {
  .top1-planner-refusal-dialog__reasons {
    grid-template-columns: 1fr;
  }

  .top1-work-delete-dialog__options {
    grid-template-columns: 1fr;
  }

  .top1-work-delete-dialog__actions {
    grid-template-columns: 1fr;
  }
}

.schedule-client-card svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.schedule-client-card__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.schedule-client-card__identity {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
  flex: 1 1 auto;
}

.schedule-client-card__avatar {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(180deg, #f8fafc, #e2e8f0);
  border: 1px solid rgba(226, 232, 240, .95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  color: #94a3b8;
}

.schedule-client-card__avatar svg {
  width: 21px;
  height: 21px;
}

.schedule-client-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.schedule-client-card__titlebox {
  min-width: 0;
  flex: 1 1 auto;
}

.top1-planner-job.schedule-client-card .schedule-client-card__name {
  margin: 0 0 5px;
  max-width: 100%;
  color: #0f172a;
  font-size: 22px;
  line-height: 1.02;
  font-weight: 850;
  letter-spacing: -0.035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__vehicle-line {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__vehicle,
.schedule-client-card__plate {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__plate {
  color: inherit;
  font-weight: inherit;
  letter-spacing: 0;
}

.schedule-client-card__dot {
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: #22c55e;
}

.top1-planner-job.schedule-client-card .schedule-client-card__time {
  height: 34px;
  max-width: 128px;
  min-width: 112px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(240, 253, 244, .96), rgba(236, 253, 245, .9));
  border: 1px solid rgba(16, 185, 129, .24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  color: #065f46;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.schedule-client-card__time svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: #059669;
  stroke-width: 2.4;
}

.top1-planner-job.schedule-client-card .schedule-client-card__time .top1-planner-job-time {
  display: inline;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-align: left;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  box-shadow: none;
}

.schedule-client-card__middle {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.schedule-client-card__status,
.schedule-client-card__tag {
  height: 30px;
  padding: 0 10px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
}

.schedule-client-card__status {
  background: rgba(220, 252, 231, .78);
  border: 1px solid rgba(34, 197, 94, .22);
  color: #16a34a;
}

.schedule-client-card__status svg,
.schedule-client-card__tag svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.schedule-client-card__tag {
  max-width: 145px;
  background: rgba(248, 250, 252, .92);
  border: 1px solid rgba(203, 213, 225, .9);
  color: #0f172a;
  font-weight: 750;
}

.schedule-client-card__tag span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__tag--green svg { color: #059669; }
.schedule-client-card__tag--blue svg { color: #2563eb; }

.schedule-client-card__note {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  padding-top: 0;
  border-top: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 600;
}

.schedule-client-card__note svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: #64748b;
}

.schedule-client-card__note span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__divider {
  display: none !important;
}

.schedule-client-card__footer {
  display: none !important;
}

.schedule-client-card__meta {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #475569;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
}

.schedule-client-card__meta svg {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  color: #475569;
}

.schedule-client-card__meta span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-client-card__live-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.12), 0 6px 14px rgba(34, 197, 94, 0.22);
}

.schedule-client-card--urgent .schedule-client-card__accent {
  background: linear-gradient(180deg, #f97316, #ef4444);
}

.schedule-client-card--urgent .schedule-client-card__status {
  background: rgba(255, 237, 213, .86);
  border-color: rgba(249, 115, 22, .25);
  color: #ea580c;
}

.schedule-client-card--pending .schedule-client-card__accent {
  background: linear-gradient(180deg, #38bdf8, #2563eb);
}

.schedule-client-card--pending .schedule-client-card__status {
  background: rgba(239, 246, 255, .88);
  border-color: rgba(37, 99, 235, .24);
  color: #2563eb;
}

.top1-planner-job.schedule-client-card--compact {
  min-width: 0;
  min-height: 64px;
  max-height: 92px;
  padding: 10px 12px 9px 24px;
  border-radius: 13px;
}

.schedule-client-card--compact .schedule-client-card__accent { left: 7px; top: 9px; bottom: 9px; width: 8px; }
.schedule-client-card--compact .schedule-client-card__avatar { display: none; }
.top1-planner-job.schedule-client-card--compact .schedule-client-card__name { font-size: 16px; margin-bottom: 4px; }
.schedule-client-card--compact .schedule-client-card__vehicle-line { font-size: 11px; }
.top1-planner-job.schedule-client-card--compact .schedule-client-card__time { height: 26px; min-width: 112px; max-width: 118px; padding: 0 7px; font-size: 10px; gap: 4px; }
.schedule-client-card--compact .schedule-client-card__time svg { width: 13px; height: 13px; }
.schedule-client-card--compact .schedule-client-card__middle,
.schedule-client-card--compact .schedule-client-card__note { display: none; }

.top1-planner-job.schedule-client-card--tiny {
  min-width: 0;
  min-height: 42px;
  max-height: 56px;
  padding: 7px 9px 7px 20px;
  border-radius: 10px;
}

.schedule-client-card--tiny .schedule-client-card__accent { left: 6px; top: 7px; bottom: 7px; width: 7px; }
.schedule-client-card--tiny .schedule-client-card__avatar,
.schedule-client-card--tiny .schedule-client-card__vehicle-line,
.schedule-client-card--tiny .schedule-client-card__middle,
.schedule-client-card--tiny .schedule-client-card__note { display: none; }
.top1-planner-job.schedule-client-card--tiny .schedule-client-card__name { max-width: 90px; margin: 0; font-size: 13px; letter-spacing: 0; }
.top1-planner-job.schedule-client-card--tiny .schedule-client-card__time { height: 22px; min-width: 82px; max-width: 88px; padding: 0 6px; font-size: 8.5px; }
.schedule-client-card--tiny .schedule-client-card__time svg { display: none; }

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) {
  min-width: 0;
  min-height: 125px;
  max-height: 125px;
  margin: 0;
  padding: 12px 14px 10px 30px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(var(--top1-card-tint-rgb), .14)) !important;
  border-color: var(--top1-card-border-color) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.top1-planner-grid-row:has(.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny)),
.top1-planner-post-row:has(+ .top1-planner-grid-row .schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny)) {
  height: var(--top1-planner-hour-cell-size, 125px) !important;
  min-height: var(--top1-planner-hour-cell-size, 125px) !important;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny):hover,
.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny):focus-visible,
.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny):focus-within {
  transform: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95);
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__accent {
  left: 7px;
  top: 10px;
  bottom: 10px;
  width: 9px;
  background: linear-gradient(180deg, #22c55e 0%, #10b981 48%, #059669 100%);
  box-shadow:
    0 0 0 1px rgba(16, 185, 129, .12),
    0 5px 9px rgba(16, 185, 129, .28);
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__top {
  gap: 12px;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__identity {
  gap: 10px;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__avatar {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border: 1px solid rgba(226, 232, 240, .9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 3px 6px rgba(15, 23, 42, .08);
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__avatar svg {
  width: 17px;
  height: 17px;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__name {
  max-width: 235px;
  margin-bottom: 4px;
  font-size: 19px;
  line-height: 1.02;
  font-weight: 850;
  letter-spacing: -0.03em;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__vehicle-line {
  gap: 6px;
  color: #0f172a;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 700;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__plate {
  color: #64748b;
  font-weight: 500;
  letter-spacing: .01em;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__dot {
  width: 4px;
  height: 4px;
  flex-basis: 4px;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time {
  height: 30px;
  min-width: 116px;
  max-width: none;
  padding: 0 11px;
  gap: 5px;
  font-size: 12.5px;
  letter-spacing: -0.02em;
  background: linear-gradient(180deg, rgba(240, 253, 244, .95), rgba(236, 253, 245, .86));
  border-color: rgba(16, 185, 129, .22);
  color: #064e3b;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 3px 6px rgba(16, 185, 129, .08);
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time svg {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
}

.schedule-client-card__status-row {
  position: relative;
  z-index: 1;
  height: 22px;
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__tags {
  position: relative;
  z-index: 1;
  height: 22px;
  margin-top: 7px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__status {
  height: 22px;
  padding: 0 9px;
  border-radius: 8px;
  gap: 5px;
  font-size: 11px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__status svg {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__tag {
  height: 22px;
  max-width: 145px;
  padding: 0 9px;
  border-radius: 8px;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__tag svg {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__note {
  margin-top: 8px;
  gap: 6px;
  color: #475569;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 650;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__note svg {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
  color: #475569;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__note span {
  margin-top: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  opacity: 1;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__divider {
  display: block !important;
  position: relative;
  z-index: 1;
  height: 1px;
  margin: 7px 0 5px;
  background: linear-gradient(90deg, rgba(226, 232, 240, 0), rgba(203, 213, 225, .92), rgba(226, 232, 240, 0));
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__footer {
  display: grid !important;
  position: relative;
  z-index: 1;
  grid-template-columns: 1.15fr .8fr .9fr auto;
  align-items: center;
  gap: 8px;
  min-height: 14px;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__meta {
  gap: 5px;
  color: #475569;
  font-size: 9.5px;
  line-height: 1;
  font-weight: 650;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__meta svg {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
}

.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__live-dot {
  width: 6px;
  height: 6px;
}

.schedule-client-card--compact .schedule-client-card__status-row,
.schedule-client-card--compact .schedule-client-card__tags,
.schedule-client-card--tiny .schedule-client-card__status-row,
.schedule-client-card--tiny .schedule-client-card__tags {
  display: none;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour {
  min-width: 0 !important;
  min-height: 125px !important;
  max-height: 125px !important;
  margin: 0 !important;
  padding: 12px 12px 10px 24px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(var(--top1-card-tint-rgb), .15)) !important;
  border-color: var(--top1-card-border-color) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour:hover,
.top1-planner-job.schedule-client-card.schedule-client-card--hour:focus-visible,
.top1-planner-job.schedule-client-card.schedule-client-card--hour:focus-within {
  transform: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__accent {
  left: 7px !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 14px !important;
  box-shadow: 0 6px 12px rgba(16, 185, 129, .24) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-new {
  background: linear-gradient(180deg, #60a5fa, #2563eb) !important;
  box-shadow:
    0 0 0 1px rgba(219, 234, 254, .9),
    0 0 0 5px rgba(37, 99, 235, .14),
    0 0 22px rgba(37, 99, 235, .5),
    0 8px 18px rgba(37, 99, 235, .28) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-in-work {
  background: linear-gradient(180deg, #34d399, #16a34a) !important;
  box-shadow:
    0 0 0 1px rgba(209, 250, 229, .9),
    0 0 0 5px rgba(22, 163, 74, .14),
    0 0 22px rgba(22, 163, 74, .48),
    0 8px 18px rgba(22, 163, 74, .28) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-waiting-parts {
  background: linear-gradient(180deg, #fde047, #f59e0b) !important;
  box-shadow:
    0 0 0 1px rgba(254, 243, 199, .9),
    0 0 0 5px rgba(245, 158, 11, .14),
    0 0 22px rgba(245, 158, 11, .48),
    0 8px 18px rgba(245, 158, 11, .28) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-ready {
  background: linear-gradient(180deg, #34d399, #059669) !important;
  box-shadow:
    0 0 0 1px rgba(209, 250, 229, .9),
    0 0 0 5px rgba(5, 150, 105, .15),
    0 0 22px rgba(5, 150, 105, .52),
    0 8px 18px rgba(5, 150, 105, .3) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-delivered {
  background: linear-gradient(180deg, #94a3b8, #475569) !important;
  box-shadow:
    0 0 0 1px rgba(226, 232, 240, .9),
    0 0 0 5px rgba(71, 85, 105, .1),
    0 0 18px rgba(71, 85, 105, .28),
    0 8px 18px rgba(71, 85, 105, .2) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-cancelled {
  background: linear-gradient(180deg, #fb7185, #dc2626) !important;
  box-shadow:
    0 0 0 1px rgba(254, 226, 226, .9),
    0 0 0 5px rgba(220, 38, 38, .14),
    0 0 22px rgba(220, 38, 38, .48),
    0 8px 18px rgba(220, 38, 38, .26) !important;
}

.schedule-client-card .top1-planner-order-status-accent.is-order-status-unknown {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8) !important;
  box-shadow:
    0 0 0 1px rgba(241, 245, 249, .9),
    0 0 0 5px rgba(100, 116, 139, .08),
    0 0 16px rgba(100, 116, 139, .2) !important;
}

.top1-planner-job.schedule-client-card.is-overdue .top1-planner-order-status-accent,
.top1-planner-job.schedule-client-card.is-conflict .top1-planner-order-status-accent {
  background: linear-gradient(180deg, #fb7185, #ef4444 48%, #b91c1c) !important;
  box-shadow:
    0 0 0 1px rgba(254, 226, 226, .95),
    0 0 0 7px rgba(239, 68, 68, .24),
    0 0 34px rgba(239, 68, 68, .84),
    0 10px 24px rgba(185, 28, 28, .34) !important;
  animation: top1-status-critical-pulse 2.4s ease-in-out infinite;
}

.top1-planner-job.schedule-client-card .schedule-client-card__accent,
.top1-planner-job.schedule-client-card .top1-planner-order-status-accent {
  box-shadow: none !important;
  filter: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--planned .schedule-client-card__accent,
.top1-planner-job.schedule-client-card.schedule-client-card--pending .schedule-client-card__accent,
.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-new {
  background: linear-gradient(180deg, #00d5ff 0%, #0066ff 100%) !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--in-work .schedule-client-card__accent,
.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-in-work {
  background: linear-gradient(180deg, #39ff14 0%, #00c853 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-waiting-parts {
  background: linear-gradient(180deg, #fff200 0%, #ff9f00 100%) !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--waiting .schedule-client-card__accent {
  background: linear-gradient(180deg, #fff200 0%, #ff9f00 100%) !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--done .schedule-client-card__accent,
.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-ready {
  background: linear-gradient(180deg, #00ffc6 0%, #00c853 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-delivered {
  background: linear-gradient(180deg, #a7f3ff 0%, #38bdf8 100%) !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--urgent .schedule-client-card__accent,
.top1-planner-job.schedule-client-card.schedule-client-card--cancelled .schedule-client-card__accent,
.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-cancelled,
.top1-planner-job.schedule-client-card.is-overdue .top1-planner-order-status-accent,
.top1-planner-job.schedule-client-card.is-conflict .top1-planner-order-status-accent {
  background: linear-gradient(180deg, #ff4d6d 0%, #ff003d 52%, #c4002f 100%) !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  opacity: 1 !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-unknown {
  background: linear-gradient(180deg, #e2e8f0 0%, #94a3b8 100%) !important;
}

.top1-planner-job.schedule-client-card.is-card-status-scheduled {
  --top1-card-tint-rgb: 124, 58, 237;
  --top1-card-border-color: rgba(124, 58, 237, .34);
  --top1-card-border-hover: rgba(124, 58, 237, .50);
}

.top1-planner-job.schedule-client-card.is-card-status-new {
  --top1-card-tint-rgb: 37, 99, 235;
  --top1-card-border-color: rgba(37, 99, 235, .30);
  --top1-card-border-hover: rgba(37, 99, 235, .48);
}

.top1-planner-job.schedule-client-card.is-card-status-in-work {
  --top1-card-tint-rgb: 22, 163, 74;
  --top1-card-border-color: rgba(22, 163, 74, .34);
  --top1-card-border-hover: rgba(22, 163, 74, .52);
}

.top1-planner-job.schedule-client-card.is-card-status-waiting-parts {
  --top1-card-tint-rgb: 245, 158, 11;
  --top1-card-border-color: rgba(245, 158, 11, .38);
  --top1-card-border-hover: rgba(217, 119, 6, .56);
}

.top1-planner-job.schedule-client-card.is-card-status-ready {
  --top1-card-tint-rgb: 14, 165, 233;
  --top1-card-border-color: rgba(14, 165, 233, .34);
  --top1-card-border-hover: rgba(14, 165, 233, .52);
}

.top1-planner-job.schedule-client-card.is-card-status-delivered {
  --top1-card-tint-rgb: 71, 85, 105;
  --top1-card-border-color: rgba(71, 85, 105, .34);
  --top1-card-border-hover: rgba(51, 65, 85, .48);
}

.top1-planner-job.schedule-client-card.is-card-status-cancelled {
  --top1-card-tint-rgb: 244, 63, 94;
  --top1-card-border-color: rgba(244, 63, 94, .34);
  --top1-card-border-hover: rgba(225, 29, 72, .48);
}

.top1-planner-job.schedule-client-card.is-card-status-unknown {
  --top1-card-tint-rgb: 100, 116, 139;
  --top1-card-border-color: rgba(100, 116, 139, .32);
  --top1-card-border-hover: rgba(71, 85, 105, .46);
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-scheduled {
  background: linear-gradient(180deg, #a78bfa 0%, #7c3aed 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-new {
  background: linear-gradient(180deg, #60a5fa 0%, #2563eb 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-in-work {
  background: linear-gradient(180deg, #34d399 0%, #16a34a 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-waiting-parts {
  background: linear-gradient(180deg, #fde047 0%, #f59e0b 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-ready {
  background: linear-gradient(180deg, #60a5fa 0%, #2563eb 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-delivered {
  background: linear-gradient(180deg, #cbd5e1 0%, #64748b 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-cancelled {
  background: linear-gradient(180deg, #fb7185 0%, #e11d48 100%) !important;
}

.top1-planner-job.schedule-client-card .top1-planner-order-status-accent.is-order-status-unknown {
  background: linear-gradient(180deg, #e2e8f0 0%, #94a3b8 100%) !important;
}

.top1-planner-job.schedule-client-card.is-overdue:not(.is-card-status-delivered):not(.is-card-status-cancelled) .top1-planner-order-status-accent:not(.is-order-status-delivered):not(.is-order-status-cancelled),
.top1-planner-job.schedule-client-card.is-conflict:not(.is-card-status-delivered):not(.is-card-status-cancelled) .top1-planner-order-status-accent:not(.is-order-status-delivered):not(.is-order-status-cancelled) {
  background: linear-gradient(180deg, #fb7185 0%, #ef4444 52%, #b91c1c 100%) !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  opacity: 1 !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__top {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 7px !important;
  min-width: 0 !important;
  width: calc(100% - 2px) !important;
  overflow: hidden !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__identity {
  gap: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__avatar {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__name {
  max-width: 100% !important;
  margin: 0 0 4px !important;
  color: #0f172a !important;
  font-size: 17px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.018em !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__vehicle-line {
  gap: 6px !important;
  color: #334155 !important;
  font-size: 11.5px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__vehicle {
  max-width: 96px !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__plate {
  max-width: 68px !important;
  color: #64748b !important;
  font-weight: 700 !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__dot {
  width: 4px !important;
  height: 4px !important;
  flex-basis: 4px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__time {
  order: 0 !important;
  align-self: flex-start !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  color: #64748b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__time svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__status-row {
  width: calc(100% - 2px) !important;
  height: 24px !important;
  margin-top: 8px !important;
  overflow: hidden !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__status {
  height: 24px !important;
  max-width: 142px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  gap: 5px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__status svg {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__tags {
  width: calc(100% - 2px) !important;
  height: 24px !important;
  margin-top: 7px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow: hidden !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__tag {
  height: 24px !important;
  max-width: 100% !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  gap: 5px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
}

.schedule-client-card.schedule-client-card--hour .schedule-client-card__tag svg {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__tag--blue {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__note,
.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__divider,
.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__footer {
  display: none !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__avatar,
.top1-planner-job.schedule-client-card .schedule-client-card__status-row,
.top1-planner-job.schedule-client-card .schedule-client-card__tags,
.top1-planner-job.schedule-client-card .schedule-client-card__note,
.top1-planner-job.schedule-client-card .schedule-client-card__divider,
.top1-planner-job.schedule-client-card .schedule-client-card__footer {
  display: none !important;
}

.top1-planner-job.schedule-client-card {
  display: block !important;
}

.top1-planner-job.schedule-client-card.is-filter-focused {
  outline: 3px solid rgba(37, 99, 235, 0.30) !important;
  outline-offset: 4px !important;
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.42),
    0 18px 36px rgba(37, 99, 235, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__top {
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__identity {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__titlebox {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__time {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #64748b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  order: 0 !important;
  align-self: flex-start !important;
  justify-self: flex-start !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__time .top1-planner-job-time {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  order: 0 !important;
  align-self: flex-start !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time,
.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__time,
.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__time,
.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__time {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #64748b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  order: 0 !important;
  align-self: flex-start !important;
  justify-self: flex-start !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time .top1-planner-job-time,
.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__time .top1-planner-job-time,
.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__time .top1-planner-job-time,
.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__time .top1-planner-job-time {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__name,
.top1-planner-job.schedule-client-card .schedule-client-card__plate-line,
.top1-planner-job.schedule-client-card .schedule-client-card__vehicle-model,
.top1-planner-job.schedule-client-card .schedule-client-card__vehicle-focus-label {
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__vehicle-focus-label {
  display: none !important;
}

.top1-planner-job.schedule-client-card.has-order-total .schedule-client-card__titlebox {
  gap: 3px !important;
  padding-bottom: 0 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__workflow {
  max-width: calc(100% - 28px) !important;
  min-height: 17px !important;
  margin-bottom: 0 !important;
  padding: 2px 6px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__time {
  width: auto !important;
  max-width: calc(100% - 30px) !important;
}

.top1-planner-job.schedule-client-card:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time,
.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__time,
.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__time,
.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__time {
  width: auto !important;
  max-width: calc(100% - 30px) !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__name {
  margin: 0 !important;
  max-width: calc(100% - 28px) !important;
  color: #0f172a !important;
  font-size: 12.6px !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate-line {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  min-height: 16px !important;
  color: #0f172a !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__vehicle-model {
  max-width: calc(100% - 28px) !important;
  color: #475569 !important;
  font-size: 9.6px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__reason {
  display: none !important;
  width: calc(100% - 28px) !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  align-self: flex-start !important;
  margin: 0 !important;
  padding: 2px 5px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  color: #64748b !important;
  font-size: 8.1px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__reason span {
  flex: 0 0 auto !important;
  color: #64748b !important;
  font-weight: 900 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__reason strong {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: block !important;
  color: #1f2937 !important;
  font: inherit !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__order-total {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  gap: 0 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #166534 !important;
  font-size: 9px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__order-total span,
.top1-planner-job.schedule-client-card .schedule-client-card__order-total strong {
  display: block !important;
  min-width: 0 !important;
  font: inherit !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__order-total span {
  display: none !important;
  flex: 0 0 auto !important;
  color: #15803d !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__order-total strong {
  flex: 0 1 auto !important;
  color: #052e16 !important;
  text-align: left !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate,
.top1-planner-job.schedule-client-card .schedule-client-card__vehicle {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate.top1-license-plate--card {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 16px !important;
  padding: 1px 4px 1px 5px !important;
  border: 1.5px solid #111827 !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #020617 !important;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 2px 4px rgba(15, 23, 42, 0.08) !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__letter {
  margin-right: 3px !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__digits {
  margin-right: 3px !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__series {
  margin-right: 4px !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__tail {
  padding-left: 4px !important;
  border-left: 1.5px solid #111827 !important;
  font-size: 9px !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card .schedule-client-card__plate.is-plain-plate {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-height: 17px !important;
  padding: 2px 6px !important;
  border: 1px solid rgba(148, 163, 184, 0.40) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.64) !important;
  color: #0f172a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__titlebox {
  gap: 3px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__workflow {
  min-height: 16px !important;
  padding: 1px 5px !important;
  font-size: 8.4px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__time {
  max-width: calc(100% - 22px) !important;
  font-size: 6.6px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__time .top1-planner-job-time {
  width: auto !important;
  max-width: 100% !important;
  font-size: 6.6px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time {
  max-width: calc(100% - 22px) !important;
  font-size: 6.6px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour:not(.schedule-client-card--compact):not(.schedule-client-card--tiny) .schedule-client-card__time .top1-planner-job-time {
  width: auto !important;
  max-width: 100% !important;
  font-size: 6.6px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__name {
  margin: 0 !important;
  max-width: calc(100% - 28px) !important;
  font-size: 11.5px !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__plate-line {
  min-height: 16px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__vehicle-model {
  font-size: 9px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__reason {
  gap: 0 !important;
  font-size: 7.6px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__reason span {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__order-total {
  height: auto !important;
  min-height: 0 !important;
  margin-top: 2px !important;
  padding: 0 !important;
  font-size: 8.6px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__order-total span {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--hour .schedule-client-card__order-total strong {
  flex: 1 1 auto !important;
  text-align: left !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus {
  padding: 8px 4px 8px 15px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__titlebox {
  justify-content: center !important;
  gap: 2px !important;
  min-height: 100% !important;
  padding-left: 0 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__name {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__time {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .top1-planner-job-time,
.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .top1-planner-job-head {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__plate-line {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__workflow {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__vehicle-focus-label {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding-right: 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__vehicle-focus-label strong {
  display: block !important;
  width: 100% !important;
  color: #0f172a !important;
  font-size: 8.4px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__vehicle-focus-label span {
  display: block !important;
  width: 100% !important;
  margin-top: 2px !important;
  color: #475569 !important;
  font-size: 7.2px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__vehicle-model {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__reason {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__order-total {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 1px !important;
  font-size: 8px !important;
  line-height: 1.05 !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .top1-planner-reason-trigger {
  display: inline-grid !important;
  right: 3px !important;
  top: 3px !important;
  width: 19px !important;
  height: 19px !important;
  border-radius: 6px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 4px 10px rgba(15, 23, 42, 0.10) !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .top1-planner-reason-trigger svg {
  width: 12px !important;
  height: 12px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--vehicle-focus .schedule-client-card__accent {
  left: 4px !important;
  top: 7px !important;
  bottom: 7px !important;
  width: 7px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__titlebox {
  gap: 4px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__name {
  font-size: 10.8px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__workflow {
  min-height: 15px !important;
  padding: 1px 4px !important;
  font-size: 7.6px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__plate-line {
  min-height: 15px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__vehicle-model {
  font-size: 8px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__reason {
  padding: 2px 4px !important;
  font-size: 7.2px !important;
  gap: 3px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__order-total {
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: calc(100% - 28px) !important;
  margin-top: 2px !important;
  padding: 0 !important;
  font-size: 7.8px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__plate.top1-license-plate--card {
  min-height: 15px !important;
  padding: 1px 3px 1px 4px !important;
  font-size: 9px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__digits {
  font-size: 9.6px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__tail {
  font-size: 8px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__titlebox {
  gap: 3px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__name {
  font-size: 9.3px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__plate-line {
  display: none !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__vehicle-model {
  font-size: 6.7px !important;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .schedule-client-card__reason {
  display: none !important;
}

.top1-planner-reason-trigger {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 8;
  width: 23px;
  height: 23px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: #2563eb;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 14px rgba(15, 23, 42, 0.10);
  cursor: help;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.top1-planner-diagnostics-link {
  position: absolute;
  right: 31px;
  top: 4px;
  z-index: 9;
  width: 23px;
  height: 23px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  color: #64748b;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 14px rgba(15, 23, 42, 0.10);
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.top1-planner-diagnostics-link.is-bound {
  border-color: rgba(16, 185, 129, 0.58);
  background: #ecfdf5;
  color: #059669;
}

.top1-planner-diagnostics-link.is-unbound {
  border-color: rgba(244, 63, 94, 0.58);
  background: #fff1f2;
  color: #e11d48;
}

.top1-planner-diagnostics-link:hover,
.top1-planner-diagnostics-link:focus-visible {
  outline: none;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 18px rgba(15, 23, 42, 0.15);
}

.top1-planner-diagnostics-link.is-bound:hover,
.top1-planner-diagnostics-link.is-bound:focus-visible {
  border-color: #10b981;
  background: #d1fae5;
  color: #047857;
}

.top1-planner-diagnostics-link.is-unbound:hover,
.top1-planner-diagnostics-link.is-unbound:focus-visible {
  border-color: #fb7185;
  background: #ffe4e6;
  color: #be123c;
}

.top1-planner-reason-trigger:hover,
.top1-planner-reason-trigger:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 18px rgba(37, 99, 235, 0.16);
}

.top1-planner-reason-trigger svg {
  width: 15px;
  height: 15px;
  display: block;
}

.top1-planner-diagnostics-link svg {
  width: 15px;
  height: 15px;
  display: block;
}

.top1-planner-reason-trigger svg path,
.top1-planner-diagnostics-link svg path,
.top1-planner-diagnostics-link svg circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .top1-planner-reason-trigger,
.top1-planner-job.schedule-client-card.schedule-client-card--tiny .top1-planner-reason-trigger {
  right: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 7px;
}

.top1-planner-job.schedule-client-card.schedule-client-card--compact .top1-planner-diagnostics-link,
.top1-planner-job.schedule-client-card.schedule-client-card--tiny .top1-planner-diagnostics-link {
  right: 26px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 7px;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .top1-planner-reason-trigger svg {
  width: 13px;
  height: 13px;
}

.top1-planner-job.schedule-client-card.schedule-client-card--tiny .top1-planner-diagnostics-link svg {
  width: 13px;
  height: 13px;
}

.top1-planner-reason-tooltip {
  position: fixed;
  z-index: 9999;
  width: min(366px, calc(100dvw - 24px));
  max-height: min(360px, calc(100vh - 24px));
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.30);
  border-radius: 18px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%),
    #f8fafc;
  box-shadow:
    0 30px 74px rgba(15, 23, 42, 0.18),
    0 12px 26px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  color: #0f172a;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px) scale(0.985);
  transition: opacity 120ms ease, transform 120ms ease;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #e5edf7;
}

.top1-planner-reason-tooltip.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.top1-planner-reason-tooltip::-webkit-scrollbar {
  width: 8px;
}

.top1-planner-reason-tooltip::-webkit-scrollbar-track {
  background: #e5edf7;
  border-radius: 999px;
}

.top1-planner-reason-tooltip::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 999px;
}

.top1-planner-reason-tooltip__head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: 30px 1fr 32px;
  gap: 9px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(191, 219, 254, 0.78);
  border-radius: 13px;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98) 64%),
    #ffffff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95),
    inset 3px 0 0 rgba(37, 99, 235, 0.72);
  backdrop-filter: blur(12px);
}

.top1-planner-reason-tooltip__edit-toggle {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 10px;
  background: #ffffff;
  color: #2563eb;
  cursor: pointer;
  box-shadow:
    0 8px 18px rgba(37, 99, 235, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-planner-reason-tooltip__edit-toggle:hover,
.top1-planner-reason-tooltip__edit-toggle:focus-visible {
  border-color: rgba(37, 99, 235, 0.48);
  color: #1d4ed8;
  background: #eff6ff;
  outline: none;
}

.top1-planner-reason-tooltip__edit-toggle svg {
  width: 16px;
  height: 16px;
  display: block;
}

.top1-planner-reason-tooltip__edit-toggle svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-reason-tooltip__icon {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 10px;
  background: #ffffff;
  color: #2563eb;
  box-shadow:
    0 8px 18px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-planner-reason-tooltip__icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.top1-planner-reason-tooltip__icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-reason-tooltip strong {
  display: block;
  color: #0f172a;
  font-size: 12.5px;
  line-height: 1.15;
  font-weight: 900;
}

.top1-planner-reason-tooltip small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

.top1-planner-reason-tooltip__identity {
  min-width: 0;
}

.top1-planner-reason-tooltip__contact {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 30px;
  margin-top: 7px;
  padding: 3px;
  gap: 4px;
  border: 1px solid rgba(16, 185, 129, 0.24);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #ecfdf5 100%);
  box-shadow:
    0 8px 18px rgba(16, 185, 129, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-planner-reason-tooltip__contact[hidden],
.top1-planner-reason-tooltip__phone[hidden],
.top1-planner-reason-tooltip__contact-action[hidden] {
  display: none;
}

.top1-planner-reason-tooltip__phone {
  min-width: 0;
  overflow: hidden;
  padding: 0 5px 0 7px;
  color: #064e3b;
  font-size: 11.5px;
  line-height: 1;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-reason-tooltip__phone::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 999px;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12);
  vertical-align: 1px;
}

.top1-planner-reason-tooltip__contact-action {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.top1-planner-reason-tooltip__contact-action.is-call {
  background: linear-gradient(145deg, #10b981, #047857);
  box-shadow: 0 7px 14px rgba(5, 150, 105, 0.24);
}

.top1-planner-reason-tooltip__contact-action.is-chat {
  background: linear-gradient(145deg, #3b82f6, #1d4ed8);
  box-shadow: 0 7px 14px rgba(37, 99, 235, 0.24);
}

.top1-planner-reason-tooltip__contact-action:hover,
.top1-planner-reason-tooltip__contact-action:focus-visible {
  outline: none;
  filter: saturate(1.08) brightness(1.04);
  transform: translateY(-1px) scale(1.04);
}

.top1-planner-reason-tooltip__contact-action.is-call:focus-visible {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22), 0 9px 18px rgba(5, 150, 105, 0.28);
}

.top1-planner-reason-tooltip__contact-action.is-chat:focus-visible {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22), 0 9px 18px rgba(37, 99, 235, 0.28);
}

.top1-planner-reason-tooltip__contact-action svg {
  width: 15px;
  height: 15px;
  display: block;
}

.top1-planner-reason-tooltip__contact-action svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-reason-tooltip__section {
  margin-top: 8px;
  padding: 11px 12px 12px;
  border: 1px solid rgba(226, 232, 240, 0.94);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 1px 0 rgba(248, 250, 252, 0.9);
}

.top1-planner-reason-tooltip__section + .top1-planner-reason-tooltip__section {
  border-top: 1px solid rgba(226, 232, 240, 0.94);
}

.top1-planner-reason-tooltip__section.is-primary {
  border-color: rgba(191, 219, 254, 0.76);
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%),
    #ffffff;
}

.top1-planner-reason-tooltip__section span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 16px;
  margin-bottom: 6px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #475569;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-planner-reason-tooltip__section span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
}

.top1-planner-reason-tooltip__section.is-note span {
  color: #475569;
}

.top1-planner-reason-tooltip__section.is-note span::before {
  background: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.14);
}

.top1-planner-reason-tooltip p {
  margin: 0;
  color: #1e293b;
  font-size: 13.5px;
  line-height: 1.45;
  font-weight: 750;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.top1-planner-reason-tooltip__section.is-note p {
  color: #334155;
  font-weight: 700;
}

.top1-planner-reason-tooltip__edit-form {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(191, 219, 254, 0.78);
  border-radius: 13px;
  background: #ffffff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 1px 0 rgba(248, 250, 252, 0.9);
}

.top1-planner-reason-tooltip__edit-form[hidden] {
  display: none;
}

.top1-planner-reason-tooltip__edit-form label {
  display: grid;
  gap: 6px;
  margin: 0;
}

.top1-planner-reason-tooltip__edit-form label > span {
  color: #475569;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-planner-reason-tooltip__edit-form textarea {
  width: 100%;
  min-height: 74px;
  resize: vertical;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.top1-planner-reason-tooltip__edit-form textarea:focus {
  border-color: rgba(37, 99, 235, 0.58);
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.top1-planner-reason-tooltip__edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 9px;
}

.top1-planner-reason-tooltip__edit-actions button {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(148, 163, 184, 0.48);
  border-radius: 10px;
  background: #ffffff;
  color: #334155;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.top1-planner-reason-tooltip__edit-actions button[type="submit"] {
  border-color: rgba(37, 99, 235, 0.35);
  background: #2563eb;
  color: #ffffff;
}

.top1-planner-reason-tooltip__edit-actions button:hover,
.top1-planner-reason-tooltip__edit-actions button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.top1-planner-reason-tooltip__edit-actions button:disabled,
.top1-planner-reason-tooltip__edit-form textarea:disabled {
  cursor: progress;
  opacity: 0.66;
}

.top1-planner-reason-tooltip__edit-error {
  margin-top: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(239, 68, 68, 0.22);
  border-radius: 9px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.top1-planner-reason-tooltip__edit-error[hidden] {
  display: none;
}

.top1-planner-card-context-menu {
  position: fixed;
  z-index: 10020;
  width: min(320px, calc(100dvw - 24px));
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.42);
  border-radius: 14px;
  background: rgba(248, 251, 255, 0.98);
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(15, 23, 42, 0.08);
  color: #0f172a;
  backdrop-filter: blur(10px);
}

.top1-planner-card-context-menu[hidden] {
  display: none;
}

.top1-planner-card-context-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 6px 7px 8px;
  border-bottom: 1px solid rgba(203, 213, 225, 0.72);
}

.top1-planner-card-context-head strong,
.top1-planner-card-context-head span {
  display: block;
}

.top1-planner-card-context-head strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-planner-card-context-head span {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 750;
}

.top1-planner-card-context-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
}

.top1-planner-card-context-close:hover,
.top1-planner-card-context-close:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-planner-card-context-form {
  display: grid;
  gap: 8px;
  margin: 8px 0 0;
}

.top1-planner-card-context-form[hidden] {
  display: none;
}

.top1-planner-card-context-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 7px;
}

.top1-planner-card-context-grid label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-planner-card-context-grid label:nth-child(2),
.top1-planner-card-context-date-field {
  grid-column: span 2;
}

.top1-planner-card-context-date-field {
  position: relative;
  z-index: 20;
}

.top1-planner-card-context-date-field.is-calendar-open {
  z-index: 80;
}

.top1-planner-card-context-grid span {
  color: #64748b;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-planner-card-context-grid input,
.top1-planner-card-context-grid select {
  width: 100%;
  min-width: 0;
  height: 32px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #fff;
  color: #0f172a;
  font-size: 11.5px;
  font-weight: 800;
}

.top1-planner-card-context-grid input {
  padding: 0 9px;
}

.top1-planner-card-context-date-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  gap: 5px;
  align-items: center;
}

.top1-planner-card-context-time-field {
  position: relative;
  z-index: 10;
}

.top1-planner-card-context-time-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.top1-planner-card-context-date-control input {
  text-align: center;
  letter-spacing: .02em;
}

.top1-planner-card-context-calendar-button {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #2563eb;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.top1-planner-card-context-calendar-button:hover,
.top1-planner-card-context-calendar-button:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  outline: none;
  transform: translateY(-1px);
}

.top1-planner-card-context-calendar-button svg {
  width: 17px;
  height: 17px;
  display: block;
}

.top1-planner-card-context-calendar-button svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-card-context-free-slots {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 10px;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.13),
    0 4px 10px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
  animation: top1-planner-calendar-panel-in 160ms ease-out;
}

.top1-planner-card-context-free-slots[hidden] {
  display: none;
}

.top1-planner-card-context-free-slots-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(191, 219, 254, 0.76);
  border-radius: 11px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-planner-card-context-free-slots-head strong {
  display: block;
  color: #0f172a;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 900;
}

.top1-planner-card-context-free-slots-head small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 800;
}

.top1-planner-card-context-free-slots-head button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
}

.top1-planner-card-context-free-slots-head button:hover,
.top1-planner-card-context-free-slots-head button:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.top1-planner-card-context-free-slots-list {
  display: grid;
  gap: 6px;
  max-height: 186px;
  overflow: auto;
  padding-right: 2px;
  scrollbar-width: thin;
}

.top1-planner-card-context-free-slot {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  width: 100%;
  min-height: 54px;
  padding: 9px 10px;
  border: 1px solid #dbe5f1;
  border-radius: 11px;
  background: #ffffff;
  color: #0f172a;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88);
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.top1-planner-card-context-free-slot:hover,
.top1-planner-card-context-free-slot:focus-visible,
.top1-planner-card-context-free-slot.is-selected {
  border-color: #3b82f6;
  background: #eff6ff;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.12);
  outline: none;
  transform: translateY(-1px);
}

.top1-planner-card-context-free-slot.is-current-time {
  border-color: #86efac;
  background: #f0fdf4;
}

.top1-planner-card-context-free-slot.is-current-time:hover,
.top1-planner-card-context-free-slot.is-current-time:focus-visible,
.top1-planner-card-context-free-slot.is-current-time.is-selected {
  border-color: #22c55e;
  background: #dcfce7;
  box-shadow: 0 10px 22px rgba(34, 197, 94, 0.13);
}

.top1-planner-card-context-free-slot strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 950;
}

.top1-planner-card-context-free-slot span,
.top1-planner-card-context-free-slot small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 800;
  text-transform: none;
}

.top1-planner-card-context-free-slots-empty {
  padding: 11px 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 11px;
  background: #f8fafc;
  color: #475569;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.top1-planner-card-context-calendar {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 60;
  width: min(330px, calc(100dvw - 40px));
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow:
    0 24px 52px rgba(15, 23, 42, 0.20),
    0 8px 18px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.top1-planner-card-context-calendar[hidden] {
  display: none;
}

.top1-planner-card-context-calendar-head {
  display: grid;
  grid-template-columns: 30px 1fr 30px;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
}

.top1-planner-card-context-calendar-head strong {
  min-width: 0;
  color: #0f172a;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
  text-transform: none;
}

.top1-planner-card-context-calendar-head button {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
}

.top1-planner-card-context-calendar-head button:hover,
.top1-planner-card-context-calendar-head button:focus-visible {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.top1-planner-card-context-calendar-weekdays,
.top1-planner-card-context-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.top1-planner-card-context-calendar-weekdays {
  margin-bottom: 5px;
}

.top1-planner-card-context-calendar-weekdays span {
  color: #64748b;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.top1-planner-card-context-calendar-grid button {
  width: 100%;
  aspect-ratio: 1;
  min-height: 28px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #0f172a;
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  text-align: center;
}

.top1-planner-card-context-calendar-grid button:hover,
.top1-planner-card-context-calendar-grid button:focus-visible {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

.top1-planner-card-context-calendar-grid button.is-muted {
  color: #94a3b8;
}

.top1-planner-card-context-calendar-grid button.is-today {
  border-color: #93c5fd;
  background: #f8fbff;
}

.top1-planner-card-context-calendar-grid button.is-selected {
  border-color: #2563eb;
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.22);
}

.top1-planner-card-context-grid select {
  padding: 0 30px 0 10px;
}

.top1-planner-card-context-grid input:focus,
.top1-planner-card-context-grid select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16);
  outline: none;
}

.top1-planner-card-context-form > .top1-app-button {
  justify-content: center;
  width: 100%;
  min-height: 38px;
}

.top1-planner-card-context-menu {
  width: min(320px, calc(100dvw - 24px));
  padding: 8px;
  border-color: rgba(148, 163, 184, 0.42);
  border-radius: 14px;
  background: rgba(248, 251, 255, 0.98);
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

.top1-planner-card-context-head {
  align-items: center;
  gap: 10px;
  min-height: 30px;
  padding: 4px 6px 6px;
  border-bottom-color: rgba(203, 213, 225, 0.72);
}

.top1-planner-card-context-head strong {
  font-size: 13px;
}

.top1-planner-card-context-head span {
  display: none;
}

.top1-planner-card-context-close {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: #ffffff;
  font-size: 17px;
}

.top1-planner-card-context-form {
  gap: 6px;
  margin-top: 6px;
}

.top1-planner-card-context-grid {
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 6px;
}

.top1-planner-card-context-grid label {
  gap: 3px;
}

.top1-planner-card-context-date-field {
  grid-column: span 2;
}

.top1-planner-card-context-grid span {
  font-size: 9px;
}

.top1-planner-card-context-grid input,
.top1-planner-card-context-grid select {
  height: 30px;
  border-radius: 9px;
  font-size: 11.5px;
  font-weight: 800;
}

.top1-planner-card-context-grid input {
  padding: 0 9px;
}

.top1-planner-card-context-date-control {
  grid-template-columns: minmax(0, 1fr) 30px;
  gap: 5px;
}

.top1-planner-card-context-calendar-button {
  width: 30px;
  height: 30px;
  border-radius: 9px;
}

.top1-planner-card-context-calendar-button svg {
  width: 16px;
  height: 16px;
}

.top1-planner-card-context-calendar {
  top: calc(100% + 6px);
  width: min(304px, calc(100dvw - 40px));
  padding: 8px;
}

.top1-planner-card-context-form > .top1-app-button {
  min-height: 34px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
}

.top1-planner-card-context-calendar {
  top: calc(100% + 5px);
  width: min(304px, calc(100dvw - 40px));
  padding: 7px;
  border-radius: 13px;
  border-color: rgba(148, 163, 184, 0.38);
  background: rgba(248, 251, 255, 0.99);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.17), 0 4px 12px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.top1-planner-card-context-calendar-head {
  grid-template-columns: 26px 1fr 26px;
  gap: 6px;
  margin-bottom: 6px;
}

.top1-planner-card-context-calendar-head strong {
  font-size: 11.5px;
}

.top1-planner-card-context-calendar-head button {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: #ffffff;
  font-size: 16px;
}

.top1-planner-card-context-calendar-weekdays,
.top1-planner-card-context-calendar-grid {
  gap: 3px;
}

.top1-planner-card-context-calendar-weekdays {
  margin-bottom: 4px;
}

.top1-planner-card-context-calendar-weekdays span {
  font-size: 8px;
}

.top1-planner-card-context-calendar-grid button {
  min-height: 25px;
  border-radius: 8px;
  font-size: 10.5px;
}

.top1-planner-card-context-calendar-grid button.is-selected {
  box-shadow: 0 5px 12px rgba(37, 99, 235, 0.2);
}

.top1-planner-card-context-free-slots {
  margin-top: 7px;
  padding: 7px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11), 0 3px 8px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.top1-planner-card-context-free-slots-head {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  padding: 7px 8px;
  border-radius: 10px;
}

.top1-planner-card-context-free-slots-head strong {
  font-size: 11.5px;
}

.top1-planner-card-context-free-slots-head small {
  margin-top: 2px;
  font-size: 9.5px;
  line-height: 1.2;
}

.top1-planner-card-context-free-slots-head button {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  font-size: 15px;
}

.top1-planner-card-context-free-slots-list {
  gap: 5px;
  max-height: 112px;
}

.top1-planner-card-context-free-slot {
  min-height: 0;
  gap: 1px;
  padding: 6px 8px;
  border-radius: 10px;
}

.top1-planner-card-context-free-slot strong {
  font-size: 11.5px;
}

.top1-planner-card-context-free-slot span,
.top1-planner-card-context-free-slot small {
  font-size: 9px;
  line-height: 1.12;
}

.top1-planner-card-context-free-slots-empty {
  padding: 9px 10px;
  border-radius: 10px;
  font-size: 10.5px;
}

.top1-planner-card-context-blocker {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
}

.top1-planner-card-context-blocker[hidden] {
  display: none;
}

.top1-planner-card-context-blocker strong {
  color: #9a3412;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-planner-card-context-blocker span {
  color: #9a3412;
  font-size: 11.5px;
  line-height: 1.38;
  font-weight: 750;
}

.top1-planner-card-context-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}

.top1-planner-card-context-actions .top1-secondary-button {
  justify-content: center;
  min-height: 34px;
  padding: 0 10px;
  text-decoration: none;
}

.top1-planner-card-context-actions .top1-secondary-button[hidden] {
  display: none;
}

.top1-planner-block {
  top: 6px;
  height: max(58px, calc(var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px)) - 12px));
  z-index: 2;
  border-color: #d1d5db;
  background: repeating-linear-gradient(135deg, #f8fafc 0, #f8fafc 5px, #eef2f7 5px, #eef2f7 10px);
  color: #374151;
}

.top1-planner-block strong,
.top1-planner-block span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}

.top1-planner-block-delete-form {
  position: absolute;
  top: 4px;
  right: 4px;
  margin: 0;
}

.top1-planner-block-delete-form button {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  color: #4b5563;
  font-size: 0;
  cursor: pointer;
}

.top1-planner-block-delete-form .top1-planner-control-icon { width: 10px; height: 10px; }

.top1-planner-slot-form {
  position: absolute;
  left: auto;
  right: 9px;
  bottom: 8px;
  width: 82px;
  margin: 0;
}

.top1-planner-slot-button {
  width: 100%;
  min-height: 24px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #fff;
  color: #2563eb;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.top1-planner-drop-preview {
  position: absolute;
  top: 6px;
  height: 106px;
  z-index: 6;
  display: none;
  padding: 8px 10px;
  border: 1px dashed #2563eb;
  border-radius: 8px;
  background: rgba(239, 246, 255, 0.92);
  pointer-events: none;
}

.top1-planner-drop-preview.is-visible { display: block; }
.top1-planner-drop-preview strong,
.top1-planner-drop-preview span { display: block; color: #2563eb; font-size: 11px; line-height: 1.2; }
.top1-planner-grid-row.is-drop-target .top1-planner-grid-row-bg { background-color: rgba(37, 99, 235, 0.04); }

.top1-planner-resize-preview {
  position: absolute;
  z-index: 6;
  display: none;
  padding: 8px 10px;
  border: 1px dashed #2563eb;
  border-radius: 8px;
  background: rgba(239, 246, 255, 0.9);
  pointer-events: none;
}

.top1-planner-resize-preview.is-visible {
  display: block;
}

.top1-planner-resize-preview strong,
.top1-planner-resize-preview span {
  display: block;
  color: #2563eb;
  font-size: 11px;
  line-height: 1.2;
}

.top1-planner-draw-preview {
  position: absolute;
  top: 6px;
  height: max(58px, calc(var(--top1-planner-adaptive-row-height, var(--top1-planner-row-height, 95px)) - 12px));
  z-index: 6;
  display: none;
  padding: 8px 10px;
  border: 1px dashed #2563eb;
  border-radius: 8px;
  background: rgba(239, 246, 255, 0.9);
  pointer-events: none;
}

.top1-planner-draw-preview.is-visible {
  display: block;
}

.top1-planner-draw-preview.is-create {
  border-color: #16a34a;
  background: rgba(240, 253, 244, 0.92);
}

.top1-planner-draw-preview.is-move {
  border-color: #2563eb;
  background: rgba(239, 246, 255, 0.92);
}

.top1-planner-draw-preview strong,
.top1-planner-draw-preview span {
  display: block;
  color: #2563eb;
  font-size: 11px;
  line-height: 1.2;
}

.top1-planner-draw-preview.is-create strong,
.top1-planner-draw-preview.is-create span {
  color: #15803d;
}

.top1-planner-shell.is-resize-active {
  cursor: ew-resize;
  user-select: none;
}

.top1-planner-shell.is-draw-active {
  cursor: crosshair;
  user-select: none;
}

.top1-planner-grid-row.is-draw-target .top1-planner-grid-row-bg {
  background-color: rgba(37, 99, 235, 0.04);
}

.top1-planner-drag-ghost {
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: 2147483000;
  margin: 0;
  pointer-events: none;
  opacity: 0.98;
  transform-origin: 0 0;
  outline: 2px solid rgba(37, 99, 235, 0.28);
  outline-offset: 2px;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.20),
    0 7px 18px rgba(37, 99, 235, 0.16);
  filter: saturate(1.04);
}

.top1-planner-inspector {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 34;
  width: var(--top1-planner-inspector-width);
  max-width: calc(100% - 24px);
  min-width: 0;
  height: max(var(--top1-planner-board-height), var(--top1-planner-board-min-height));
  display: flex;
  flex-direction: column;
  padding: 10px;
  border: 1px solid #cfdbea;
  border-radius: 10px;
  background: #f7faff;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 18px 38px rgba(15, 23, 42, 0.16);
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition:
    opacity 180ms ease,
    transform 220ms ease,
    padding 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.top1-planner-inspector.is-floating {
  position: fixed;
  left: var(--top1-planner-inspector-left, auto);
  top: var(--top1-planner-inspector-top, 116px);
  right: auto;
  z-index: 220;
  width: var(--top1-planner-inspector-width);
  height: auto;
  max-height: calc(100dvh - 24px);
  transform: translate3d(0, 0, 0);
  will-change: left, top, width, height;
}

@media (min-width: 1181px) {
  .top1-planner-inspector:not(.is-empty) {
    position: fixed;
    left: var(--top1-planner-inspector-left, calc(100dvw - var(--top1-planner-inspector-width) - 28px));
    top: var(--top1-planner-inspector-top, 116px);
    right: auto;
    z-index: 220;
    width: var(--top1-planner-inspector-width);
    height: auto;
    max-height: calc(100dvh - 24px);
    transform: translate3d(0, 0, 0);
    will-change: left, top, width, height;
  }

  .top1-planner-inspector:not(.is-empty) .top1-planner-inspector-scroll {
    max-height: calc(100dvh - 108px);
  }
}

.top1-planner-inspector.is-floating.is-dragging {
  cursor: grabbing;
  transition: none;
  user-select: none;
}

.top1-planner-inspector.is-redraw-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(18px) scale(0.985);
  transition:
    opacity 130ms ease,
    transform 150ms ease,
    visibility 0s linear 150ms;
}

.top1-planner-inspector.is-floating.is-redraw-hidden {
  transform: translate3d(18px, 0, 0) scale(0.985);
}

.top1-planner-shell.is-card-redraw-active .top1-planner-inspector:not(.is-empty) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.top1-planner-shell.is-card-redraw-active .top1-planner-inspector.is-floating:not(.is-empty) {
  transform: translate3d(18px, 0, 0) scale(0.985) !important;
}

.top1-planner-shell.is-create-panel-open .top1-planner-inspector:not(.is-empty) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.top1-planner-shell.is-create-panel-open .top1-planner-inspector.is-floating:not(.is-empty) {
  transform: translate3d(18px, 0, 0) scale(0.985) !important;
}

.top1-planner-inspector.is-empty {
  height: 0;
  min-height: 0;
  max-height: 0;
  padding: 0;
  border-width: 0;
  border-color: transparent;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(14px);
  box-shadow: none;
}

.top1-planner-shell.is-inspector-empty .top1-planner-inspector {
  width: 0;
  min-width: 0;
}

.top1-planner-inspector-head {
  flex: 0 0 38px;
  min-height: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5edf6;
}

.top1-planner-inspector-head.is-preliminary {
  padding: 8px 10px 12px;
  margin: -8px -10px 0;
  border-bottom-color: #f2d3a7;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(180deg, #fff9ef 0%, #fff4e1 100%);
}

.top1-planner-inspector-plate {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
  color: #111827;
}

.top1-planner-inspector-plate[data-top1-planner-inspector-drag-handle] {
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.top1-planner-inspector.is-dragging .top1-planner-inspector-plate[data-top1-planner-inspector-drag-handle] {
  cursor: grabbing;
}

.top1-planner-inspector-plate.is-ru-plate {
  display: flex;
  align-items: center;
  min-width: 0;
}

.top1-license-plate {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  padding: 2px 7px 2px 8px;
  border: 2px solid #111827;
  border-radius: 5px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #0f172a;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 4px 10px rgba(15, 23, 42, .08);
}

.top1-license-plate__letter,
.top1-license-plate__digits,
.top1-license-plate__series,
.top1-license-plate__tail {
  display: inline-block;
  white-space: nowrap;
}

.top1-license-plate__letter {
  margin-right: 5px;
}

.top1-license-plate__digits {
  margin-right: 6px;
  font-size: 18px;
  letter-spacing: .08em;
}

.top1-license-plate__series {
  margin-right: 7px;
}

.top1-license-plate__tail {
  padding-left: 7px;
  border-left: 2px solid #111827;
  font-size: 15px;
  letter-spacing: .03em;
}

.top1-planner-inspector-status {
  min-width: 78px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 11.5px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.top1-planner-inspector-status.is-planned { background: #eff6ff; color: #2563eb; }
.top1-planner-inspector-status.is-in-work { background: #eef8f0; color: #16a34a; }

.top1-planner-inspector-status.is-waiting { background: #fff7ed; color: #d97706; }
.top1-planner-inspector-status.is-done { background: #eef8f0; color: #16a34a; }
.top1-planner-inspector-status.is-cancelled { background: #fff1f1; color: #ef4444; }
.top1-planner-inspector-head.is-preliminary .top1-planner-inspector-status { background: rgba(255, 248, 235, 0.95); color: #b45309; border-color: #f2b66d; }

.top1-planner-inspector-tools {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  justify-self: end;
  margin-left: auto;
  min-width: 0;
  width: max-content;
}

.top1-planner-inspector-tool,
.top1-planner-inspector-close {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  justify-self: end;
  flex: 0 0 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  color: #6b7280;
  text-decoration: none;
  font-size: 0;
  line-height: 1;
  z-index: 1;
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.top1-planner-inspector-tool:hover,
.top1-planner-inspector-tool:focus-visible,
.top1-planner-inspector-close:hover,
.top1-planner-inspector-close:focus-visible {
  border-color: #bfdbfe;
  color: #2563eb;
  background: #eff6ff;
}

.top1-planner-inspector-tool .top1-planner-control-icon,
.top1-planner-inspector-close .top1-planner-control-icon { width: 12px; height: 12px; }

.top1-planner-control-icon.is-dock-right::before {
  left: 2px;
  top: 2px;
  width: 8px;
  height: 8px;
  border: 1.8px solid currentColor;
  border-radius: 2px;
  background: transparent;
}

.top1-planner-control-icon.is-dock-right::after {
  right: 1px;
  top: 1px;
  width: 2px;
  height: 12px;
  border-radius: 999px;
  background: currentColor;
}

.top1-planner-inspector-mini {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "plate main"
    "plate sub";
  align-items: center;
  column-gap: 10px;
  row-gap: 2px;
  width: 100%;
  min-height: 68px;
  padding: 10px;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.065) 0%, rgba(22, 163, 74, 0.045) 100%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  color: #0f172a;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.top1-planner-inspector-mini[hidden] {
  display: none;
}

.top1-planner-inspector-mini:hover,
.top1-planner-inspector-mini:focus-visible {
  border-color: #93c5fd;
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 0 0 3px rgba(59, 130, 246, 0.14);
}

.top1-planner-inspector-mini-plate {
  grid-area: plate;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 8px;
  border: 2px solid #111827;
  border-radius: 6px;
  background: #fff;
  color: #0f172a;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.top1-planner-inspector-mini-main,
.top1-planner-inspector-mini-sub {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-inspector-mini-main {
  grid-area: main;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 900;
}

.top1-planner-inspector-mini-sub {
  grid-area: sub;
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 750;
}

.top1-planner-inspector.is-floating.is-minimized {
  width: min(300px, calc(100dvw - 24px));
  height: auto;
  min-height: 0;
  padding: 8px;
  overflow: visible;
  border-radius: 12px;
  background: rgba(247, 250, 255, 0.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 16px 32px rgba(15, 23, 42, 0.14);
}

.top1-planner-inspector.is-minimized .top1-planner-inspector-head {
  display: none;
}

.top1-planner-inspector.is-minimized .top1-planner-inspector-scroll {
  flex: 0 0 auto;
  display: flex;
  max-height: none;
  padding-right: 0;
  overflow: visible;
}

.top1-planner-inspector.is-minimized .top1-planner-inspector-scroll > :not(.top1-planner-inspector-summary),
.top1-planner-inspector.is-minimized .top1-planner-inspector-summary > :not(.top1-planner-identity-editors) {
  display: none !important;
}

.top1-planner-inspector.is-minimized .top1-planner-inspector-summary {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-planner-inspector.is-minimized .top1-planner-inspector-summary::before {
  display: none;
}

.top1-planner-inspector.is-minimized .top1-planner-identity-editors {
  margin-top: 8px;
}

.top1-planner-inspector-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 3px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overscroll-behavior: contain;
  --top1-scrollbar-size: 8px;
  --top1-scrollbar-track: transparent;
}

.top1-planner-inspector-scroll > * {
  max-width: 100%;
  min-width: 0;
}

.top1-planner-inspector.is-floating .top1-planner-inspector-scroll {
  flex: 0 1 auto;
  max-height: calc(100dvh - 88px);
}

.top1-planner-inspector-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  align-items: center;
}

.top1-planner-inspector-car {
  display: none;
}

.top1-planner-inspector-hero-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.top1-planner-inspector-summary,
.top1-planner-inspector-section {
  position: relative;
  padding: 10px;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: none;
  overflow: visible;
}

.top1-planner-inspector-summary.is-preliminary {
  border-color: #f2d3a7;
  background: radial-gradient(circle at top right, rgba(251, 191, 36, 0.15), transparent 36%), linear-gradient(180deg, #fffdf7 0%, #fff7ea 100%);
}

.top1-planner-inspector-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #f2d3a7;
  background: rgba(255, 248, 235, 0.94);
  color: #b45309;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.01em;
}

.top1-planner-inspector-model {
  min-height: 18px;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 850;
  color: #111827;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.top1-planner-inspector-order {
  min-height: 15px;
  color: #526276;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.top1-planner-inspector-list {
  margin-top: 10px;
  display: grid;
  gap: 0;
  border: 1px solid #e6edf6;
  border-radius: 9px;
  overflow: hidden;
  background: #fbfdff;
}

.top1-planner-inspector-row {
  min-height: 36px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 6px 8px;
  padding: 7px 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #475569;
  font-size: 11.5px;
}

.top1-planner-inspector-row + .top1-planner-inspector-row {
  border-top: 1px solid #e6edf6;
}

.top1-planner-inspector-row.is-main {
  min-height: 34px;
}

.top1-planner-inspector-row strong {
  color: #111827;
  font-weight: 800;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: anywhere;
}

.top1-planner-inspector-row a,
.top1-planner-inspector-row em {
  grid-column: 2;
  justify-self: end;
  margin-top: -3px;
  color: #2563eb;
  font-size: 10.5px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 750;
  text-decoration: none;
}

.top1-planner-inspector-row strong .top1-planner-inspector-order-link {
  color: #1d4ed8;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.top1-planner-inspector-row strong .top1-planner-inspector-order-link:hover {
  text-decoration: underline;
}

.top1-planner-inspector-row.is-phone a,
.top1-planner-inspector-row.is-phone em {
  margin-top: 0;
  color: #1d4ed8;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 850;
}

.top1-planner-inspector-row.is-master {
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  min-height: 44px;
}

.top1-planner-inspector-row.is-master > span {
  color: #64748b;
  font-size: 10px;
  line-height: 1.05;
  font-weight: 850;
}

.top1-planner-master-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 6px;
  min-width: 0;
  margin: 0;
}

.top1-planner-master-form select {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid #cbdcf2;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font: 800 11.5px/1.15 var(--top1-planner-font, inherit);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-planner-master-form select:focus {
  border-color: #60a5fa;
  outline: none;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, .12),
    inset 0 1px 2px rgba(15, 23, 42, .04);
}

.top1-planner-master-form button {
  min-width: 0;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #eff6ff);
  color: #1d4ed8;
  font: 900 11px/1 var(--top1-planner-font, inherit);
  cursor: pointer;
  box-shadow: 0 5px 12px rgba(37, 99, 235, .08);
}

.top1-planner-master-save {
  width: 34px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-color: #b8d2ff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(239, 246, 255, .96)),
    radial-gradient(circle at 30% 10%, rgba(59, 130, 246, .18), transparent 56%);
  color: #1d4ed8;
}

.top1-planner-master-save svg {
  width: 17px;
  height: 17px;
  display: block;
  filter: drop-shadow(0 1px 1px rgba(37, 99, 235, .16));
}

.top1-planner-master-save:hover,
.top1-planner-master-save:focus-visible {
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 8px 16px rgba(37, 99, 235, .13),
    0 0 0 3px rgba(37, 99, 235, .10);
}

.top1-planner-master-form button:hover,
.top1-planner-master-form button:focus-visible {
  border-color: #93c5fd;
  background: #dbeafe;
  outline: none;
}

.top1-planner-knowledge {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.90);
  color: #f8fafc;
}

.top1-planner-knowledge-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.top1-planner-knowledge-head span {
  color: #bfdbfe;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.top1-planner-knowledge-head strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
}

.top1-planner-knowledge-list {
  grid-template-columns: minmax(0, 1fr);
}

.top1-knowledge-decision-panel {
  width: 100%;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 8px;
  background: #0f172a;
  color: #f8fafc;
}

.top1-knowledge-decision-panel-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.top1-knowledge-decision-panel-head span {
  display: block;
  color: #93c5fd;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.top1-knowledge-decision-panel-head strong {
  display: block;
  margin-top: 2px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
}

.top1-knowledge-decision-panel-head em {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid rgba(147, 197, 253, 0.28);
  border-radius: 999px;
  color: #bfdbfe;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.top1-knowledge-decision-panel > p {
  margin: 0 0 10px;
  color: rgba(226, 232, 240, 0.76);
  font-size: 13px;
  line-height: 1.45;
}

.top1-knowledge-decision-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.top1-knowledge-decision-chips span {
  padding: 4px 7px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(255, 255, 255, 0.05);
  font-size: 11px;
  font-weight: 800;
}

.top1-knowledge-decision-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.top1-knowledge-decision-guardrail {
  margin-top: 10px;
  color: rgba(226, 232, 240, 0.66);
  font-size: 12px;
  line-height: 1.35;
}

@media (max-width: 980px) {
  .top1-knowledge-decision-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

.top1-planner-identity-editors {
  position: relative;
  z-index: 45;
  margin-top: 7px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  overflow: visible;
}

.top1-planner-identity-editor {
  position: relative;
  width: 100%;
  min-width: 0;
  display: grid;
  justify-items: stretch;
}

.top1-planner-identity-editor[open] {
  z-index: 70;
}

.top1-planner-identity-editor > summary {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid #bfd4f3;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.98));
  color: #1d4ed8;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
  user-select: none;
  justify-self: stretch;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

.top1-planner-identity-editor > summary::-webkit-details-marker { display: none; }

.top1-planner-identity-editor[open] > summary {
  border-color: #93c5fd;
  background: linear-gradient(180deg, #eff6ff 0%, #eaf2ff 100%);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.top1-planner-identity-editor.is-locked > summary {
  cursor: not-allowed;
  opacity: .58;
  background: #f8fafc;
  color: #64748b;
}

.top1-planner-identity-editors.is-single-open .top1-planner-identity-editor.is-locked {
  display: none;
}

.top1-planner-identity-editor.is-lock-attention > summary {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.top1-planner-identity-form {
  position: fixed;
  top: var(--top1-planner-identity-popover-top, 0);
  left: var(--top1-planner-identity-popover-left, 0);
  z-index: 5600;
  width: min(360px, calc(100dvw - 24px));
  min-width: 0;
  max-height: var(--top1-planner-identity-popover-max-height, min(560px, calc(100vh - 24px)));
  box-sizing: border-box;
  margin-top: 0;
  padding: 10px;
  border: 1px solid #dce8f7;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.96) 0%, #ffffff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 20px rgba(15, 23, 42, 0.04);
  grid-template-columns: 1fr;
  gap: 8px;
  overflow: auto;
  overscroll-behavior: contain;
}

.top1-planner-identity-form::before {
  content: "";
  position: absolute;
  top: -7px;
  left: var(--top1-planner-identity-popover-arrow-left, 32px);
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-top: 1px solid #dce8f7;
  border-left: 1px solid #dce8f7;
  background: #fbfdff;
  transform: rotate(45deg);
}

.top1-planner-identity-form .top1-planner-schedule-grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.top1-planner-identity-form .top1-planner-field,
.top1-planner-identity-form .top1-planner-field.is-wide,
.top1-planner-identity-form .top1-planner-field.is-comment {
  grid-column: auto;
}

.top1-planner-identity-form .top1-planner-field label {
  color: #52657a;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;
}

.top1-planner-identity-form .top1-planner-field label.top1-planner-field-label-with-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.top1-planner-identity-form .top1-planner-field input,
.top1-planner-identity-form .top1-planner-field select,
.top1-planner-identity-form .top1-planner-field textarea {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 8px;
  border-color: #cfdae8;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  color: #111827;
  font-size: 12px;
  font-weight: 650;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.025);
}

.top1-planner-identity-form .top1-planner-field input:focus,
.top1-planner-identity-form .top1-planner-field select:focus,
.top1-planner-identity-form .top1-planner-field textarea:focus {
  border-color: #60a5fa;
  outline: 0;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.top1-planner-vin-copy-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  gap: 6px;
  align-items: center;
}

.top1-planner-vin-copy-row input {
  min-width: 0;
}

.top1-planner-field-copy-button {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #cbd8e8;
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  color: #2563eb;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-planner-field-copy-button:hover,
.top1-planner-field-copy-button:focus-visible,
.top1-planner-field-copy-button.is-copied {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  outline: 0;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.top1-planner-field-copy-button.is-copied {
  border-color: #86efac;
  background: #f0fdf4;
  color: #15803d;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
}

.top1-planner-field-copy-button svg {
  width: 16px;
  height: 16px;
  display: block;
}

.top1-planner-field-copy-button svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-planner-identity-form .top1-planner-field textarea {
  min-height: 70px;
  resize: vertical;
}

.top1-planner-identity-form .top1-planner-field.is-complaint textarea {
  min-height: 64px;
  max-height: 180px;
  overflow-y: auto;
  resize: none;
  line-height: 1.35;
  white-space: pre-wrap;
}

.top1-planner-identity-form .top1-secondary-button {
  width: 100%;
  min-height: 36px;
  justify-self: stretch;
  border-color: #1d4ed8;
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.18);
}

.top1-planner-identity-form .top1-secondary-button:hover,
.top1-planner-identity-form .top1-secondary-button:focus-visible {
  background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
  color: #ffffff;
}

.top1-planner-inspector:not(.is-empty) {
  border-color: #bfd0e3;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 250, 254, 0.98) 34%, #eef4fb 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 18px 42px rgba(15, 23, 42, 0.14),
    0 2px 8px rgba(15, 23, 42, 0.06);
}

.top1-planner-inspector-head.is-preliminary {
  min-height: 42px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 7px 8px 9px;
  border-bottom-color: #e4eaf2;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-planner-inspector-head.is-preliminary .top1-planner-inspector-plate {
  min-width: 0;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-inspector-head.is-preliminary .top1-planner-inspector-status {
  width: 150px;
  max-width: 150px;
  min-height: 26px;
  padding-inline: 8px;
  border-color: #efd2a3;
  background: #fff8ec;
  color: #9a5808;
  font-size: 9.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
}

.top1-planner-inspector-head.is-preliminary .top1-planner-inspector-close {
  width: 30px;
  height: 30px;
  border-color: #dbe5f1;
  background: #ffffff;
}

.top1-planner-inspector-summary.is-preliminary {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 7px;
  padding: 10px;
  border-color: #dbe5f1;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-planner-inspector-summary.is-preliminary::before {
  content: none;
}

.top1-planner-inspector-summary.is-preliminary > * {
  position: relative;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-badge {
  justify-self: start;
  min-height: 22px;
  padding: 4px 9px;
  border-color: #efd2a3;
  background: #fff8ec;
  color: #9a5808;
  font-size: 10px;
  text-transform: none;
  box-shadow: none;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-hero {
  grid-template-columns: minmax(0, 1fr);
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-car {
  width: 92px;
  height: 44px;
  margin: 0;
  align-self: center;
  border-radius: 8px;
  background-color: #f8fafc;
  background-size: contain;
  box-shadow: none;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-model {
  align-self: end;
  color: #0f172a;
  font-size: 14.5px;
  line-height: 1.2;
  letter-spacing: 0;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-order {
  align-self: start;
  margin-top: 0;
  color: #526276;
  font-size: 11.5px;
  font-weight: 700;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-list {
  margin-top: 0;
  padding-top: 0;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-row {
  grid-template-columns: 52px minmax(0, 1fr);
  min-height: 30px;
  border-color: #edf2f7;
  color: #64748b;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-row span {
  font-size: 11px;
  font-weight: 650;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-inspector-row strong {
  color: #172033;
  font-weight: 800;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-identity-editor {
  margin-top: 0;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-identity-editors {
  gap: 5px;
  overflow: hidden;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-identity-editor > summary {
  min-width: 0;
  min-height: 34px;
  padding-inline: 6px;
  border-color: #bcd2f3;
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  color: #1d4ed8;
  font-size: 11.5px;
  white-space: nowrap;
}

.top1-planner-inspector-summary.is-preliminary .top1-planner-identity-form {
  border-color: #dbe5f1;
  background: #ffffff;
}

.top1-planner-inspector-scroll > .top1-inline-notice {
  padding: 11px 12px 11px 42px;
  border-color: #c9dcf4;
  border-radius: 12px;
  background:
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  color: #334155;
  font-size: 12px;
  line-height: 1.42;
  box-shadow: inset 3px 0 0 #3b82f6, 0 8px 18px rgba(15, 23, 42, 0.04);
}

.top1-planner-inspector-scroll > .top1-inline-notice::before {
  left: 13px;
  top: 13px;
  width: 20px;
  height: 20px;
}

.top1-planner-preliminary-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.top1-planner-preliminary-actions .top1-app-button {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 38px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.top1-planner-preliminary-status-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  padding: 8px;
  border: 1px solid #dbe7f5;
  border-radius: 10px;
  background: #f8fbff;
}

.top1-planner-preliminary-status-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-planner-preliminary-status-form label span {
  color: #475569;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

.top1-planner-preliminary-status-form select {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid #cfe0f4;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 750;
}

.top1-planner-preliminary-status-form .top1-secondary-button {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 11px;
  white-space: nowrap;
}

.top1-planner-preliminary-intake-popover[hidden] {
  display: none !important;
}

.top1-planner-preliminary-intake-popover {
  position: fixed;
  top: var(--top1-planner-preliminary-intake-top, 12px);
  left: var(--top1-planner-preliminary-intake-left, 12px);
  z-index: 5650;
  width: var(--top1-planner-preliminary-intake-width, min(640px, calc(100dvw - 24px)));
  max-height: var(--top1-planner-preliminary-intake-max-height, calc(100dvh - 24px));
  display: flex;
  flex-direction: column;
  min-width: 0;
  transform: scale(var(--top1-planner-preliminary-intake-scale, 1));
  transform-origin: top left;
  border: 1px solid #c9d8ea;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, #ffffff 44%, #ffffff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 22px 52px rgba(15, 23, 42, 0.22);
  overflow: hidden;
}

.top1-planner-preliminary-intake-popover::before {
  content: "";
  position: absolute;
  top: var(--top1-planner-preliminary-intake-arrow-top, 54px);
  right: 0;
  width: 4px;
  height: 46px;
  border-radius: 999px 0 0 999px;
  background: linear-gradient(180deg, #2563eb 0%, #14b8a6 100%);
  opacity: 0.78;
  pointer-events: none;
}

.top1-planner-preliminary-intake-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #dbe6f3;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.08), rgba(20, 184, 166, 0.06));
}

.top1-planner-preliminary-intake-head strong,
.top1-planner-preliminary-intake-head span {
  display: block;
  min-width: 0;
}

.top1-planner-preliminary-intake-head strong {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-planner-preliminary-intake-head span {
  margin-top: 2px;
  color: #52657a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
}

.top1-planner-preliminary-intake-close {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd8e8;
  border-radius: 10px;
  background: #ffffff;
  color: #475569;
  cursor: pointer;
}

.top1-planner-preliminary-intake-close:hover,
.top1-planner-preliminary-intake-close:focus-visible {
  border-color: #93c5fd;
  color: #1d4ed8;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.top1-planner-preliminary-intake-close .top1-planner-control-icon {
  width: 13px;
  height: 13px;
}

.top1-planner-preliminary-intake-note {
  flex: 0 0 auto;
  margin: 0;
  padding: 11px 16px;
  border-bottom: 1px solid #edf2f7;
  background: #ffffff;
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 650;
}

.top1-planner-details-form.top1-planner-preliminary-intake-form {
  flex: 1 1 auto;
  min-height: 0;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 14px 16px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.top1-planner-preliminary-intake-form > .top1-planner-schedule-grid,
.top1-planner-preliminary-intake-form > .top1-app-button {
  grid-column: 1 / -1;
}

.top1-planner-preliminary-intake-form .top1-planner-schedule-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.top1-planner-preliminary-intake-form .top1-planner-field label {
  color: #3f5368;
  font-size: 11.5px;
  font-weight: 800;
}

.top1-planner-preliminary-intake-form .top1-planner-field input,
.top1-planner-preliminary-intake-form .top1-planner-field select,
.top1-planner-preliminary-intake-form .top1-planner-field textarea {
  min-height: 40px;
  padding: 8px 10px;
  border-color: #cfdbea;
  border-radius: 10px;
  background: #ffffff;
  color: #111827;
  font-size: 13px;
  font-weight: 650;
}

.top1-planner-preliminary-intake-form .top1-planner-field textarea {
  min-height: 86px;
}

.top1-planner-preliminary-intake-form .top1-planner-checkbox-field {
  padding: 10px 12px;
  border-color: #d6e1ee;
}

.top1-planner-preliminary-intake-form .top1-planner-checkbox-field label {
  align-items: flex-start;
  font-size: 12px;
}

.top1-planner-preliminary-intake-form .top1-app-button {
  min-height: 42px;
  border-radius: 10px;
  font-size: 13px;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-head {
  padding: 10px 14px 8px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-note {
  padding: 8px 14px;
  font-size: 11.5px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form {
  gap: 8px;
  padding: 10px 14px 12px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-schedule-grid {
  gap: 8px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-field {
  gap: 4px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-field label {
  font-size: 11px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-field input,
.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-field select,
.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-field textarea {
  min-height: 34px;
  padding: 6px 9px;
  font-size: 12.5px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-field textarea {
  min-height: 58px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-planner-checkbox-field {
  padding: 8px 10px;
}

.top1-planner-preliminary-intake-popover.is-viewport-tight .top1-planner-preliminary-intake-form .top1-app-button {
  min-height: 38px;
}

@media (max-width: 760px) {
  .top1-planner-preliminary-intake-popover {
    width: calc(100dvw - 24px);
    max-height: var(--top1-planner-preliminary-intake-max-height, calc(100dvh - 16px));
  }

  .top1-planner-preliminary-intake-head {
    padding: 12px 14px 10px;
  }

  .top1-planner-preliminary-intake-note {
    padding: 10px 14px;
  }

  .top1-planner-preliminary-intake-form {
    padding: 12px 14px 14px;
  }

  .top1-planner-preliminary-intake-form .top1-planner-schedule-grid {
    grid-template-columns: 1fr;
  }

  .top1-planner-preliminary-intake-form .top1-planner-field.is-wide {
    grid-column: 1 / -1;
  }
}

.top1-planner-inspector:not(.is-empty) {
  --top1-planner-inspector-accent: #2563eb;
  --top1-planner-inspector-accent-strong: #1d4ed8;
  --top1-planner-inspector-accent-soft: rgba(37, 99, 235, 0.13);
  --top1-planner-inspector-accent-faint: rgba(37, 99, 235, 0.07);
  --top1-planner-inspector-border: rgba(37, 99, 235, 0.34);
  --top1-planner-inspector-surface: #eff6ff;
  --top1-planner-inspector-row: #f8fbff;
  border-color: var(--top1-planner-inspector-border);
  background:
    linear-gradient(180deg, var(--top1-planner-inspector-surface) 0%, #ffffff 28%, #f8fbff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 22px 48px rgba(15, 23, 42, 0.20),
    0 8px 18px var(--top1-planner-inspector-accent-faint);
}

.top1-planner-inspector.is-card-status-scheduled {
  --top1-planner-inspector-accent: #7c3aed;
  --top1-planner-inspector-accent-strong: #5b21b6;
  --top1-planner-inspector-accent-soft: rgba(124, 58, 237, 0.14);
  --top1-planner-inspector-accent-faint: rgba(124, 58, 237, 0.08);
  --top1-planner-inspector-border: rgba(124, 58, 237, 0.34);
  --top1-planner-inspector-surface: #f5f3ff;
  --top1-planner-inspector-row: #fbfaff;
}

.top1-planner-inspector.is-card-status-new {
  --top1-planner-inspector-accent: #2563eb;
  --top1-planner-inspector-accent-strong: #1d4ed8;
  --top1-planner-inspector-accent-soft: rgba(37, 99, 235, 0.14);
  --top1-planner-inspector-accent-faint: rgba(37, 99, 235, 0.08);
  --top1-planner-inspector-border: rgba(37, 99, 235, 0.36);
  --top1-planner-inspector-surface: #eff6ff;
  --top1-planner-inspector-row: #f8fbff;
}

.top1-planner-inspector.is-card-status-in-work {
  --top1-planner-inspector-accent: #16a34a;
  --top1-planner-inspector-accent-strong: #15803d;
  --top1-planner-inspector-accent-soft: rgba(22, 163, 74, 0.15);
  --top1-planner-inspector-accent-faint: rgba(22, 163, 74, 0.08);
  --top1-planner-inspector-border: rgba(22, 163, 74, 0.34);
  --top1-planner-inspector-surface: #f0fdf4;
  --top1-planner-inspector-row: #f7fdf9;
}

.top1-planner-inspector.is-card-status-waiting-parts {
  --top1-planner-inspector-accent: #d97706;
  --top1-planner-inspector-accent-strong: #b45309;
  --top1-planner-inspector-accent-soft: rgba(217, 119, 6, 0.16);
  --top1-planner-inspector-accent-faint: rgba(217, 119, 6, 0.09);
  --top1-planner-inspector-border: rgba(217, 119, 6, 0.38);
  --top1-planner-inspector-surface: #fff7ed;
  --top1-planner-inspector-row: #fffaf3;
}

.top1-planner-inspector.is-card-status-ready {
  --top1-planner-inspector-accent: #059669;
  --top1-planner-inspector-accent-strong: #047857;
  --top1-planner-inspector-accent-soft: rgba(5, 150, 105, 0.15);
  --top1-planner-inspector-accent-faint: rgba(5, 150, 105, 0.08);
  --top1-planner-inspector-border: rgba(5, 150, 105, 0.36);
  --top1-planner-inspector-surface: #ecfdf5;
  --top1-planner-inspector-row: #f6fefb;
}

.top1-planner-inspector.is-card-status-delivered,
.top1-planner-inspector.is-card-status-unknown {
  --top1-planner-inspector-accent: #475569;
  --top1-planner-inspector-accent-strong: #334155;
  --top1-planner-inspector-accent-soft: rgba(71, 85, 105, 0.14);
  --top1-planner-inspector-accent-faint: rgba(71, 85, 105, 0.08);
  --top1-planner-inspector-border: rgba(71, 85, 105, 0.32);
  --top1-planner-inspector-surface: #f1f5f9;
  --top1-planner-inspector-row: #f8fafc;
}

.top1-planner-inspector.is-card-status-cancelled {
  --top1-planner-inspector-accent: #dc2626;
  --top1-planner-inspector-accent-strong: #b91c1c;
  --top1-planner-inspector-accent-soft: rgba(220, 38, 38, 0.14);
  --top1-planner-inspector-accent-faint: rgba(220, 38, 38, 0.08);
  --top1-planner-inspector-border: rgba(220, 38, 38, 0.34);
  --top1-planner-inspector-surface: #fef2f2;
  --top1-planner-inspector-row: #fff7f7;
}

.top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #2563eb;
  --top1-planner-inspector-accent-strong: #1d4ed8;
  --top1-planner-inspector-accent-soft: rgba(37, 99, 235, 0.13);
  --top1-planner-inspector-accent-faint: rgba(37, 99, 235, 0.07);
  --top1-planner-inspector-border: rgba(37, 99, 235, 0.34);
  --top1-planner-inspector-row: #f8fbff;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-scheduled) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #7c3aed;
  --top1-planner-inspector-accent-strong: #5b21b6;
  --top1-planner-inspector-accent-soft: rgba(124, 58, 237, 0.14);
  --top1-planner-inspector-accent-faint: rgba(124, 58, 237, 0.08);
  --top1-planner-inspector-border: rgba(124, 58, 237, 0.34);
  --top1-planner-inspector-row: #fbfaff;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-new) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #2563eb;
  --top1-planner-inspector-accent-strong: #1d4ed8;
  --top1-planner-inspector-accent-soft: rgba(37, 99, 235, 0.14);
  --top1-planner-inspector-accent-faint: rgba(37, 99, 235, 0.08);
  --top1-planner-inspector-border: rgba(37, 99, 235, 0.36);
  --top1-planner-inspector-row: #f8fbff;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-in-work) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #16a34a;
  --top1-planner-inspector-accent-strong: #15803d;
  --top1-planner-inspector-accent-soft: rgba(22, 163, 74, 0.15);
  --top1-planner-inspector-accent-faint: rgba(22, 163, 74, 0.08);
  --top1-planner-inspector-border: rgba(22, 163, 74, 0.34);
  --top1-planner-inspector-row: #f7fdf9;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-waiting-parts) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #d97706;
  --top1-planner-inspector-accent-strong: #b45309;
  --top1-planner-inspector-accent-soft: rgba(217, 119, 6, 0.16);
  --top1-planner-inspector-accent-faint: rgba(217, 119, 6, 0.09);
  --top1-planner-inspector-border: rgba(217, 119, 6, 0.38);
  --top1-planner-inspector-row: #fffaf3;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-ready) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #059669;
  --top1-planner-inspector-accent-strong: #047857;
  --top1-planner-inspector-accent-soft: rgba(5, 150, 105, 0.15);
  --top1-planner-inspector-accent-faint: rgba(5, 150, 105, 0.08);
  --top1-planner-inspector-border: rgba(5, 150, 105, 0.36);
  --top1-planner-inspector-row: #f6fefb;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-delivered) .top1-planner-identity-form[data-top1-planner-identity-floating],
body:has(.top1-planner-inspector:not(.is-empty).is-card-status-unknown) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #475569;
  --top1-planner-inspector-accent-strong: #334155;
  --top1-planner-inspector-accent-soft: rgba(71, 85, 105, 0.14);
  --top1-planner-inspector-accent-faint: rgba(71, 85, 105, 0.08);
  --top1-planner-inspector-border: rgba(71, 85, 105, 0.32);
  --top1-planner-inspector-row: #f8fafc;
}

body:has(.top1-planner-inspector:not(.is-empty).is-card-status-cancelled) .top1-planner-identity-form[data-top1-planner-identity-floating] {
  --top1-planner-inspector-accent: #dc2626;
  --top1-planner-inspector-accent-strong: #b91c1c;
  --top1-planner-inspector-accent-soft: rgba(220, 38, 38, 0.14);
  --top1-planner-inspector-accent-faint: rgba(220, 38, 38, 0.08);
  --top1-planner-inspector-border: rgba(220, 38, 38, 0.34);
  --top1-planner-inspector-row: #fff7f7;
}

.top1-planner-inspector:not(.is-empty)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--top1-planner-inspector-accent), var(--top1-planner-inspector-accent-soft));
  pointer-events: none;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-head {
  margin: -10px -10px 8px;
  padding: 12px 10px 9px;
  border-bottom-color: var(--top1-planner-inspector-border);
  border-radius: 10px 10px 0 0;
  background:
    linear-gradient(90deg, var(--top1-planner-inspector-accent-soft), rgba(255, 255, 255, 0.94) 58%),
    #ffffff;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-summary,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-section {
  border-color: var(--top1-planner-inspector-border);
  background:
    linear-gradient(180deg, #ffffff 0%, var(--top1-planner-inspector-row) 100%);
  box-shadow:
    inset 4px 0 0 var(--top1-planner-inspector-accent),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(15, 23, 42, 0.075);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-model {
  color: #0b1220;
  font-weight: 900;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-order {
  color: #334155;
  font-weight: 750;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-list {
  border-color: rgba(148, 163, 184, 0.38);
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 6px 14px rgba(15, 23, 42, 0.045);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row {
  background: #ffffff;
  color: #334155;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row:nth-child(even) {
  background: var(--top1-planner-inspector-row);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row + .top1-planner-inspector-row {
  border-top-color: rgba(148, 163, 184, 0.28);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row > span {
  color: #526071;
  font-weight: 850;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row strong,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row strong .top1-planner-inspector-order-link {
  color: #0f172a;
  font-weight: 900;
}

.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row.is-phone a,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-row.is-phone em,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-order-link:hover {
  color: var(--top1-planner-inspector-accent-strong);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-master-form select,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form .top1-planner-field input,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form .top1-planner-field select,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form .top1-planner-field textarea,
.top1-planner-identity-form[data-top1-planner-identity-floating] .top1-planner-field input,
.top1-planner-identity-form[data-top1-planner-identity-floating] .top1-planner-field select,
.top1-planner-identity-form[data-top1-planner-identity-floating] .top1-planner-field textarea {
  border-color: rgba(100, 116, 139, 0.46);
  background: #ffffff;
  color: #0f172a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 1px 0 rgba(15, 23, 42, 0.04);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-master-form select:focus,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form .top1-planner-field input:focus,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form .top1-planner-field select:focus,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form .top1-planner-field textarea:focus,
.top1-planner-identity-form[data-top1-planner-identity-floating] .top1-planner-field input:focus,
.top1-planner-identity-form[data-top1-planner-identity-floating] .top1-planner-field select:focus,
.top1-planner-identity-form[data-top1-planner-identity-floating] .top1-planner-field textarea:focus {
  border-color: var(--top1-planner-inspector-accent);
  box-shadow:
    0 0 0 3px var(--top1-planner-inspector-accent-soft),
    0 8px 18px var(--top1-planner-inspector-accent-faint);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-identity-editor > summary,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-tool,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-close,
.top1-planner-inspector:not(.is-empty) .top1-planner-master-save {
  border-color: var(--top1-planner-inspector-border);
  background:
    linear-gradient(180deg, #ffffff 0%, var(--top1-planner-inspector-surface) 100%);
  color: var(--top1-planner-inspector-accent-strong);
  box-shadow: 0 6px 14px var(--top1-planner-inspector-accent-faint);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-identity-editor[open] > summary,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-editor > summary:hover,
.top1-planner-inspector:not(.is-empty) .top1-planner-identity-editor > summary:focus-visible,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-tool:hover,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-tool:focus-visible,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-close:hover,
.top1-planner-inspector:not(.is-empty) .top1-planner-inspector-close:focus-visible {
  border-color: var(--top1-planner-inspector-accent);
  background: var(--top1-planner-inspector-surface);
  color: var(--top1-planner-inspector-accent-strong);
  box-shadow:
    0 0 0 3px var(--top1-planner-inspector-accent-soft),
    0 8px 18px var(--top1-planner-inspector-accent-faint);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form,
.top1-planner-identity-form[data-top1-planner-identity-floating] {
  border-color: var(--top1-planner-inspector-border);
  background:
    linear-gradient(180deg, #ffffff 0%, var(--top1-planner-inspector-row) 100%);
  box-shadow:
    0 22px 52px rgba(15, 23, 42, 0.18),
    0 8px 18px var(--top1-planner-inspector-accent-faint),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-planner-inspector:not(.is-empty) .top1-planner-identity-form::before,
.top1-planner-identity-form[data-top1-planner-identity-floating]::before {
  border-color: var(--top1-planner-inspector-border);
  background: #ffffff;
}

.top1-planner-card-status-form {
  --top1-planner-popover-accent: #2563eb;
  --top1-planner-popover-accent-soft: rgba(37, 99, 235, 0.13);
  --top1-planner-popover-border: rgba(37, 99, 235, 0.38);
  border-color: var(--top1-planner-popover-border);
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:
    inset 4px 0 0 var(--top1-planner-popover-accent),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 22px 52px rgba(15, 23, 42, 0.22),
    0 8px 18px var(--top1-planner-popover-accent-soft);
}

.top1-planner-job.is-card-status-scheduled + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #7c3aed;
  --top1-planner-popover-accent-soft: rgba(124, 58, 237, 0.13);
  --top1-planner-popover-border: rgba(124, 58, 237, 0.38);
}

.top1-planner-job.is-card-status-new + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #2563eb;
  --top1-planner-popover-accent-soft: rgba(37, 99, 235, 0.13);
  --top1-planner-popover-border: rgba(37, 99, 235, 0.38);
}

.top1-planner-job.is-card-status-in-work + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #16a34a;
  --top1-planner-popover-accent-soft: rgba(22, 163, 74, 0.13);
  --top1-planner-popover-border: rgba(22, 163, 74, 0.38);
}

.top1-planner-job.is-card-status-waiting-parts + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #d97706;
  --top1-planner-popover-accent-soft: rgba(217, 119, 6, 0.14);
  --top1-planner-popover-border: rgba(217, 119, 6, 0.42);
}

.top1-planner-job.is-card-status-ready + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #059669;
  --top1-planner-popover-accent-soft: rgba(5, 150, 105, 0.13);
  --top1-planner-popover-border: rgba(5, 150, 105, 0.38);
}

.top1-planner-job.is-card-status-delivered + .top1-planner-card-status-form,
.top1-planner-job.is-card-status-unknown + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #475569;
  --top1-planner-popover-accent-soft: rgba(71, 85, 105, 0.13);
  --top1-planner-popover-border: rgba(71, 85, 105, 0.36);
}

.top1-planner-job.is-card-status-cancelled + .top1-planner-card-status-form {
  --top1-planner-popover-accent: #dc2626;
  --top1-planner-popover-accent-soft: rgba(220, 38, 38, 0.13);
  --top1-planner-popover-border: rgba(220, 38, 38, 0.38);
}

.top1-planner-card-status-head {
  border-bottom-color: rgba(148, 163, 184, 0.36);
}

.top1-planner-card-status-form label {
  color: #334155;
}

.top1-planner-card-status-form select {
  border-color: rgba(100, 116, 139, 0.46);
  background: #ffffff;
}

.top1-planner-card-status-form select:focus {
  border-color: var(--top1-planner-popover-accent);
  box-shadow: 0 0 0 3px var(--top1-planner-popover-accent-soft);
}

.top1-planner-reason-tooltip,
.top1-planner-card-context-menu,
.top1-planner-preliminary-intake-popover {
  border-color: rgba(71, 85, 105, 0.34);
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 28px 68px rgba(15, 23, 42, 0.24),
    0 9px 20px rgba(15, 23, 42, 0.11);
}

.top1-planner-reason-tooltip__head,
.top1-planner-card-context-head,
.top1-planner-preliminary-intake-head {
  border-bottom-color: rgba(148, 163, 184, 0.34);
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.12), rgba(20, 184, 166, 0.08) 58%, rgba(255, 255, 255, 0.96));
}

.top1-planner-reason-tooltip__section,
.top1-planner-reason-tooltip__edit-form,
.top1-planner-card-context-free-slots,
.top1-planner-card-context-calendar {
  border-color: rgba(100, 116, 139, 0.32);
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(15, 23, 42, 0.08);
}

.top1-planner-card-context-grid input,
.top1-planner-card-context-grid select,
.top1-planner-reason-tooltip__edit-form textarea,
.top1-planner-preliminary-intake-form .top1-planner-field input,
.top1-planner-preliminary-intake-form .top1-planner-field select,
.top1-planner-preliminary-intake-form .top1-planner-field textarea {
  border-color: rgba(100, 116, 139, 0.44);
  background: #ffffff;
  color: #0f172a;
}

.top1-planner-card-context-grid input:focus,
.top1-planner-card-context-grid select:focus,
.top1-planner-reason-tooltip__edit-form textarea:focus,
.top1-planner-preliminary-intake-form .top1-planner-field input:focus,
.top1-planner-preliminary-intake-form .top1-planner-field select:focus,
.top1-planner-preliminary-intake-form .top1-planner-field textarea:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
  outline: 0;
}

.top1-planner-health-notes {
  display: grid;
  gap: 5px;
  margin-top: 0;
}

.top1-planner-health-note {
  padding: 6px 9px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #b45309;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 700;
}

.top1-planner-actionable-alert {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 10px;
  overflow: hidden;
  border-color: #f4c27b;
  background:
    linear-gradient(180deg, rgba(255, 251, 235, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%);
  color: #7c2d12;
  box-shadow:
    inset 3px 0 0 #f59e0b,
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.top1-planner-actionable-alert-copy {
  display: grid;
  gap: 3px;
  padding-left: 8px;
}

.top1-planner-actionable-alert-copy strong {
  color: #7c2d12;
  font-size: 12.5px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-planner-actionable-alert-copy span {
  color: #92400e;
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 650;
}

.top1-planner-actionable-alert-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.top1-planner-alert-action {
  margin: 0;
}

.top1-planner-alert-action .top1-app-button,
.top1-planner-alert-action .top1-secondary-button,
.top1-planner-alert-transfer .top1-secondary-button {
  width: 100%;
  min-height: 34px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
  white-space: nowrap;
}

.top1-planner-alert-transfer {
  grid-column: 1 / -1;
  order: 3;
  border: 1px solid #d8e2f0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-planner-actionable-alert-actions > .top1-planner-alert-action:first-child {
  order: 1;
}

.top1-planner-alert-transfer + .top1-planner-alert-action {
  order: 2;
}

.top1-planner-alert-transfer summary {
  min-height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1d4ed8;
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 850;
  text-align: center;
  list-style: none;
}

.top1-planner-alert-transfer summary::-webkit-details-marker {
  display: none;
}

.top1-planner-alert-transfer[open] summary {
  justify-content: flex-start;
  border-bottom: 1px solid #e2e8f0;
  color: #1d4ed8;
}

.top1-planner-alert-transfer-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 9px;
  border: 1px solid #dbe4f0;
  border-radius: 9px;
  background: #f8fafc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-planner-alert-transfer-form label:nth-of-type(1) {
  grid-column: 1;
  grid-row: 1;
}

.top1-planner-alert-transfer-form label:nth-of-type(2) {
  grid-column: 1 / -1;
  grid-row: 2;
}

.top1-planner-alert-transfer-form label:nth-of-type(3) {
  grid-column: 2;
  grid-row: 1;
}

.top1-planner-alert-transfer-form .top1-secondary-button {
  grid-column: 1 / -1;
  border-color: #bfdbfe;
  background: #ffffff;
  color: #1d4ed8;
}

.top1-planner-alert-transfer-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 800;
}

.top1-planner-alert-transfer-form input,
.top1-planner-alert-transfer-form select {
  width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  background: #ffffff;
  color: #111827;
  font-size: 11.5px;
  font-weight: 700;
}

.top1-planner-alert-transfer-form input:focus,
.top1-planner-alert-transfer-form select:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
}

.top1-planner-inspector-stage-section {
  padding: 8px;
}

.top1-planner-details-panel {
  margin-top: 0;
  padding: 8px 10px;
  border: 1px solid #e3eaf3;
  border-radius: 10px;
  background: #fff;
}

.top1-planner-details-panel summary {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.top1-planner-details-panel[open] summary { margin-bottom: 8px; }

.top1-planner-secondary-details {
  padding: 8px 10px;
  border-color: #e3eaf3;
  background: #ffffff;
}

.top1-planner-secondary-details summary {
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.top1-planner-secondary-details[open] {
  padding: 9px 10px 10px;
  border-color: #dbe3ec;
  background: #fff;
}

.top1-planner-secondary-details .top1-planner-details-form {
  grid-template-columns: 1fr;
}

.top1-planner-secondary-details .top1-planner-details-form > .top1-planner-field.is-wide {
  grid-column: auto;
}

.top1-planner-secondary-details .top1-planner-schedule-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.top1-planner-schedule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.top1-planner-inspector-actions {
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-content: start;
  margin-top: auto;
  padding: 10px;
  border: 1px solid #d7e2ef;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.top1-planner-inspector-actions-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 18px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.top1-planner-inspector-actions form {
  grid-column: 1 / -1;
  margin: 0;
}

.top1-planner-inspector-actions > .is-planner-start-job,
.top1-planner-inspector-actions > .is-planner-resume-job,
.top1-planner-inspector-actions > .is-planner-wait-job,
.top1-planner-inspector-actions > .is-planner-complete-job {
  grid-column: 1 / -1;
}

.top1-planner-inspector-actions .top1-app-button,
.top1-planner-inspector-actions .top1-secondary-button,
.top1-planner-details-panel .top1-secondary-button,
.top1-planner-shift-card .top1-secondary-button,
.top1-planner-block-form .top1-secondary-button {
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
}

.top1-planner-inspector-actions .top1-planner-status-action {
  min-height: 44px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 2px;
}

.top1-planner-status-action-label,
.top1-planner-status-action-hint {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-planner-status-action-label {
  font-size: 12px;
  line-height: 1.15;
}

.top1-planner-status-action-hint {
  font-size: 10px;
  line-height: 1.1;
  font-weight: 750;
  opacity: 0.78;
}

.top1-planner-inspector-actions .top1-app-button {
  border-color: #1d4ed8;
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  font-weight: 800;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 8px 16px rgba(37, 99, 235, 0.18);
}

.top1-planner-inspector-actions .top1-secondary-button {
  border-color: #d7e2ef;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #334155;
  font-weight: 700;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 2px 6px rgba(15, 23, 42, 0.05);
}

.top1-planner-inspector-actions .is-planner-wait-job .top1-secondary-button {
  border-color: #fed7aa;
  background: linear-gradient(180deg, #fffaf0 0%, #fff7ed 100%);
  color: #b45309;
}

.top1-planner-inspector-actions .is-planner-complete-job .top1-app-button {
  border-color: #15803d;
  background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 3px 8px rgba(22, 163, 74, 0.14);
}

.top1-planner-inspector-actions .is-planner-complete-job .top1-secondary-button {
  border-color: #badfca;
  background: #f2fbf5;
  color: #15803d;
}

.top1-planner-inspector-actions button.is-loading {
  position: relative;
  color: transparent;
}

.top1-planner-inspector-actions button.is-loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  color: #ffffff;
  animation: top1-spin 0.72s linear infinite;
}

.top1-planner-inspector-actions .top1-secondary-button.is-loading::after {
  color: #2563eb;
}

@keyframes top1-spin {
  to {
    transform: rotate(360deg);
  }
}

.top1-planner-empty-state {
  height: 100%;
  display: grid;
  align-content: center;
  min-height: 160px;
  padding: 16px;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  background: #fff;
  color: #6b7280;
  font-size: 12px;
}

.top1-planner-empty-state h2 { margin: 0 0 6px; color: #111827; font-size: 16px; }
.top1-planner-empty-state p { margin: 0; }

.top1-planner-empty-state.is-inspector-empty {
  height: 100%;
  min-height: 100%;
  place-items: stretch;
  align-content: center;
  grid-auto-rows: auto;
  gap: 7px;
  padding: 14px 12px;
  border: 1px solid #e2eaf4;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(239, 246, 255, 0.72) 0%, rgba(255, 255, 255, 0.94) 46%, rgba(255, 255, 255, 0.86) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-planner-empty-eyebrow {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid #dbe5f2;
  border-radius: 999px;
  background: #ffffff;
  color: #64748b;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.top1-planner-empty-state.is-inspector-empty h2 {
  margin: 0;
  text-align: left;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
}

.top1-planner-empty-state.is-inspector-empty p {
  max-width: 218px;
  margin: 0;
  text-align: left;
  line-height: 1.35;
  color: #526276;
}

.top1-planner-empty-meta {
  width: 100%;
  display: grid;
  gap: 7px;
  margin-top: 14px;
}

.top1-planner-empty-meta span {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e5edf7 0%, #f7faff 100%);
}

.top1-planner-empty-meta .is-wide { width: 100%; }
.top1-planner-empty-meta .is-mid { width: 82%; }
.top1-planner-empty-meta .is-short { width: 58%; }

.top1-planner-queue {
  position: relative;
  height: var(--top1-planner-queue-height);
  min-height: var(--top1-planner-queue-height);
  flex: 0 0 var(--top1-planner-queue-height);
  padding: 7px 10px 8px;
  border: 1px solid #cfdbea;
  border-top: 2px solid #93c5fd;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(239, 246, 255, 0.48) 0%, rgba(255, 255, 255, 0) 36%),
    #ffffff;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(15, 23, 42, 0.04);
}

.top1-planner-queue:has(.top1-planner-card-status-form:not([hidden])) {
  overflow: visible;
}

.top1-planner-queue.is-empty {
  padding: 6px 9px 7px;
  border-top-width: 1px;
  border-radius: 10px;
}

.top1-planner-queue.is-drop-target {
  border-color: #2563eb;
  border-top-color: #2563eb;
  background:
    linear-gradient(180deg, rgba(219, 234, 254, 0.72) 0%, rgba(239, 246, 255, 0.34) 58%),
    #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.22),
    0 10px 22px rgba(37, 99, 235, 0.12);
}

.top1-planner-queue-head {
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.top1-planner-queue-head h2 { margin: 0; color: #0f172a; font-size: 15px; line-height: 1; font-weight: 700; }

.top1-planner-queue-tools {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 600;
}

.top1-planner-queue-sort {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}

.top1-planner-queue-sort .top1-planner-control-icon {
  width: 9px;
  height: 9px;
  flex-basis: 9px;
}

.top1-planner-queue-sort .top1-planner-control-icon.is-caret-down::before {
  left: 1px;
  top: 1px;
  width: 6px;
  height: 6px;
  border-width: 0 1.5px 1.5px 0;
}

.top1-planner-queue-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1d4ed8;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: color 140ms ease;
}

.top1-planner-queue-meta:hover,
.top1-planner-queue-meta:focus-visible {
  color: #1e40af;
}

.top1-planner-queue-meta.is-disabled {
  color: #94a3b8;
  cursor: default;
  pointer-events: none;
}

.top1-planner-queue-meta::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1.6px solid currentColor;
  border-right: 1.6px solid currentColor;
  transform: rotate(45deg);
}

.top1-planner-queue-meta.is-disabled::after {
  display: none;
}

.top1-planner-queue-cards {
  height: var(--top1-planner-queue-card-height);
  min-height: var(--top1-planner-queue-card-height);
  margin-top: 6px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0;
  --top1-scrollbar-size: 8px;
  --top1-scrollbar-track: transparent;
}

.top1-planner-queue.is-empty .top1-planner-queue-cards {
  margin-top: 5px;
  overflow: hidden;
}

.top1-planner-queue.is-expanded {
  height: min(316px, calc(100vh - 360px));
  flex-basis: min(316px, calc(100vh - 360px));
}

.top1-planner-queue.is-expanded .top1-planner-queue-meta::after {
  transform: rotate(-45deg);
}

.top1-planner-queue.is-expanded .top1-planner-queue-cards {
  height: calc(100% - 32px);
  min-height: var(--top1-planner-queue-card-height);
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  overflow-x: auto;
  overflow-y: auto;
  padding-right: 3px;
}

.top1-planner-queue.is-expanded .top1-planner-queue-card {
  min-width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  flex-basis: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  min-height: var(--top1-planner-queue-card-height);
  height: var(--top1-planner-queue-card-height);
}

.top1-planner-queue-card {
  position: relative;
  flex: 0 0 var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  min-width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  max-width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  height: var(--top1-planner-queue-card-height);
  min-height: var(--top1-planner-queue-card-height);
  max-height: var(--top1-planner-queue-card-height);
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 9px 28px 8px 15px;
  border: 1px solid #d6e0ed;
  border-radius: 10px;
  background:
    linear-gradient(90deg, var(--top1-queue-glow, rgba(37, 99, 235, 0.08)) 0%, rgba(255, 255, 255, 0) 46%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  --top1-queue-accent: #2563eb;
  --top1-queue-border: #bfdbfe;
  --top1-queue-glow: rgba(37, 99, 235, 0.08);
  color: #111827;
  text-decoration: none;
  font-size: 11px;
  line-height: 1.15;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 16px rgba(15, 23, 42, 0.055);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease;
}

.top1-planner-queue-card.top1-planner-job.schedule-client-card {
  position: relative;
  left: auto;
  top: auto;
  flex: 0 0 var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  min-width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  max-width: var(--top1-planner-queue-card-width-current, var(--top1-planner-queue-card-width));
  height: var(--top1-planner-queue-card-height) !important;
  min-height: var(--top1-planner-queue-card-height) !important;
  max-height: var(--top1-planner-queue-card-height) !important;
  margin: 0 !important;
  padding: 8px 30px 8px 18px !important;
  display: block;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__time {
  min-width: 0;
  max-width: calc(100% - 30px);
  height: auto;
  padding: 0;
  font-size: 9px;
  line-height: 1;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__name {
  max-width: 100%;
  font-size: 12px;
  line-height: 1.08;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__workflow {
  max-width: calc(100% - 30px) !important;
  min-height: 17px !important;
  padding: 2px 6px !important;
  font-size: 9px !important;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__plate-line {
  max-width: calc(100% - 30px) !important;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__plate.top1-license-plate--card {
  min-height: 18px !important;
  font-size: 11px !important;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__plate.top1-license-plate--card .top1-license-plate__digits {
  font-size: 12px !important;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__reason {
  display: none !important;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__vehicle-model {
  display: block !important;
  max-width: calc(100% - 30px) !important;
  margin-top: 1px !important;
  color: #475569 !important;
  font-size: 9px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
}

.top1-planner-queue-card.schedule-client-card--queue .schedule-client-card__order-total {
  display: flex !important;
  max-width: calc(100% - 30px) !important;
  margin-top: 2px !important;
  font-size: 8.6px !important;
}

.top1-planner-queue-card.schedule-client-card--queue .top1-planner-reason-trigger {
  right: 7px;
  top: 7px;
  width: 24px;
  height: 24px;
  opacity: 1;
}

.top1-planner-queue-card.schedule-client-card--queue .top1-planner-reason-trigger svg {
  width: 14px;
  height: 14px;
}

.top1-planner-queue-card.top1-planner-job.schedule-client-card::before,
.top1-planner-queue-card.top1-planner-job.schedule-client-card::after {
  display: none;
}

.top1-planner-queue-card::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  bottom: 9px;
  width: 4px;
  border-radius: 999px;
  background: var(--top1-queue-accent, #2563eb);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.62);
}

.top1-planner-queue-card strong,
.top1-planner-queue-card span,
.top1-planner-queue-card small {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-queue-card:hover,
.top1-planner-queue-card:focus-visible {
  border-color: rgba(37, 99, 235, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 8px 14px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.top1-planner-queue-card:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.26);
  outline-offset: 2px;
}

.top1-planner-queue-headline {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: start;
}

.top1-planner-queue-card strong {
  color: #0f172a;
  font-size: 12.5px;
  font-weight: 850;
}

.top1-planner-queue-client {
  width: max-content;
  max-width: 100%;
  padding: 2px 7px;
  border: 1px solid rgba(100, 116, 139, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: #1e293b;
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1.15;
}

.top1-planner-queue-vehicle,
.top1-planner-queue-work {
  color: #475569;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.25;
}

.top1-planner-queue-work {
  display: none;
}

.top1-planner-queue-card small {
  width: max-content;
  max-width: 100%;
  padding: 2px 7px;
  border: 1px solid rgba(100, 116, 139, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #475569;
  font-size: 10px;
}
.top1-planner-queue-card small {
  margin-top: 2px;
  font-weight: 700;
}

.top1-planner-queue.is-expanded .top1-planner-queue-card {
  min-height: var(--top1-planner-queue-card-height);
  height: var(--top1-planner-queue-card-height);
  padding-right: 24px;
}

.top1-planner-queue.is-expanded .top1-planner-queue-work {
  display: block;
}
.top1-planner-queue-card.is-blue { --top1-queue-accent: #2563eb; --top1-queue-glow: rgba(37, 99, 235, 0.08); background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%); border-color: #bfdbfe; }
.top1-planner-queue-card.is-green { --top1-queue-accent: #16a34a; --top1-queue-glow: rgba(22, 163, 74, 0.08); background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f2fbf4 100%); border-color: #a7f3d0; }
.top1-planner-queue-card.is-amber { --top1-queue-accent: #f59e0b; --top1-queue-glow: rgba(245, 158, 11, 0.12); background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #fffdf8 0%, #fff4df 100%); border-color: #fed7aa; }
.top1-planner-queue-card.is-violet { --top1-queue-accent: #8b5cf6; --top1-queue-glow: rgba(139, 92, 246, 0.08); background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f4f0ff 100%); border-color: #c4b5fd; }
.top1-planner-queue-card.is-red { --top1-queue-accent: #ef4444; --top1-queue-glow: rgba(239, 68, 68, 0.08); background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #fff0f0 100%); border-color: #fecaca; }
.top1-planner-queue-card.is-preliminary { --top1-queue-accent: #b45309; --top1-queue-glow: rgba(251, 191, 36, 0.12); background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #fffdf8 0%, #fff3dd 100%); border-color: #f6c98e; }

.top1-planner-queue-card::before {
  box-shadow: none;
  filter: none;
}

.top1-planner-queue-card.is-blue { --top1-queue-accent: #00d5ff; --top1-queue-glow: rgba(0, 213, 255, 0.07); }
.top1-planner-queue-card.is-green { --top1-queue-accent: #39ff14; --top1-queue-glow: rgba(57, 255, 20, 0.07); }
.top1-planner-queue-card.is-amber { --top1-queue-accent: #fff200; --top1-queue-glow: rgba(255, 242, 0, 0.08); }
.top1-planner-queue-card.is-violet { --top1-queue-accent: #b026ff; --top1-queue-glow: rgba(176, 38, 255, 0.07); }
.top1-planner-queue-card.is-red { --top1-queue-accent: #ff003d; --top1-queue-glow: rgba(255, 0, 61, 0.07); }
.top1-planner-queue-card.is-preliminary { --top1-queue-accent: #ff9f00; --top1-queue-glow: rgba(255, 159, 0, 0.08); }

.top1-planner-queue-card.is-card-status-scheduled {
  --top1-queue-accent: #7c3aed;
  --top1-queue-glow: rgba(124, 58, 237, 0.08);
  background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f5f3ff 100%);
  border-color: #ddd6fe;
}

.top1-planner-queue-card.is-card-status-new {
  --top1-queue-accent: #94a3b8;
  --top1-queue-glow: rgba(148, 163, 184, 0.06);
  background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-color: #cbd5e1;
}

.top1-planner-queue-card.is-card-status-in-work {
  --top1-queue-accent: #16a34a;
  --top1-queue-glow: rgba(22, 163, 74, 0.08);
  background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f2fbf4 100%);
  border-color: #bbf7d0;
}

.top1-planner-queue-card.is-card-status-waiting-parts {
  --top1-queue-accent: #f59e0b;
  --top1-queue-glow: rgba(245, 158, 11, 0.10);
  background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #fff7e6 100%);
  border-color: #fde68a;
}

.top1-planner-queue-card.is-card-status-ready {
  --top1-queue-accent: #2563eb;
  --top1-queue-glow: rgba(37, 99, 235, 0.08);
  background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
  border-color: #bfdbfe;
}

.top1-planner-queue-card.is-card-status-delivered,
.top1-planner-queue-card.is-card-status-cancelled,
.top1-planner-queue-card.is-card-status-unknown {
  --top1-queue-accent: #64748b;
  --top1-queue-glow: rgba(100, 116, 139, 0.07);
  background: linear-gradient(90deg, var(--top1-queue-glow) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
  border-color: #cbd5e1;
}

.top1-planner-queue-card i {
  position: absolute;
  right: 11px;
  bottom: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--top1-queue-accent, #2563eb);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.75);
}

.top1-planner-queue-card.is-selected {
  outline: 2px solid rgba(37, 99, 235, 0.36);
  outline-offset: 1px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.68),
    0 8px 16px rgba(37, 99, 235, 0.14);
}

.top1-planner-queue-empty {
  flex: 1 0 auto;
  height: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border: 1px dashed #d8e3f0;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%);
  color: #64748b;
  font-size: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.top1-planner-queue-empty-ghosts {
  display: flex;
  gap: 6px;
}

.top1-planner-queue-empty-card {
  position: relative;
  width: 28px;
  height: 34px;
  border: 1px dashed #d8e2ef;
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-planner-queue-empty-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 8px 0 0 8px;
  background: #cfdbea;
}

.top1-planner-queue-empty-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.top1-planner-queue-empty-copy strong,
.top1-planner-queue-empty-copy span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-planner-queue-empty-copy strong { color: #0f172a; font-size: 12px; font-weight: 800; }
.top1-planner-queue-empty-copy span { color: #526276; font-size: 10.5px; line-height: 1.22; white-space: normal; }

.top1-planner-weekend-toggle { margin-left: auto; display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; color: #64748b; font-size: 11px; font-weight: 500; }

.top1-planner-weekend-toggle span {
  position: relative;
  width: 34px;
  height: 20px;
  border: 1px solid #d7dee8;
  border-radius: 999px;
  background: #e5e7eb;
  flex: 0 0 34px;
}

.top1-planner-weekend-toggle span::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}


.top1-planner-toast {
  position: fixed;
  right: 24px;
  bottom: calc(24px + var(--top1-floating-notice-offset, 0px));
  z-index: 100;
  transform: translateY(10px);
  opacity: 0;
  max-width: 360px;
  padding: 11px 13px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
  transition: opacity 160ms ease, transform 160ms ease;
}

.top1-planner-toast.is-visible { opacity: 1; transform: translateY(0); }
.top1-planner-toast.is-error { border-color: #fecaca; color: #dc2626; }
.top1-planner-toast.is-success { border-color: #a7f3d0; color: #16a34a; }

.top1-planner-shell.is-focus-issues .top1-planner-job[data-attention-rank="0"] { opacity: 0.35; }

.top1-planner-shell.is-focus-issues .top1-planner-job[data-attention-rank="1"],
.top1-planner-shell.is-focus-issues .top1-planner-job[data-attention-rank="2"],
.top1-planner-shell.is-focus-issues .top1-planner-job[data-attention-rank="3"],
.top1-planner-shell.is-focus-issues .top1-planner-job[data-attention-rank="4"] {
  opacity: 1;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.16);
}

@media (max-width: 1500px) {
  .top1-app-shell[data-top1-section="planner"] .top1-app-main { min-width: 0; }

  .top1-app-shell[data-top1-section="planner"] .top1-app-content {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100dvh;
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: auto;
    overflow-y: auto;
  }

  .top1-app-shell[data-top1-section="planner"] .top1-workspace,
  .top1-planner-shell {
    min-width: 1250px;
  }
}

/* 168px sidebar + 1366px Planner main need 1534px; close the desktop edge gap. */
@media (min-width: 1501px) and (max-width: 1533px) {
  .top1-app-shell[data-top1-section="planner"] .top1-app-main { min-width: 0; }
}

.top1-planner-toolbar .top1-planner-action-pill,
.top1-planner-toolbar .top1-planner-new-button { width: 100%; height: 34px; min-height: 34px; padding-inline: 10px; }
.top1-planner-action-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  color: currentColor;
  flex: 0 0 14px;
}

.top1-planner-action-icon::before,
.top1-planner-action-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.top1-planner-action-icon.is-filter::before {
  left: 1px;
  top: 2px;
  width: 12px;
  height: 10px;
  border: 1.5px solid currentColor;
  border-top-width: 2px;
  clip-path: polygon(0 0, 100% 0, 62% 52%, 62% 100%, 38% 100%, 38% 52%);
}

.top1-planner-action-icon.is-settings::before {
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  border: 1.6px solid currentColor;
  border-radius: 50%;
}

.top1-planner-action-icon.is-settings::after {
  left: 5px;
  top: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

.top1-planner-action-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(var(--top1-action-icon-rgb, 37, 99, 235), 0.24);
  border-radius: 9px;
  color: var(--top1-action-icon-color, #2563eb);
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.98) 0 22%, rgba(255, 255, 255, 0.18) 23% 42%, transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(var(--top1-action-icon-rgb, 37, 99, 235), 0.12) 56%, rgba(var(--top1-action-icon-rgb, 37, 99, 235), 0.22));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -6px 11px rgba(var(--top1-action-icon-rgb, 37, 99, 235), 0.08),
    0 5px 10px rgba(var(--top1-action-icon-rgb, 37, 99, 235), 0.13),
    0 1px 2px rgba(15, 23, 42, 0.06);
}

.top1-planner-action-icon::before,
.top1-planner-action-icon::after {
  content: none !important;
  display: none !important;
}

.top1-planner-action-icon.is-filter {
  --top1-action-icon-color: #2563eb;
  --top1-action-icon-rgb: 37, 99, 235;
}

.top1-planner-action-icon.is-settings {
  --top1-action-icon-color: #334155;
  --top1-action-icon-rgb: 71, 85, 105;
}

.top1-planner-action-icon svg {
  width: 17px;
  height: 17px;
  display: block;
  overflow: visible;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9))
    drop-shadow(0 1.5px 2px rgba(var(--top1-action-icon-rgb, 37, 99, 235), 0.18));
}

.top1-planner-action-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.top1-planner-toolbar .top1-planner-action-pill {
  gap: 8px;
  padding-inline: 12px;
}

.top1-planner-toolbar .top1-planner-action-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: inline-block;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.top1-planner-toolbar .top1-planner-action-icon svg {
  display: none;
}

.top1-planner-toolbar .top1-planner-action-icon::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  background-color: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 16px 16px;
}

.top1-planner-toolbar .top1-planner-action-icon::after {
  content: none !important;
  display: none !important;
}

.top1-planner-toolbar .top1-planner-action-icon.is-filter {
  color: #2563eb;
}

.top1-planner-toolbar .top1-planner-action-icon.is-filter::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16v2H4zm0 5h10v2H4zm0 5h6v2H4z'/%3E%3Ccircle fill='black' cx='17' cy='7' r='2'/%3E%3Ccircle fill='black' cx='16' cy='12' r='2'/%3E%3Ccircle fill='black' cx='13' cy='17' r='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16v2H4zm0 5h10v2H4zm0 5h6v2H4z'/%3E%3Ccircle fill='black' cx='17' cy='7' r='2'/%3E%3Ccircle fill='black' cx='16' cy='12' r='2'/%3E%3Ccircle fill='black' cx='13' cy='17' r='2'/%3E%3C/svg%3E");
}

.top1-planner-toolbar .top1-planner-action-icon.is-settings {
  color: #475569;
}

.top1-planner-toolbar .top1-planner-action-icon.is-settings::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3Ccircle fill='black' cx='9' cy='7' r='2.2'/%3E%3Ccircle fill='black' cx='15' cy='12' r='2.2'/%3E%3Ccircle fill='black' cx='11' cy='17' r='2.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3Ccircle fill='black' cx='9' cy='7' r='2.2'/%3E%3Ccircle fill='black' cx='15' cy='12' r='2.2'/%3E%3Ccircle fill='black' cx='11' cy='17' r='2.2'/%3E%3C/svg%3E");
}

.top1-planner-toolbar .top1-planner-action-icon.is-notification {
  color: #2563eb;
}

.top1-planner-toolbar .top1-planner-action-icon.is-notification::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a6 6 0 0 0-6 6v3.2c0 2.2-.9 3.8-2.7 5.4A1 1 0 0 0 4 18.3h16a1 1 0 0 0 .7-1.7C18.9 15 18 13.4 18 11.2V8a6 6 0 0 0-6-6Zm-2.2 18a2.4 2.4 0 0 0 4.4 0H9.8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a6 6 0 0 0-6 6v3.2c0 2.2-.9 3.8-2.7 5.4A1 1 0 0 0 4 18.3h16a1 1 0 0 0 .7-1.7C18.9 15 18 13.4 18 11.2V8a6 6 0 0 0-6-6Zm-2.2 18a2.4 2.4 0 0 0 4.4 0H9.8Z'/%3E%3C/svg%3E");
}

.top1-order-detail-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.top1-order-detail-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.top1-order-detail-panel {
  display: grid;
  gap: 10px;
}

.top1-order-detail-panel .top1-card-header {
  margin-bottom: 0;
}

.top1-order-delivery-checklist {
  display: grid;
  gap: 10px;
}

.top1-order-delivery-checklist-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 251, 235, 0.96) 0%, rgba(255, 247, 237, 0.98) 100%);
}

.top1-order-delivery-checklist-main {
  display: grid;
  gap: 4px;
}

.top1-order-delivery-checklist-main strong {
  font-size: 13px;
  color: var(--top1-text);
}

.top1-order-delivery-checklist-main span {
  font-size: 13px;
  color: var(--top1-muted);
}

.top1-order-delivery-checklist-action {
  display: flex;
  justify-content: flex-end;
}

.top1-order-delivery-checklist-action form {
  margin: 0;
}

.top1-order-line-form {
  margin-bottom: 10px;
}

.top1-order-line-form-grid {
  grid-template-columns: minmax(0, 1.8fr) 150px;
}

.top1-order-part-form-grid {
  grid-template-columns: minmax(0, 1.8fr) 150px 150px;
}

.top1-order-payment-form-grid {
  grid-template-columns: 160px minmax(0, 1fr);
}

.top1-order-line-form-actions {
  padding-top: 0;
}

.top1-order-detail-table {
  margin-top: 0;
}

.top1-order-detail-table .top1-table-row {
  grid-template-columns: minmax(0, 1.4fr) 100px 120px 130px;
}

.top1-order-service-lines-table .top1-table-row {
  grid-template-columns: minmax(260px, 1fr) 104px 112px minmax(156px, 200px);
}

.top1-order-part-lines-table .top1-table-row {
  grid-template-columns: minmax(220px, 1fr) 82px 104px 112px minmax(96px, max-content);
}

.top1-order-detail-table.is-jobs .top1-table-row {
  grid-template-columns: 120px minmax(0, 1fr) 130px minmax(190px, 220px);
}

.top1-order-detail-table.is-payments .top1-table-row {
  grid-template-columns: 130px 120px minmax(0, 1fr) 170px;
}

.top1-stock-ledger-row {
  grid-template-columns: 110px minmax(220px, 1.3fr) 90px 150px 160px;
}

.top1-stock-in-form {
  margin-bottom: 16px;
}

.top1-parts-stock-subheader {
  margin-top: 16px;
}

.top1-supplier-markup-form .top1-table-row {
  align-items: center;
}

.top1-supplier-markup-form .top1-table-row input[type="number"] {
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  padding: 9px 12px;
  border: 1px solid var(--top1-border);
  border-radius: var(--top1-radius-md);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: var(--top1-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.top1-supplier-markup-form .top1-table-row input[type="number"]:focus {
  border-color: var(--top1-blue);
  outline: 3px solid rgba(37, 99, 235, 0.12);
  background: #ffffff;
}

.top1-order-split-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.top1-order-split-form {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--top1-border);
  border-radius: 8px;
  padding: 14px;
}

.top1-order-split-heading {
  display: grid;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
  margin-bottom: 12px;
}

.top1-order-split-heading strong,
.top1-order-split-heading span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.top1-order-split-heading span {
  color: var(--top1-muted);
  font-size: 13px;
}

.top1-order-split-form-grid {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  grid-template-columns: minmax(180px, 1fr) minmax(120px, 160px);
}

.top1-finance-expense-form {
  margin-top: 12px;
}

.top1-finance-month-filter {
  margin-top: 12px;
  margin-bottom: 12px;
}

.top1-finance-month-filter-grid {
  grid-template-columns: 180px;
}

.top1-finance-expense-form-grid {
  grid-template-columns: minmax(0, 1.4fr) 130px;
}

.top1-finance-operating-form-grid {
  grid-template-columns: minmax(0, 1.4fr) 160px 130px;
}

.top1-productivity-period-grid {
  grid-template-columns: 180px 180px;
}

.top1-productivity-board {
  margin-bottom: 18px;
}

.top1-productivity-table .top1-table-row {
  grid-template-columns: 170px 130px 110px 90px 110px 90px 120px 90px 100px;
  min-width: 1010px;
}

.top1-productivity-table.is-basis .top1-table-row {
  grid-template-columns: 150px 150px 150px 130px minmax(180px, 1fr) 100px 100px;
  min-width: 960px;
}

.top1-productivity-table.is-unresolved .top1-table-row {
  grid-template-columns: 180px 90px 120px minmax(260px, 1fr);
  min-width: 720px;
}

.top1-productivity-table.is-mechanic-productivity .top1-table-row {
  grid-template-columns: 150px 150px 130px minmax(180px, 1fr) 100px 100px;
  min-width: 820px;
}

.top1-compensation-board {
  margin-bottom: 18px;
}

.top1-compensation-summary {
  margin: 14px 0;
}

.top1-compensation-cycle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.top1-compensation-cycle-card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 14px;
  border: 1px solid rgba(19, 31, 53, 0.1);
  border-radius: 8px;
  background: #f8fafc;
}

.top1-compensation-cycle-header {
  margin: 0;
}

.top1-compensation-cycle-header h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  font-size: 15px;
}

.top1-compensation-cycle-title-label {
  min-width: 0;
}

.top1-compensation-cycle-title-separator,
.top1-compensation-cycle-title-period {
  color: #5f6f8a;
  font-size: 12px;
  font-weight: 800;
}

.top1-compensation-cycle-title-period {
  white-space: nowrap;
}

.top1-compensation-cycle-period {
  color: #5f6f8a;
  font-size: 12px;
  font-weight: 800;
}

.top1-compensation-cycle-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.top1-compensation-cycle-values div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(19, 31, 53, 0.08);
  border-radius: 8px;
  background: #fff;
}

.top1-compensation-cycle-values span {
  color: #5f6f8a;
  font-size: 11px;
  font-weight: 800;
}

.top1-compensation-cycle-values strong {
  color: #0b1730;
  font-size: 16px;
  line-height: 1.1;
}

.top1-compensation-cycle-form {
  display: grid;
  grid-template-columns: minmax(140px, 0.8fr) minmax(180px, 1fr) minmax(160px, auto);
  gap: 8px;
  align-items: center;
  margin: 0;
}

.top1-compensation-cycle-form.is-single-action {
  grid-template-columns: minmax(0, 1fr);
}

.top1-compensation-cycle-form .top1-app-button,
.top1-compensation-cycle-form .top1-secondary-button {
  min-height: 34px;
  width: 100%;
}

.top1-compensation-cycle-form input[type="text"] {
  width: 100%;
  min-height: 34px;
  padding: 6px 9px;
}

@media (max-width: 900px) {
  .top1-compensation-cycle-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-compensation-cycle-form,
  .top1-compensation-cycle-values {
    grid-template-columns: minmax(0, 1fr);
  }
}

.top1-compensation-bonus-form {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(19, 31, 53, 0.1);
  border-radius: 8px;
  background: #f8fafc;
}

.top1-compensation-bonus-header {
  margin-bottom: 10px;
}

.top1-compensation-bonus-header h3 {
  margin: 0;
  font-size: 15px;
}

.top1-compensation-bonus-grid {
  grid-template-columns: minmax(190px, 1fr) 140px minmax(240px, 1.2fr);
}

.top1-compensation-bonus-note textarea {
  resize: vertical;
}

.top1-compensation-table .top1-table-row {
  grid-template-columns: 118px 130px 145px 100px minmax(190px, 1fr) 96px 68px 100px 120px 100px 100px minmax(160px, 0.9fr) 132px;
  min-width: 1576px;
}

.top1-productivity-table,
.top1-compensation-table,
.top1-compensation-unresolved {
  position: relative;
  overflow-x: auto;
  scrollbar-width: thin;
}

.top1-compensation-basis,
.top1-compensation-timing {
  margin-top: 14px;
}

.top1-compensation-unresolved {
  margin-top: 14px;
}

.top1-compensation-unresolved .top1-table-row {
  grid-template-columns: 130px 120px 120px 120px 150px;
  min-width: 640px;
}

.top1-compensation-action-form {
  margin: 0;
}

.top1-compensation-action-form .top1-app-button,
.top1-compensation-action-form .top1-secondary-button {
  min-height: 30px;
  padding: 6px 10px;
  width: 100%;
}

.top1-compensation-action-form input[type="number"],
.top1-compensation-action-form input[type="date"],
.top1-compensation-action-form input[type="text"],
.top1-compensation-reversal-form input[type="number"],
.top1-compensation-reversal-form input[type="date"],
.top1-compensation-reversal-form input[type="text"] {
  width: 100%;
  min-height: 30px;
  margin-bottom: 6px;
  padding: 5px 8px;
}

.top1-compensation-ledger-entry {
  font-size: 11px;
  line-height: 1.35;
  margin-bottom: 8px;
}

.top1-compensation-reversal-form {
  margin: 6px 0 0;
}

.top1-compensation-reversal-form .top1-secondary-button {
  min-height: 28px;
  padding: 5px 8px;
  width: 100%;
}

.top1-mechanic-board {
  margin-bottom: 18px;
}

.top1-mechanic-link-table .top1-table-row {
  grid-template-columns: 180px minmax(260px, 1fr) 130px;
  min-width: 640px;
}

.top1-mechanic-jobs-table .top1-table-row {
  grid-template-columns: 120px 150px 130px minmax(180px, 1fr) minmax(180px, 1.2fr) 150px 110px;
  min-width: 1040px;
}

.top1-mechanic-schedule-table .top1-table-row {
  grid-template-columns: 160px 130px 130px minmax(220px, 1fr);
  min-width: 720px;
}

.top1-mechanic-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.top1-mechanic-action-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.top1-mechanic-action-form input[type="text"] {
  min-width: 220px;
}

.top1-finance-mini-header {
  margin-top: 16px;
}

.top1-finance-order-table,
.top1-finance-expense-table,
.top1-finance-operating-table,
.top1-finance-operating-entry-table {
  margin-top: 0;
}

.top1-finance-operating-meta {
  margin-bottom: 12px;
}

.top1-finance-order-table .top1-table-row {
  grid-template-columns: minmax(0, 1.5fr) 110px 110px 110px;
}

.top1-finance-expense-table .top1-table-row {
  grid-template-columns: minmax(180px, 1.4fr) 92px 118px 138px;
  min-width: 560px;
}

.top1-finance-operating-table .top1-table-row {
  grid-template-columns: minmax(0, 1.8fr) 110px 110px 110px 130px;
}

.top1-finance-operating-entry-table .top1-table-row {
  grid-template-columns: minmax(0, 1.5fr) 110px minmax(0, 1.2fr) 130px 160px;
}

.top1-inline-note {
  margin-top: 12px;
}

.top1-order-link {
  justify-self: start;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .top1-order-detail-kpis,
  .top1-order-detail-meta {
    grid-template-columns: 1fr;
  }

  .top1-order-delivery-checklist-row {
    grid-template-columns: 1fr;
  }

  .top1-order-delivery-checklist-action {
    justify-content: flex-start;
  }

  .top1-data-management-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-data-management-row-head {
    display: none;
  }

  .top1-order-line-form-grid {
    grid-template-columns: 1fr;
  }

  .top1-order-part-form-grid {
    grid-template-columns: 1fr;
  }

  .top1-order-payment-form-grid,
  .top1-finance-expense-form-grid,
  .top1-finance-operating-form-grid,
  .top1-compensation-bonus-grid,
  .top1-finance-month-filter-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .top1-productivity-period-grid {
    grid-template-columns: 1fr;
  }

  .top1-productivity-table .top1-table-row,
  .top1-productivity-table.is-basis .top1-table-row,
  .top1-productivity-table.is-unresolved .top1-table-row,
  .top1-productivity-table.is-mechanic-productivity .top1-table-row,
  .top1-compensation-table .top1-table-row,
  .top1-compensation-unresolved .top1-table-row {
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  :root {
    --top1-summary-columns: 2;
    --top1-detail-columns: 2;
    --top1-form-grid-min: 280px;
    --top1-form-grid-compact-min: 220px;
  }

  .top1-log-entry-head {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .top1-team-registry .top1-team-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-order-detail-table .top1-table-row,
  .top1-order-detail-table.is-jobs .top1-table-row,
  .top1-order-detail-table.is-payments .top1-table-row,
  .top1-order-split-form-grid,
  .top1-finance-order-table .top1-table-row,
  .top1-finance-expense-table .top1-table-row,
  .top1-finance-operating-table .top1-table-row,
  .top1-finance-operating-entry-table .top1-table-row {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="planner"] {
    --top1-planner-board-height: calc(var(--top1-planner-time-header-height) + (var(--top1-planner-row-count) * var(--top1-planner-row-height)));
    --top1-planner-queue-height: auto;
    --top1-planner-inspector-width: 100%;
  }

  .top1-app-shell[data-top1-section="planner"] .top1-app-main {
    min-width: 0;
    overflow: visible;
  }

  .top1-app-shell[data-top1-section="planner"] .top1-app-content {
    height: auto;
    min-height: 0;
    padding: var(--top1-page-pad-y) var(--top1-page-pad-x) var(--top1-page-pad-bottom);
    overflow: auto;
  }

  .top1-app-shell[data-top1-section="planner"] .top1-workspace {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .top1-planner-shell {
    width: 100%;
    min-width: 0;
    height: auto;
    display: grid;
    gap: 12px;
  }

  .top1-planner-toolbar {
    height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }

  .top1-planner-date-nav,
  .top1-planner-filter-control,
  .top1-planner-zoom-controls,
  .top1-planner-notification-launch,
  .top1-planner-actions {
    position: static;
    width: 100%;
    height: auto;
  }

  .top1-planner-date-nav {
    grid-column: 1 / -1;
    grid-template-columns: 34px minmax(0, 1fr) 34px 90px;
    gap: 0;
  }

  .top1-planner-date-field,
  .top1-planner-date-pill {
    width: 100%;
  }

  .top1-planner-actions {
    grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.18fr);
    gap: 8px;
    grid-column: 1 / -1;
    justify-self: end;
    width: min(100%, 484px);
  }

  .top1-planner-notification-launch {
    grid-column: 1 / -1;
    justify-self: center;
    width: min(100%, 260px);
    transform: none;
  }

  .top1-planner-zoom-controls {
    width: max-content;
    justify-self: end;
  }

  .top1-planner-filter-control .top1-planner-action-pill {
    width: 100%;
  }

  .top1-inline-notice,
  .top1-inline-note {
    position: relative;
    top: auto;
    right: auto;
    max-width: none;
  }

  .top1-planner-popover,
  .top1-planner-quick-create,
  .top1-planner-utilities-panel {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    max-height: none;
    margin-top: 10px;
  }

  .top1-planner-utilities-panel {
    position: fixed;
    top: 12px;
    right: 16px;
    width: min(720px, calc(100dvw - 32px));
    max-height: calc(100vh - 24px);
    margin-top: 0;
  }

  .top1-planner-filter-form,
  .top1-planner-quick-create-form,
  .top1-planner-quick-options-grid,
  .top1-planner-block-form,
  .top1-planner-details-form,
  .top1-planner-schedule-form,
  .top1-planner-utilities-grid,
  .top1-planner-shift-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-planner-utilities-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  }

  .top1-planner-prereq-empty {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-planner-prereq-actions {
    grid-row: auto;
    grid-column: 1;
    flex-wrap: wrap;
  }

  .top1-planner-create-modes {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .top1-planner-quick-intake-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .top1-planner-quick-placement {
    grid-template-columns: 1fr;
  }

  .top1-planner-multi-slot-row {
    grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr) 32px;
    align-items: end;
  }

  .top1-planner-multi-slot-work {
    grid-column: 2 / 4;
  }

  .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(2),
  .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(4) {
    grid-column: 1 / 3;
  }

  .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(3),
  .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(5) {
    grid-column: 3 / 5;
  }

  .top1-planner-multi-slot-remove {
    grid-column: 4;
    grid-row: 1;
  }

  .top1-planner-field.is-wide {
    grid-column: 1 / -1;
  }

  .top1-planner-quick-intake-form > .top1-planner-field {
    grid-column: auto;
  }

  .top1-planner-quick-intake-form > .top1-planner-field.is-comment {
    grid-column: 1 / -1;
  }

  .top1-planner-kpi-grid {
    margin-top: 0;
    height: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .top1-planner-kpi-card {
    min-height: 56px;
  }

  .top1-planner-work-area {
    height: auto;
    grid-template-columns: 1fr;
  }

  .top1-planner-left-stack {
    position: relative;
    height: auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 4px;
  }

  .top1-planner-left-stack::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 42px;
    display: block;
    background: linear-gradient(90deg, transparent 0%, rgba(235, 241, 247, 0.92) 78%, rgba(235, 241, 247, 1) 100%);
    pointer-events: none;
  }

  .top1-planner-board {
    min-width: 1040px;
  }

  .top1-planner-queue {
    min-width: 0;
    width: 100%;
  }

  .top1-planner-board {
    height: var(--top1-planner-board-height);
    flex: 0 0 auto;
  }

  .top1-planner-queue {
    height: auto;
    flex: 0 0 auto;
  }

  .top1-planner-inspector {
    position: static;
    width: auto;
    max-width: none;
    z-index: auto;
    height: auto;
    min-height: 0;
  }

  .top1-planner-inspector-scroll {
    max-height: none;
  }
}

@media (max-width: 980px) {
  :root {
    --top1-page-pad-x: 16px;
    --top1-page-pad-y: 18px;
    --top1-page-pad-bottom: 18px;
    --top1-summary-columns: 2;
    --top1-detail-columns: 1;
  }

  .top1-app-sidebar {
    width: min(304px, calc(100dvw - 48px));
    min-width: 0;
    padding: 14px 12px 16px;
    overflow-x: hidden;
  }

  .top1-app-brand-block {
    width: 100%;
    height: auto;
    margin: 0 0 12px;
  }

  .top1-app-nav {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    grid-auto-rows: 44px;
    gap: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
    scrollbar-width: thin;
    contain: inline-size;
  }

  .top1-app-nav-link.is-active {
    order: -1;
  }

  .top1-app-nav-link {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 38px;
    min-height: 38px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    column-gap: 8px;
    padding: 0 7px;
  }

  .top1-app-sidebar-footer {
    width: 100%;
    margin: 8px 0 0;
    padding-top: 8px;
  }

  .top1-sidebar-account {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .top1-sidebar-user {
    min-height: 44px;
  }

  .top1-sidebar-logout {
    min-height: 44px;
    padding-inline: 12px;
  }

  .top1-app-topbar-actions {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px;
    border-radius: 16px;
  }

  .top1-app-topbar-main,
  .top1-app-topbar-title {
    max-width: 100%;
  }

  .top1-app-topbar-title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .top1-topbar-runtime-group,
  .top1-topbar-user {
    flex: 1 1 220px;
  }

  .top1-topbar-user-name,
  .top1-topbar-user-role {
    max-width: 100%;
  }

  .top1-topbar-link {
    flex: 0 0 auto;
  }

  .top1-app-topbar-actions > .top1-topbar-link {
    display: inline-flex;
  }

  .top1-workspace {
    width: 100%;
    max-width: none;
  }

  .top1-data-management-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-parts-attention-item {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .top1-parts-attention-meta {
    justify-items: start;
  }
}

@media (max-width: 520px) {
  .top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-card {
    min-height: 88px;
    padding: 11px 10px 10px 14px;
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-label {
    font-size: 11px;
  }

  .top1-app-shell[data-top1-section="parts_attention"] .top1-parts-summary-value {
    font-size: 22px;
  }
}

@media (max-width: 680px) {
  .top1-unit-picker {
    padding: 12px;
  }

  .top1-unit-picker-sheet {
    padding: 16px;
    max-height: calc(100vh - 24px);
  }

  .top1-unit-picker-head,
  .top1-unit-picker-field {
    display: grid;
    grid-template-columns: 1fr;
  }

  .top1-unit-picker-grid {
    grid-template-columns: 1fr;
  }
}

@container top1-quote-form (min-width: 980px) {
  .top1-order-quote-form .top1-order-supplier-part-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
  }

  .top1-order-quote-form .top1-parts-quote-sku-field {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .top1-order-quote-form .top1-parts-quote-name-field {
    grid-column: 3 / 13;
    grid-row: 1;
  }

  .top1-order-quote-form .top1-parts-quote-supplier-field {
    grid-column: 1 / 6;
    grid-row: 2;
  }

  .top1-order-quote-form .top1-parts-quote-unit-field {
    grid-column: 6 / 8;
    grid-row: 2;
  }

  .top1-order-quote-form .top1-parts-quote-qty-field {
    grid-column: 8 / 10;
    grid-row: 2;
  }

  .top1-order-quote-form .top1-parts-quote-cost-unit-field {
    grid-column: 10 / 13;
    grid-row: 2;
  }

  .top1-order-quote-form .top1-parts-quote-date-field {
    grid-column: 1 / 5;
    grid-row: 3;
  }

  .top1-order-quote-form .top1-parts-quote-sale-field {
    grid-column: 5 / 9;
    grid-row: 3;
  }

  .top1-order-quote-form .top1-parts-quote-total-cost-field {
    grid-column: 9 / 13;
    grid-row: 3;
  }

  .top1-order-quote-form .top1-parts-quote-total-sale-field {
    grid-column: 1 / 8;
    grid-row: 4;
  }

  .top1-order-quote-form .top1-parts-quote-profit-field {
    grid-column: 8 / 13;
    grid-row: 4;
  }
}

@media (max-width: 820px) {
  .top1-planner-filter-control,
  .top1-planner-filter-form,
  .top1-planner-quick-create-form,
  .top1-planner-quick-options-grid,
  .top1-planner-block-form,
  .top1-planner-details-form,
  .top1-planner-schedule-form,
  .top1-planner-utilities-grid,
  .top1-planner-shift-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-planner-utilities-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  }

  .top1-planner-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .top1-planner-create-modes {
    grid-template-columns: 1fr;
  }

  .top1-planner-quick-create .top1-planner-form-actions {
    position: static;
    flex-direction: column;
    align-items: stretch;
    margin: 4px 0 0;
    padding: 12px;
    border: 1px solid #dce7f4;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(248, 251, 255, 0.92), 0 -6px 16px rgba(15, 23, 42, 0.035);
  }

  .top1-planner-quick-create .top1-planner-form-actions .top1-app-button {
    width: 100%;
  }

  .top1-planner-quick-create .top1-planner-form-meta {
    max-width: none;
  }

  .top1-planner-date-nav {
    grid-template-columns: 34px minmax(0, 1fr) 34px 90px;
  }

  .top1-planner-date-nav .top1-planner-action-pill.is-plain {
    width: 100%;
    min-width: 0;
  }

  .top1-planner-kpi-card {
    height: auto;
    min-height: 52px;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 6px;
    padding: 7px;
  }

  .top1-planner-kpi-icon {
    width: 26px;
    height: 26px;
  }

  .top1-planner-kpi-icon svg { width: 17px; height: 17px; }
  .top1-planner-kpi-card[data-kpi-kind="load"] .top1-planner-kpi-icon svg { width: 18px; }
  .top1-planner-kpi-text { column-gap: 6px; }
  .top1-planner-kpi-label { font-size: 10px; }
  .top1-planner-kpi-value { font-size: 15px; }
  .top1-planner-kpi-note { font-size: 9px; }

  .top1-planner-board {
    min-width: 960px;
  }

  .top1-planner-queue {
    min-width: 0;
    width: 100%;
  }
}

@media (max-width: 640px) {
  :root {
    --top1-page-pad-x: 14px;
    --top1-page-pad-y: 14px;
    --top1-page-pad-bottom: 16px;
    --top1-summary-columns: 1;
    --top1-detail-columns: 1;
    --top1-form-grid-min: 100%;
    --top1-form-grid-compact-min: 100%;
  }

  .top1-app-shell[data-top1-section="planner"] .top1-app-content {
    overflow-x: hidden;
  }

  .top1-planner-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-planner-zoom-controls,
  .top1-planner-actions {
    grid-column: 1 / -1;
  }

  .top1-planner-zoom-controls {
    justify-self: start;
  }

  .top1-planner-actions {
    grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
  }

  .top1-planner-toolbar .top1-planner-action-pill,
  .top1-planner-toolbar .top1-planner-new-button {
    min-width: 0;
  }

  .top1-planner-toolbar .top1-planner-action-pill.is-settings {
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
  }

  .top1-planner-toolbar .top1-planner-new-button {
    justify-content: center;
  }

  .top1-app-sidebar {
    padding: 12px 14px 10px;
  }

  .top1-app-nav {
    gap: 6px;
  }

  .top1-app-nav-link {
    padding: 0 10px;
    font-size: 13px;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 38px;
  }

  .top1-app-nav-text {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.2;
  }

  .top1-client-form-actions .top1-app-button,
  .top1-client-form-actions .top1-secondary-button {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .top1-inspector-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .top1-inspector-row strong {
    text-align: left;
    max-width: none;
  }

  .top1-team-registry .top1-team-row {
    grid-template-columns: 1fr;
  }

.top1-log-entry-head {
  flex-direction: column;
  align-items: flex-start;
}
}

.top1-order-documents-panel,
.top1-legal-profile-list {
  display: grid;
  gap: 14px;
  margin: 18px 0;
}

.top1-order-documents-summary {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #dbe6f2;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.top1-order-documents-summary strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.top1-order-documents-summary span {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.45;
}

.top1-order-documents-stage {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #cfe0f5;
  border-radius: 12px;
  background: #f8fbff;
}

.top1-order-documents-stage-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.top1-order-documents-stage-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-order-documents-stage-head strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 850;
}

.top1-order-documents-stage-head span:not(.top1-inline-badge) {
  color: #526173;
  font-size: 11.5px;
  line-height: 1.45;
}

.top1-order-documents-stage-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.top1-order-documents-quick {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.top1-document-print-button {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}

.top1-document-print-button.is-stage-recommended {
  display: grid;
  gap: 4px;
  align-content: start;
  min-height: 82px;
  border-color: #bfdbfe;
  background: #ffffff;
}

.top1-document-print-button.is-stage-recommended > span {
  width: fit-content;
  max-width: 100%;
  padding: 2px 7px;
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 850;
}

.top1-document-print-button.is-stage-recommended > strong {
  color: #0f172a;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 850;
}

.top1-document-print-button.is-stage-recommended > small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 650;
}

.top1-order-documents-more {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #dbe6f2;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.top1-order-documents-more[open] {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(15, 23, 42, 0.04);
}

.top1-order-documents-more.is-primary {
  border-color: #d4e2f3;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.top1-order-documents-more > summary {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid #d8e4f0;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  list-style: none;
}

.top1-order-documents-more > summary::-webkit-details-marker {
  display: none;
}

.top1-order-documents-more > summary::before {
  content: "+";
  margin-right: 7px;
  color: #2563eb;
  font-weight: 900;
}

.top1-order-documents-more[open] > summary::before {
  content: "-";
}

.top1-order-documents-table .top1-table-row {
  grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 0.9fr) minmax(90px, 0.5fr) minmax(90px, 0.45fr);
}

.top1-order-documents-table .top1-table-row > div,
.top1-order-documents-table .top1-table-row strong,
.top1-order-documents-table .top1-table-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .top1-order-documents-stage-head {
    display: grid;
  }

  .top1-order-documents-stage-head .top1-inline-badge {
    justify-self: start;
  }

  .top1-order-documents-stage-grid {
    grid-template-columns: 1fr;
  }

  .top1-order-documents-quick {
    grid-template-columns: 1fr;
  }

  .top1-document-print-button {
    width: 100%;
    justify-content: flex-start;
  }

  .top1-order-documents-table .top1-table-row {
    grid-template-columns: 1fr;
  }
}

.top1-legal-profile-item {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.top1-legal-profile-item-head,
.top1-legal-profile-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.top1-legal-profile-item-head strong,
.top1-legal-profile-item-head span {
  display: block;
}

.top1-legal-profile-item-head span:not(.top1-inline-badge) {
  color: #64748b;
  font-size: 13px;
  margin-top: 3px;
}

.top1-legal-profile-actions {
  justify-content: flex-start;
  margin-top: 10px;
}

.top1-legal-profile-actions form {
  margin: 0;
}

.top1-legal-profile-details {
  margin-top: 12px;
}

.top1-legal-profile-details summary {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  color: #2563eb;
  font-weight: 700;
  overflow-wrap: anywhere;
  list-style-position: inside;
}

.top1-legal-profile-form {
  margin-top: 12px;
}

.top1-legal-profile-subheader {
  margin-top: 8px;
}

/* Orders workspace refinement: stronger hierarchy for detail, create, registry, and notice states. */
.top1-app-shell[data-top1-section="orders"] .top1-workspace {
  gap: 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-summary-grid {
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-summary-card {
  min-height: 70px;
  padding: 12px 14px 12px 16px;
  border-color: #d8e3f0;
  border-left-width: 3px;
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.055), transparent 44%),
    linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, #ffffff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 7px 16px rgba(15, 23, 42, 0.035);
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-summary-label {
  font-size: 11px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-summary-value {
  margin-top: 7px;
  font-size: 22px;
}

.top1-app-shell[data-top1-section="orders"]:not([data-top1-section="team"]) .top1-clients-summary-card {
  min-height: 70px;
  padding: 12px 14px 12px 16px;
  border-left-width: 3px;
}

.top1-app-shell[data-top1-section="orders"]:not([data-top1-section="team"]) .top1-clients-summary-label {
  font-size: 11px;
}

.top1-app-shell[data-top1-section="orders"]:not([data-top1-section="team"]) .top1-clients-summary-value {
  margin-top: 7px;
  font-size: 22px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child,
.top1-app-shell[data-top1-section="orders"] .top1-clients-card:last-child {
  border-radius: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 18px 34px rgba(15, 23, 42, 0.05);
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main {
  gap: 24px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child {
  padding: 18px 18px 20px;
  border-color: #d7e3f0;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(247, 250, 255, 0.98) 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card:last-child {
  padding: 16px 16px 18px;
  border-color: #dce6f1;
  background:
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.07), transparent 30%),
    linear-gradient(180deg, rgba(249, 251, 253, 0.98) 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail {
  margin-top: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail::before {
  content: "";
  position: absolute;
  top: -27px;
  left: -18px;
  right: -18px;
  height: 14px;
  border-top: 1px solid #cbd7e6;
  border-bottom: 1px solid #d7e1ee;
  background: #e3ebf4;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child > .top1-card-header,
.top1-app-shell[data-top1-section="orders"] .top1-clients-card:last-child > .top1-card-header {
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child > .top1-card-header h2,
.top1-app-shell[data-top1-section="orders"] .top1-clients-card:last-child > .top1-card-header h2 {
  font-size: 18px;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-meta,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
  position: relative;
  margin-top: 30px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-meta::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  height: 12px;
  border-top: 1px solid #cbd7e6;
  border-bottom: 1px solid #d7e1ee;
  background: #e3ebf4;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-link,
.top1-app-shell[data-top1-section="orders"] .top1-document-print-button {
  min-height: 34px;
  border-radius: 10px;
  font-weight: 700;
}

@media (min-width: 821px) {
  .top1-app-shell[data-top1-section="planner"] .top1-planner-quick-create {
    position: fixed;
    top: 72px;
    right: 18px;
    width: min(820px, calc(100dvw - 224px));
    max-height: calc(100vh - 92px);
    margin-top: 0;
    z-index: 160;
  }

  .top1-app-shell[data-top1-section="planner"] .top1-planner-quick-create[hidden] {
    display: none !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-section-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header {
  align-items: end;
  gap: 10px 14px;
  margin-top: 20px;
  padding-top: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-section-header {
  margin-bottom: 12px;
  border-bottom-color: #d9e4f0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-section-header h2,
.top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header h2 {
  margin: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-section-header span,
.top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header {
  margin-top: 16px;
  margin-bottom: 10px;
  padding-top: 0;
  border-bottom-style: dashed;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid #dbe6f2;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel[open] {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 12px 24px rgba(15, 23, 42, 0.035);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel > summary {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border: 1px solid #d7e3f0;
  border-radius: 999px;
  background: #ffffff;
  color: #183b73;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  list-style: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel > summary::before {
  content: "+";
  margin-right: 7px;
  color: #2563eb;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel[open] > summary::before {
  content: "-";
}

.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel > .top1-client-form,
.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel > .top1-inline-notice {
  margin-top: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis {
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 0;
  padding: 10px;
  border: 1px solid #dbe6f2;
  border-radius: 14px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-focus-tile {
  min-height: 66px;
  align-content: start;
  gap: 5px;
  padding: 11px 12px;
  border-color: #dbe5ef;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 253, 0.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 6px 14px rgba(15, 23, 42, 0.025);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-focus-title {
  color: #5b6b7d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-focus-note {
  color: #0f172a;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-tile-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-tile {
  position: relative;
  overflow: visible;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-service-advisor-tile {
  position: relative;
  overflow: visible;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-service-advisor-head.is-editable {
  grid-template-columns: auto minmax(134px, 1fr);
  align-items: center;
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-service-advisor-head.is-editable .top1-order-service-advisor-copy {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-service-advisor-head.is-editable .top1-focus-title {
  line-height: 1;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-service-advisor-form {
  width: 100%;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-service-advisor-form select {
  font-family: inherit;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel {
  position: relative;
  z-index: 45;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel[open] {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 11px;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
  color: #1d4ed8;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel > summary {
  position: relative;
  gap: 7px;
  padding: 7px 27px 7px 11px;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel > summary:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel > summary:hover {
  border-color: rgba(37, 99, 235, 0.42);
  background: linear-gradient(180deg, #f8fbff 0%, #dbeafe 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel > summary::after {
  content: "";
  position: absolute;
  right: 11px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  opacity: 0.72;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel[open] > summary::after {
  transform: translateY(-35%) rotate(225deg);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel > summary::-webkit-details-marker,
.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel[open] > .top1-order-status-form {
  position: absolute;
  z-index: 220;
  display: grid;
  gap: 10px;
  top: calc(100% + 8px);
  left: 0;
  width: min(296px, calc(100dvw - 54px));
  max-width: calc(100dvw - 54px);
  margin-top: 0;
  padding: 12px;
  border: 1px solid rgba(191, 219, 254, 0.95);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.98) 100%);
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.16),
    0 6px 16px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  color: #0f172a;
  isolation: isolate;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-panel[open] > .top1-order-status-form::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 22px;
  width: 10px;
  height: 10px;
  border-left: 1px solid rgba(191, 219, 254, 0.95);
  border-top: 1px solid rgba(191, 219, 254, 0.95);
  background: rgba(255, 255, 255, 0.99);
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-form-head {
  display: grid;
  gap: 3px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-form-head span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-form-head strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice-list {
  display: grid;
  gap: 7px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice {
  --top1-order-status-color: #64748b;
  --top1-order-status-bg: rgba(100, 116, 139, 0.08);
  --top1-order-status-border: rgba(100, 116, 139, 0.34);
  --top1-order-status-ring: rgba(100, 116, 139, 0.12);
  position: relative;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice:has(input:focus-visible) {
  border-color: var(--top1-order-status-border);
  background: linear-gradient(180deg, #ffffff 0%, var(--top1-order-status-bg) 100%);
  box-shadow:
    0 0 0 3px var(--top1-order-status-ring),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice:has(input:checked) {
  border-color: var(--top1-order-status-border);
  background: linear-gradient(180deg, #ffffff 0%, var(--top1-order-status-bg) 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice-dot {
  width: 12px;
  height: 12px;
  border: 2px solid var(--top1-order-status-border);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 0 0 3px var(--top1-order-status-bg);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice:has(input:checked) .top1-order-status-choice-dot {
  border-color: var(--top1-order-status-color);
  background: var(--top1-order-status-color);
  box-shadow:
    0 0 0 3px #ffffff inset,
    0 0 0 4px var(--top1-order-status-bg);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice-copy {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice-copy strong {
  display: block;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice.is-order-status-new {
  --top1-order-status-color: #2563eb;
  --top1-order-status-bg: rgba(219, 234, 254, 0.78);
  --top1-order-status-border: rgba(37, 99, 235, 0.38);
  --top1-order-status-ring: rgba(37, 99, 235, 0.12);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice.is-order-status-in-work {
  --top1-order-status-color: #16a34a;
  --top1-order-status-bg: rgba(220, 252, 231, 0.74);
  --top1-order-status-border: rgba(22, 163, 74, 0.38);
  --top1-order-status-ring: rgba(22, 163, 74, 0.12);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice.is-order-status-waiting-parts {
  --top1-order-status-color: #d97706;
  --top1-order-status-bg: rgba(254, 243, 199, 0.76);
  --top1-order-status-border: rgba(217, 119, 6, 0.42);
  --top1-order-status-ring: rgba(217, 119, 6, 0.13);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice.is-order-status-ready {
  --top1-order-status-color: #059669;
  --top1-order-status-bg: rgba(209, 250, 229, 0.72);
  --top1-order-status-border: rgba(5, 150, 105, 0.4);
  --top1-order-status-ring: rgba(5, 150, 105, 0.12);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice.is-order-status-delivered {
  --top1-order-status-color: #475569;
  --top1-order-status-bg: rgba(226, 232, 240, 0.76);
  --top1-order-status-border: rgba(71, 85, 105, 0.34);
  --top1-order-status-ring: rgba(71, 85, 105, 0.12);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-choice.is-order-status-cancelled {
  --top1-order-status-color: #dc2626;
  --top1-order-status-bg: rgba(254, 226, 226, 0.76);
  --top1-order-status-border: rgba(220, 38, 38, 0.38);
  --top1-order-status-ring: rgba(220, 38, 38, 0.12);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-form .top1-inline-notice {
  margin: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-form .top1-order-line-form-actions {
  padding-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-status-form .top1-app-button {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-order-debt-tile.is-warning {
  border-color: rgba(245, 158, 11, 0.34);
  background: linear-gradient(180deg, #fffbeb 0%, #fffaf0 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-order-debt-tile.is-warning .top1-focus-note {
  color: #b45309;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-order-debt-tile.is-clear {
  border-color: rgba(34, 197, 94, 0.28);
  background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-order-debt-tile.is-clear .top1-focus-note {
  color: #15803d;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: start;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel {
  position: relative;
  z-index: 40;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 100%;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel[open] {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel > summary {
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel[open] > .top1-order-payment-form {
  position: static;
  z-index: auto;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 251, 235, 0.98) 100%);
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel .top1-order-payment-form-grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-confirm {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-confirm input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-form [data-top1-payment-submit]:disabled {
  cursor: not-allowed;
  border-color: #d5deea;
  background: linear-gradient(180deg, #eef2f7 0%, #e2e8f0 100%);
  color: #64748b;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-meta {
  gap: 18px;
  margin-bottom: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-panel {
  order: 10;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vehicle-panel {
  order: 20;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel {
  order: 30;
  grid-column: 1 / -1;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-inspector-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-order-attention-form {
  margin-top: 4px;
  padding: 10px;
  border-radius: 12px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-edit {
  margin-top: 4px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-edit > summary {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border: 1px solid #d7e3f0;
  border-radius: 999px;
  background: #ffffff;
  color: #183b73;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  list-style: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-edit > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-edit > summary::before {
  content: "+";
  margin-right: 7px;
  color: #2563eb;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-edit[open] > summary::before {
  content: "-";
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel {
  align-content: start;
  gap: 10px;
  padding: 14px;
  border: 1px solid #d4deeb;
  border-radius: 14px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 22px rgba(15, 23, 42, 0.035);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-card-header {
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 0;
  padding-bottom: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-card-header h2 {
  font-size: 14px;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inline-badge {
  border-color: rgba(37, 99, 235, 0.2);
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inspector-list {
  gap: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inspector-row {
  grid-template-columns: minmax(110px, 122px) minmax(0, 1fr);
  gap: 6px 12px;
  align-items: start;
  padding: 8px 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inspector-row span {
  color: #607184;
  font-size: 11px;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inspector-row strong {
  max-width: none;
  color: #0f172a;
  text-align: left;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-quiet-note {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #dbe6f2;
  border-radius: 14px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 22px rgba(15, 23, 42, 0.03);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel .top1-card-header {
  margin-bottom: 0;
  padding-bottom: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel .top1-card-header h2 {
  font-size: 14px;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-list {
  display: grid;
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-row {
  display: grid;
  grid-template-columns: minmax(130px, 0.22fr) minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0 0;
  border-top: 1px dashed #dbe5ef;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-flow-row {
  display: grid;
  grid-template-columns: minmax(96px, auto) minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-flow-row + .top1-order-note-row {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-flow-row span,
.top1-app-shell[data-top1-section="orders"] .top1-order-note-row span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-flow strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-note-row strong {
  color: #1f2937;
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-flow strong {
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid #dbe8f6;
  border-radius: 999px;
  background: #f8fbff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(330px, 0.94fr);
  gap: 16px;
  align-items: start;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-column {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #dbe5ef;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-subhead h3 {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-subhead span {
  flex: 0 1 auto;
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  text-align: right;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inspector-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inspector-row {
  grid-template-columns: minmax(88px, 0.46fr) minmax(0, 1fr);
  gap: 6px 10px;
  padding: 8px 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inspector-row span {
  color: #607184;
  font-size: 11px;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inspector-row strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 750;
  text-align: left;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inline-notice {
  margin-top: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery [data-top1-order-delivery-form] {
  margin-top: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #dbe5ef;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-attention-form {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #dbe5ef;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-attention-form .top1-client-form-field {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-attention-form .top1-order-line-form-actions {
  margin-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-attention-suggestion {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 10px 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-attention-suggestion strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-attention-suggestion span {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit > summary {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid #d7e3f0;
  border-radius: 999px;
  background: #ffffff;
  color: #183b73;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  list-style: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit > summary::before {
  content: "+";
  margin-right: 7px;
  color: #2563eb;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit[open] > summary::before {
  content: "-";
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit-form {
  margin-top: 9px;
  padding: 12px;
  border: 1px solid #dbe6f2;
  border-radius: 12px;
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit-grid {
  gap: 8px 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist {
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist-row {
  gap: 10px;
  padding: 10px 12px;
  border-color: rgba(245, 158, 11, 0.24);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 251, 235, 0.98) 0%, rgba(255, 247, 237, 1) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 5px 12px rgba(245, 158, 11, 0.055);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist-row:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist-row:focus-within {
  border-color: rgba(245, 158, 11, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 8px 16px rgba(245, 158, 11, 0.085);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist-main strong {
  color: #8a4f07;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist-main span {
  color: #7c5d26;
  font-size: 12px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child > .top1-inline-notice,
.top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child > .top1-inline-note {
  margin: 0 0 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-inline-notice,
.top1-app-shell[data-top1-section="orders"] .top1-inline-note {
  border-radius: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover-wrap {
  position: absolute;
  z-index: 1200;
  top: 72px;
  left: 18px;
  width: min(620px, calc(100% - 36px));
  height: 0;
  margin: 0;
  overflow: visible;
  pointer-events: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: min(620px, 100%);
  min-height: 42px;
  margin: 0;
  padding: 10px 16px 10px 46px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow:
    0 18px 36px rgba(15, 23, 42, 0.12),
    0 2px 8px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  pointer-events: auto;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover::before {
  top: 9px;
  left: 14px;
  width: 24px;
  height: 24px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover::after {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover.is-success {
  border-color: rgba(34, 197, 94, 0.32);
  color: #15803d;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover.is-success::before {
  background: linear-gradient(180deg, #dcfce7 0%, #f0fdf4 100%);
  color: #16a34a;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notice-popover.is-error {
  border-color: rgba(239, 68, 68, 0.32);
  color: #b42318;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-panel,
.top1-app-shell[data-top1-section="orders"] .top1-order-line-form,
.top1-app-shell[data-top1-section="orders"] .top1-order-split-form,
.top1-app-shell[data-top1-section="orders"] [data-top1-order-delivery-form] {
  margin: 0 0 14px;
  padding: 16px;
  border: 1px solid #dae4ef;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 253, 0.99) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 12px 24px rgba(15, 23, 42, 0.04);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-panel .top1-card-header {
  margin-bottom: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-quick {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-extra {
  margin-top: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-extra-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-extra-list .top1-document-print-button {
  min-height: 31px;
  padding: 7px 10px;
  font-size: 11.5px;
}

.top1-app-shell[data-top1-section="orders"] .top1-document-print-button {
  justify-content: flex-start;
  padding: 10px 12px;
  border-color: #d7e3f0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color: #183b73;
}

.top1-app-shell[data-top1-section="orders"] .top1-document-print-button.is-stage-recommended {
  display: grid;
  border-color: #bfdbfe;
  background: #ffffff;
  color: #183b73;
}

.top1-app-shell[data-top1-section="orders"] .top1-document-print-button:hover,
.top1-app-shell[data-top1-section="orders"] .top1-document-print-button:focus-visible,
.top1-app-shell[data-top1-section="orders"] .top1-order-link:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-link:focus-visible {
  border-color: #bfd4ff;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.08);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-more {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-more > summary {
  width: fit-content;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  background: #f8fbff;
  color: #334155;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-table,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table,
.top1-app-shell[data-top1-section="orders"] .top1-orders-table {
  border-radius: 16px;
  border-color: #d8e3ef;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row,
.top1-app-shell[data-top1-section="orders"] .top1-orders-row {
  min-height: 54px;
  align-items: start;
  padding-top: 13px;
  padding-bottom: 13px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row-head,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row-head,
.top1-app-shell[data-top1-section="orders"] .top1-orders-row-head {
  background: linear-gradient(180deg, #f7fafc 0%, #eef4f9 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row strong {
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-title {
  display: grid;
  gap: 4px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-title span {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-performers {
  display: grid;
  gap: 5px;
  min-width: 0;
  margin-top: 4px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-performers-label {
  color: #475569;
  font-size: 10.8px;
  line-height: 1.15;
  font-weight: 820;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-performer-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  align-items: center;
  max-width: 100%;
  min-height: 24px;
  padding: 4px 7px;
  border: 1px solid rgba(22, 163, 74, 0.24);
  border-radius: 999px;
  background: #f0fdf4;
  color: #166534;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip em {
  min-width: 0;
  font-size: 11px;
  line-height: 1.1;
  font-style: normal;
  font-weight: 820;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip em {
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: #15803d;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip.is-suggested {
  border-color: rgba(37, 99, 235, 0.24);
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip.is-suggested em {
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip.is-missing {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fffbeb;
  color: #92400e;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performer-chip.is-missing em {
  color: #b45309;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions {
  display: grid;
  justify-items: start;
  gap: 6px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-secondary-button {
  min-height: 32px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-delete-form {
  margin: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-panel {
  width: min(100%, 190px);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-panel summary {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  list-style: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-panel summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-panel summary::marker {
  content: "";
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-form {
  gap: 8px;
  margin-top: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-grid {
  grid-template-columns: 1fr;
  gap: 7px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-grid label.is-wide {
  grid-column: auto;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-grid input {
  min-height: 32px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table.is-jobs .top1-order-link {
  white-space: normal;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-split-list {
  gap: 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-split-form {
  padding: 16px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-split-heading {
  margin-bottom: 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-split-heading strong {
  color: #0f172a;
  font-size: 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-split-heading span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-split-advanced {
  margin-top: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #dbe6f2;
  border-radius: 12px;
  background: #f8fbff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel > summary {
  cursor: pointer;
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border: 1px solid #d7e3f0;
  border-radius: 999px;
  background: #ffffff;
  color: #183b73;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  list-style: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel > summary::before {
  content: "+";
  margin-right: 7px;
  color: #2563eb;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel[open] > summary::before {
  content: "-";
}

.top1-app-shell[data-top1-section="orders"] .top1-order-performers-body {
  margin-top: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-header {
  align-items: center;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-header .top1-inline-badge.is-warning {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
  color: #b45309;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-header .top1-inline-badge.is-active {
  border-color: rgba(34, 197, 94, 0.28);
  background: #ecfdf5;
  color: #15803d;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #dbe6f2;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total strong {
  color: #0f172a;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total.is-warning {
  border-color: rgba(245, 158, 11, 0.34);
  background: linear-gradient(180deg, #fffbeb 0%, #fff7ed 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total.is-warning strong {
  color: #b45309;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total.is-active {
  border-color: rgba(34, 197, 94, 0.28);
  background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total.is-active strong {
  color: #15803d;
}

.top1-app-shell[data-top1-section="orders"] .top1-client-form-field span {
  color: #425466;
  font-size: 11.5px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-line-form .top1-app-button,
.top1-app-shell[data-top1-section="orders"] .top1-order-payment-form .top1-app-button,
.top1-app-shell[data-top1-section="orders"] [data-top1-order-delivery-form] .top1-app-button {
  min-height: 36px;
  border-radius: 10px;
  box-shadow: 0 12px 22px rgba(37, 99, 235, 0.14);
}

.top1-app-shell[data-top1-section="orders"] [data-top1-order-delivery-form] .top1-app-button:disabled {
  opacity: 1;
  border-color: #d5deea;
  background: linear-gradient(180deg, #eef2f7 0%, #e2e8f0 100%);
  color: #64748b;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail {
  padding-top: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 254, 0.98) 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail .top1-card-header {
  margin-bottom: 8px;
  padding-bottom: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail .top1-orders-search-form {
  margin-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-current {
  border-left: 3px solid #2563eb;
  box-shadow: inset 3px 0 0 #2563eb;
  outline: 2px solid rgba(37, 99, 235, 0.24);
  outline-offset: -2px;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-current-badge {
  justify-self: start;
  min-height: 32px;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row[data-top1-order-open-row][data-top1-order-can-open="1"] {
  cursor: pointer;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-new {
  background: #dbeafe;
  border-top-color: #60a5fa;
  box-shadow: inset 5px 0 0 #2563eb;
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-in-work {
  background: #ffedd5;
  border-top-color: #fb923c;
  box-shadow: inset 5px 0 0 #f97316;
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-waiting-parts {
  background: #ede9fe;
  border-top-color: #a78bfa;
  box-shadow: inset 5px 0 0 #7c3aed;
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-ready {
  background: #bbf7d0;
  border-top-color: #22c55e;
  box-shadow: inset 5px 0 0 #16a34a;
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-delivered {
  background: #e2e8f0;
  border-top-color: #64748b;
  box-shadow: inset 5px 0 0 #475569;
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-cancelled {
  background: #ffe4e6;
  border-top-color: #fb7185;
  box-shadow: inset 5px 0 0 #e11d48;
  color: #0f172a;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-new:hover {
  background: #bfdbfe;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-in-work:hover {
  background: #fed7aa;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-waiting-parts:hover {
  background: #ddd6fe;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-ready:hover {
  background: #86efac;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-delivered:hover {
  background: #cbd5e1;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-order-status-cancelled:hover {
  background: #fecdd3;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-empty-state {
  min-height: 160px;
  border-style: dashed;
  border-width: 1px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-performer-assignment {
  scroll-margin-top: 96px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts,
.top1-app-shell[data-top1-section="orders"] #top1-order-add-service,
.top1-app-shell[data-top1-section="orders"] #top1-order-add-parts,
.top1-app-shell[data-top1-section="orders"] #top1-order-close {
  scroll-margin-top: 96px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block {
  position: relative;
  display: block;
  min-width: 0;
  padding: 14px;
  border: 1px solid #d9e3ef;
  border-radius: 14px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 22px rgba(15, 23, 42, 0.03);
  scroll-margin-top: 96px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 3px;
  height: 24px;
  border-radius: 999px;
  background: #94a3b8;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block + .top1-order-work-block::after {
  content: "";
  position: absolute;
  top: -24px;
  left: -14px;
  right: -14px;
  height: 12px;
  border-top: 1px solid #cbd7e6;
  border-bottom: 1px solid #d7e1ee;
  background: #e3ebf4;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card {
  position: relative;
  display: grid;
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card::after,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-meta::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block + .top1-order-work-block::after {
  display: none;
  content: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card > .top1-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0;
  padding: 18px;
  border: 1px solid #d7e3f0;
  border-radius: 18px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 18px 34px rgba(15, 23, 42, 0.05);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card > .top1-card-header > div:first-child {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card > .top1-card-header p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  max-width: min(720px, 62vw);
  flex: 0 0 auto;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: 10px;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button.is-navigation {
  border-color: #dbe6f2;
  background: #f8fafc;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button.is-navigation:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button.is-navigation:focus-visible {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1e40af;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button.is-warning {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #9a3412;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button.is-positive {
  border-color: rgba(34, 197, 94, 0.3);
  background: #ecfdf5;
  color: #15803d;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover {
  position: relative;
  z-index: 60;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover > summary {
  list-style: none;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-summary {
  gap: 7px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-summary::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v5H7V3Zm-2 7h14a3 3 0 0 1 3 3v5h-4v3H6v-3H2v-5a3 3 0 0 1 3-3Zm3 7v2h8v-2H8Zm11-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v5H7V3Zm-2 7h14a3 3 0 0 1 3 3v5h-4v3H6v-3H2v-5a3 3 0 0 1 3-3Zm3 7v2h8v-2H8Zm11-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover {
  position: relative;
  z-index: 70;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover > summary {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 9px;
  list-style: none;
  cursor: pointer;
  white-space: normal;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-summary::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 2h8a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 3v14h8V5H8Zm3 13h2v1h-2v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 2h8a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 3v14h8V5H8Zm3 13h2v1h-2v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-summary span {
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.1;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-summary small {
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eaf2f8;
  color: #475569;
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover.is-connected .top1-order-client-app-summary small {
  background: #dcfce7;
  color: #047857;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover.is-waiting .top1-order-client-app-summary small,
.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover.is-loading .top1-order-client-app-summary small {
  background: #e0f2fe;
  color: #0369a1;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover.is-expired .top1-order-client-app-summary small {
  background: #fef3c7;
  color: #92400e;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover.is-error .top1-order-client-app-summary small {
  background: #fee2e2;
  color: #b91c1c;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1600;
  width: min(430px, calc(100dvw - 56px));
  max-width: min(430px, calc(100dvw - 56px));
  max-height: min(820px, calc(100dvh - 128px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.32);
  border-radius: 18px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 28px 72px rgba(15, 23, 42, 0.20);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover:not([open]) > .top1-order-client-app-popover-panel {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-panel::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 24px;
  width: 12px;
  height: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.32);
  border-left: 1px solid rgba(148, 163, 184, 0.32);
  background: #ffffff;
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-head strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-head span {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-panel .top1-client-app-link-head {
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-panel .top1-client-app-link-button {
  flex: 0 1 auto;
  width: auto;
  min-height: 32px !important;
  padding: 6px 12px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-panel .top1-client-app-code-panel {
  margin-top: 10px !important;
  background: rgba(248, 251, 255, 0.72) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-diagnostics-link {
  display: inline-flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 12px;
  background: #ffffff;
  color: #1d4ed8;
  font-size: 12.5px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background-color 140ms ease;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-diagnostics-link::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 13.2 6.8 8.8A3 3 0 0 1 9.6 7h4.8a3 3 0 0 1 2.8 1.8L19 13.2a2 2 0 0 1 2 2v2.3a1.5 1.5 0 0 1-1.5 1.5H18a2.5 2.5 0 0 1-4.6 0H10.6A2.5 2.5 0 0 1 6 19H4.5A1.5 1.5 0 0 1 3 17.5V15.2a2 2 0 0 1 2-2ZM8.5 10l-.9 2.2h8.8L15.5 10h-7Zm-.2 8a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Zm7.4 0a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 13.2 6.8 8.8A3 3 0 0 1 9.6 7h4.8a3 3 0 0 1 2.8 1.8L19 13.2a2 2 0 0 1 2 2v2.3a1.5 1.5 0 0 1-1.5 1.5H18a2.5 2.5 0 0 1-4.6 0H10.6A2.5 2.5 0 0 1 6 19H4.5A1.5 1.5 0 0 1 3 17.5V15.2a2 2 0 0 1 2-2ZM8.5 10l-.9 2.2h8.8L15.5 10h-7Zm-.2 8a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Zm7.4 0a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-diagnostics-link:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-client-app-diagnostics-link:focus-visible {
  border-color: rgba(37, 99, 235, 0.38);
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(37, 99, 235, 0.12);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1600;
  width: min(760px, calc(100dvw - 56px));
  max-height: min(76vh, 760px);
  overflow: auto;
  padding: 12px;
  border: 1px solid #d8e3ef;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.18);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover:not([open]) > .top1-order-print-popover-panel {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 24px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #d8e3ef;
  border-left: 1px solid #d8e3ef;
  background: #ffffff;
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents.is-in-print-popover {
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents.is-in-print-popover::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents.is-in-print-popover > summary {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0 0 10px;
  padding: 4px 0 10px;
  border-bottom: 1px solid #e8eef5;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents.is-in-print-popover > .top1-order-documents-panel {
  margin: 0;
  padding: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-stage,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-stage-head,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-more {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-stage-grid,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-quick {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-document-print-button,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-document-print-button.is-stage-recommended {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-document-print-button > *,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-stage-head > div,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-summary > *,
.top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel .top1-order-documents-more > summary {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-print-popover,
  .top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover {
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-print-popover > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover > summary {
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-print-popover-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-client-app-popover-panel {
    right: auto;
    left: 0;
    width: min(760px, 100%);
    max-width: 100%;
    max-height: 70vh;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #d7e3f0;
  border-radius: 14px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(108px, 1fr));
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 108px;
  min-height: 48px;
  padding: 9px 11px;
  border: 1px solid #dbe6f2;
  border-radius: 10px;
  background: #f8fafc;
  color: #526276;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
  font-size: 11px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step strong {
  min-width: 0;
  color: inherit;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-complete {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-complete span {
  background: #16a34a;
  color: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-current {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-current span {
  background: #2563eb;
  color: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-muted {
  opacity: .62;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-refusal {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-refusal span {
  background: #dc2626;
  color: #ffffff;
}

@media (max-width: 820px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-workflow-steps {
    grid-template-columns: repeat(6, minmax(106px, 1fr));
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-meta,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
  margin-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
  gap: 18px;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
    display: grid;
    align-content: start;
    gap: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-action-panel:not([open]),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-action-panel:not([open]),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-catalog-create:not([open]) {
    width: fit-content;
    max-width: 100%;
    margin-bottom: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-line-form-actions {
    margin-top: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-inline-notice,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-quiet-note {
    margin: 2px 0;
    padding: 0 0 0 10px;
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 11.5px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-split-list > .top1-order-action-panel:not([open]) {
    width: fit-content;
    max-width: 100%;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table {
    display: grid;
    gap: 8px;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row-head {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 6px 12px;
    min-height: 0;
    padding: 9px 12px;
    border: 1px solid #dbe6f2;
    border-radius: 12px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) {
    grid-template-columns: minmax(0, 1fr) minmax(76px, max-content) minmax(76px, max-content) minmax(0, max-content);
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head):has(.top1-team-edit-panel[open]) > div:nth-child(4) {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) {
    grid-template-columns: minmax(0, 1fr) minmax(46px, max-content) minmax(76px, max-content) minmax(76px, max-content) minmax(0, max-content);
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-empty-row {
    grid-template-columns: 1fr !important;
    min-height: 86px;
    align-content: center;
    border-style: dashed !important;
    background: #f8fbff !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-empty-row > div:first-child {
    color: #475569;
    font-weight: 800;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-empty-row > div:not(:first-child) {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div {
    display: grid;
    align-content: start;
    gap: 2px;
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div:not(:first-child),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div:not(:first-child) {
    justify-items: end;
    text-align: right;
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div::before,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div::before {
    display: none;
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Работа"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Цена"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Позиция"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Кол-во"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Цена"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(5)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-team-edit-panel {
    width: fit-content;
    max-width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-team-edit-panel:not([open]) {
    width: fit-content;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-team-edit-panel[open] {
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-team-edit-form {
    max-width: 360px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-clients-status {
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-subsection-header span,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-subsection-header span,
  .top1-app-shell[data-top1-section="orders"] .top1-order-performers-body > .top1-order-subsection-header {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-action-panel[open],
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-action-panel[open],
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-catalog-create[open] {
    padding: 10px;
    border-radius: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-action-panel > summary::before,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-action-panel > summary::before,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-catalog-create > summary::before {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-action-panel > .top1-order-line-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-action-panel > .top1-order-line-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-catalog-create > .top1-order-line-form {
    margin-bottom: 0;
    padding: 10px;
    border-radius: 12px;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel {
    padding: 0;
    border: 0;
    background: transparent;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card.top1-order-detail-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services {
  order: 10;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
  order: 20;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning {
  order: 30;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment {
  order: 40;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents {
  order: 50;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services::before {
  background: #10b981;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts::before {
  background: #f59e0b;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning::before {
  background: #64748b;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment::before {
  background: #22c55e;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents::before {
  background: #2563eb;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block > .top1-card-header:first-child,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block > .top1-order-documents-panel:first-child .top1-card-header {
  margin-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block > .top1-order-section-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block > .top1-order-subsection-header {
  margin-top: 0;
  padding-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-heading {
  align-items: center;
}

@keyframes top1-planner-calendar-panel-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-heading-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-parts-nav-action {
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
  overflow-anchor: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-app-content {
  overflow-anchor: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-anchor-alias {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-documents-panel,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-line-form,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-split-form,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-part-quote-bulk-form,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow [data-top1-order-delivery-form] {
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-summary {
  margin-bottom: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-summary span {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-documents-summary strong {
  color: #334155;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-inline-notice,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-inline-note {
  margin: 8px 0 10px;
  padding: 10px 14px 10px 18px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-inline-notice::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-inline-note::before {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-inline-notice::after,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-inline-note::after {
  top: 8px;
  bottom: 8px;
  left: 6px;
  width: 3px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-quiet-note {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-quiet-note::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-quiet-note::after {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-placeholder {
  overflow: auto;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-row {
  min-height: 48px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-row:not(.top1-table-row-head):hover {
  background: #f8fbff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-action-panel,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-catalog-create {
  margin-bottom: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-action-panel > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-catalog-create > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-inline-edit > summary {
  min-height: 32px;
  border-radius: 10px;
  background: #f8fbff;
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-card > .top1-card-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-header-actions {
    justify-content: flex-start;
    max-width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-summary-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-orders-search-form {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-quick {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-summary {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-debt-head {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel {
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-debt-payment-panel[open] > .top1-order-payment-form {
    right: auto;
    left: 0;
    width: 100%;
    max-width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-section-header,
  .top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-header-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-header-actions .top1-secondary-button {
    justify-content: center;
    width: 100%;
    white-space: normal;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-card:first-child,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-card:last-child {
    padding: 14px;
    border-radius: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-line-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-split-form,
  .top1-app-shell[data-top1-section="orders"] [data-top1-order-delivery-form] {
    padding: 14px;
    border-radius: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inspector-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-inspector-list,
  .top1-app-shell[data-top1-section="orders"] .top1-order-final-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inspector-list {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-note-row {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checklist-row {
    padding: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-quick {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row-head {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head),
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head),
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) {
    gap: 9px;
    padding: 13px 14px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head) > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div {
    display: grid;
    gap: 4px;
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head) > div::before,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div::before,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div::before {
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Документ"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Категория"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Контекст"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Работа"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Цена"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Позиция"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Кол-во"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Цена"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(5)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Статус"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Работа"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Интервал"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Ссылка"; }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Операция"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Основание"; }
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-payment .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Дата"; }

  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div:nth-child(1)::before { content: "Номер"; }
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div:nth-child(2)::before { content: "Клиент"; }
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div:nth-child(3)::before { content: "Автомобиль"; }
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div:nth-child(4)::before { content: "Открыт"; }
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div:nth-child(5)::before { content: "Закрыт"; }
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div:nth-child(6)::before { content: "Действия"; }
}

@media (max-width: 420px) {
  .top1-app-shell[data-top1-section="orders"] .top1-clients-summary-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis {
    grid-template-columns: 1fr;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card > .top1-card-header {
  padding: 12px 14px;
  border-radius: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis {
  gap: 6px;
  padding: 7px;
  border-radius: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-focus-tile {
  min-height: 48px;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 8px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-kpis .top1-focus-note {
  font-size: 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-meta {
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel {
  gap: 6px;
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-card-header {
  padding-bottom: 5px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-card-header h2 {
  font-size: 13px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel .top1-inspector-row {
  grid-template-columns: minmax(92px, 118px) minmax(0, 1fr);
  padding: 5px 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-card-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-inspector-list,
.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-order-state-edit {
  margin: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-card-header {
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-card-header .top1-inline-badge {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-inspector-list {
  grid-template-columns: repeat(2, minmax(0, max-content));
  justify-content: start;
  gap: 0 18px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-inspector-row {
  grid-template-columns: auto auto;
  gap: 6px;
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-state-edit > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-inline-edit > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-action-panel > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-performers-panel > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-order-catalog-create > summary {
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 7px;
  font-size: 11.5px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 9px 12px;
  border-radius: 10px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel .top1-card-header {
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel .top1-card-header h2 {
  font-size: 13px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-row span {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-note-row strong {
  font-size: 12px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block {
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block::before {
  top: 12px;
  height: 20px;
  width: 2px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-section-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header {
  padding-bottom: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-section-header h2,
.top1-app-shell[data-top1-section="orders"] .top1-order-subsection-header h2 {
  font-size: 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-row {
  min-height: 34px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-row > div {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-row span {
  font-size: 11px;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow .top1-table-row strong {
  font-size: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-grid {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-summary {
  gap: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total {
  min-height: 48px;
  padding: 8px 10px;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inspector-row {
  padding: 5px 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details > summary,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-collapsible > summary {
  cursor: pointer;
  list-style: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block > summary::-webkit-details-marker,
.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details > summary::-webkit-details-marker,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-collapsible > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block > summary::after,
.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details > summary::after,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-collapsible > summary::after {
  content: "+";
  margin-left: auto;
  color: #2563eb;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block[open] > summary::after,
.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details[open] > summary::after,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-collapsible[open] > summary::after {
  content: "-";
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block > summary,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-collapsible > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 0 6px;
  border-bottom: 1px solid #e3eaf3;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block:not([open]) > summary,
.top1-app-shell[data-top1-section="orders"] .top1-orders-history-collapsible:not([open]) > summary {
  padding-bottom: 0;
  border-bottom: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #dbe5ef;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #d7e3f0;
  border-radius: 7px;
  background: #f8fbff;
  color: #183b73;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-nested-details > .top1-table-placeholder {
  margin-top: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-collapsible-block .top1-order-documents-panel {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-planning-history-details > .top1-card-header {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail {
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail .top1-card-header {
  padding: 0;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
    min-height: 0;
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table {
    display: block;
    overflow: hidden;
    border: 1px solid #dbe6f2;
    border-radius: 8px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row-head {
    display: grid;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row {
    grid-template-columns: minmax(138px, 1fr) 68px 74px minmax(88px, 0.8fr);
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row {
    grid-template-columns: minmax(138px, 1fr) 46px 68px 74px minmax(72px, 0.7fr);
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) {
    display: grid;
    gap: 0;
    min-height: 36px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) + .top1-table-row:not(.top1-table-row-head),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) + .top1-table-row:not(.top1-table-row-head) {
    border-top: 1px solid #eef2f7;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div {
    display: block;
    padding: 8px 10px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div:not(:first-child),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div:not(:first-child) {
    text-align: right;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-empty-row {
    grid-template-columns: 1fr !important;
    min-height: 40px;
  }
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-state-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-card {
    gap: 10px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-state-panel .top1-inspector-list {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-notes-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-line-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-split-form,
  .top1-app-shell[data-top1-section="orders"] [data-top1-order-delivery-form] {
    padding: 10px 12px;
    border-radius: 10px;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #d7e3f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 20px rgba(15, 23, 42, 0.025);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-meta {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis {
  position: relative;
  z-index: 80;
  grid-template-columns:
    minmax(190px, 1.1fr)
    minmax(300px, 1.65fr)
    minmax(140px, 0.82fr)
    minmax(110px, 0.64fr)
    minmax(118px, 0.68fr)
    minmax(190px, 1.11fr);
  gap: 0;
  width: 100%;
  max-width: 100%;
  justify-self: stretch;
  overflow: visible;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis .top1-focus-tile {
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis .top1-focus-tile + .top1-focus-tile {
  border-left: 1px solid #e2e8f0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis .top1-focus-title {
  font-size: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis .top1-focus-note {
  font-size: 13px;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-status-tile .top1-order-tile-head {
  grid-template-columns: minmax(74px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-service-advisor-head.is-editable {
  grid-template-columns: auto minmax(0, 1fr);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-service-advisor-form {
  width: 248px;
  max-width: 100%;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary :is(.top1-order-kpi-opened, .top1-order-kpi-total, .top1-order-kpi-paid) {
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary :is(.top1-order-kpi-total, .top1-order-kpi-paid, .top1-order-debt-tile) .top1-focus-note {
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-head {
  align-items: center;
  grid-template-columns: minmax(44px, 1fr) auto;
  gap: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel > summary {
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-status-panel > summary {
  min-height: 24px;
  padding: 4px 24px 4px 8px;
  border-radius: 6px;
  font-size: 11px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-status-panel[open] > .top1-order-status-form {
  width: min(260px, calc(100dvw - 54px));
  padding: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary:has(.top1-order-action-panel[open]) {
  overflow: visible;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary:has(.top1-order-action-panel[open]) .top1-order-detail-kpis {
  z-index: 140;
  overflow: visible;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-meta {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel {
  gap: 5px;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header {
  min-height: 0;
  padding: 0 0 5px;
  border-bottom: 1px solid #eef2f7;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header h2 {
  font-size: 12.5px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-inspector-row {
  grid-template-columns: minmax(76px, 0.32fr) minmax(0, 1fr);
  gap: 5px 8px;
  padding: 4px 0;
  border-color: #eef2f7;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-inspector-row span {
  font-size: 10.5px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-inspector-row strong {
  font-size: 12px;
  line-height: 1.3;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-state-panel {
  grid-column: 1 / -1;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 7px 10px;
  background: #f8fbff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-state-panel .top1-card-header {
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-state-panel .top1-inspector-list {
  gap: 0 14px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-state-panel .top1-inspector-row {
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-state-edit {
  margin-top: 3px;
  padding-top: 5px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit:not([open]) {
  padding-top: 0;
  border-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-notes-panel {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fbfdff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-notes-panel .top1-card-header {
  margin: 0;
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-notes-panel .top1-card-header h2 {
  color: #183b73;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-notes-list,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-note-row {
  gap: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-note-flow-row {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-note-flow {
  gap: 4px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-note-flow strong {
  padding: 2px 6px;
  border-radius: 6px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-note-row strong {
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning:not([open]) {
  padding: 10px 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning[open] > .top1-table-placeholder {
  margin-top: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-planning:not([open])::before {
  height: 18px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final {
  padding: 10px 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-grid {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-subhead {
  margin-bottom: 8px;
  padding-bottom: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-summary {
  gap: 6px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-total {
  min-height: 42px;
  padding: 7px 9px;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checks-details {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checks-details[open] {
  padding-top: 8px;
  border-top: 1px dashed #dbe5ef;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-checks-details .top1-inspector-list {
  margin-top: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery .top1-inline-notice {
  margin: 8px 0 0;
  padding: 8px 10px 8px 14px;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-delivery [data-top1-order-delivery-form] {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-lines-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fbfdff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-lines-foot span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-lines-foot strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card > .top1-card-header {
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-debt-payment-panel,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-inline-edit,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-state-edit,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-primary-action,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-secondary-action,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-performers-panel,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-planning,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts > .top1-order-line-form-actions,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-quiet-note,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-part-quote-bulk-form,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-supplier-status-form,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-payment-history-details,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-delivery-checks-details,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view [data-top1-order-delivery-form],
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-orders-history-card.is-under-detail {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block {
  padding: 10px 12px;
  border-radius: 12px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block::before {
  top: 14px;
  height: 18px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary {
  gap: 10px;
  padding: 10px;
  border-radius: 12px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-flow {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-line-actions .top1-team-edit-panel {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-line-actions {
  justify-content: flex-end;
}

@media (min-width: 981px) {
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 0;
    align-items: stretch;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card > .top1-card-header {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    height: 68px;
    min-height: 68px;
    padding: 12px 16px;
    border-right: 0;
    border-radius: 12px 0 0 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card > .top1-card-header h2 {
    font-size: 18px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card > .top1-card-header p {
    margin-top: 4px;
    font-size: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card > .top1-inline-notice,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-flow {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary {
    gap: 6px;
    padding: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-kpis {
    border-radius: 7px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-kpis .top1-focus-tile {
    min-height: 36px;
    padding: 5px 8px;
    align-content: center;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-kpis .top1-focus-title {
    font-size: 9.5px;
    line-height: 1.1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-kpis .top1-focus-note {
    font-size: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-state-panel {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-meta {
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-panel {
    gap: 4px;
    padding: 7px 9px;
    border-radius: 7px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-panel .top1-card-header {
    padding-bottom: 4px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-panel .top1-card-header h2 {
    font-size: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-detail-panel .top1-inspector-row {
    padding: 3px 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-notes-panel {
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 8px;
    padding: 6px 8px;
    border-radius: 7px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-notes-panel .top1-card-header h2,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-note-flow strong,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary .top1-order-note-row strong {
    font-size: 11.5px;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-work-heading,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-work-heading {
    grid-column: 1;
    grid-row: 1;
    min-height: 32px;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-work-heading {
    display: flex;
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-work-heading .top1-order-heading-actions {
    flex-wrap: nowrap;
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-work-heading .top1-secondary-button {
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-primary-action:not([open]),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-secondary-action:not([open]) {
    align-self: start;
    margin-top: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-primary-action:not([open]) > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-secondary-action:not([open]) > summary {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-primary-action:not([open]),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-primary-action:not([open]) {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-secondary-action:not([open]) {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: end;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-primary-action:not([open]),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-secondary-action:not([open]) {
    align-self: start;
    margin-top: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-nav-action {
    grid-column: 4;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    min-height: 30px;
    color: #475569;
    font-weight: 700;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-nav-action:hover,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-nav-action:focus-visible {
    color: #1d4ed8;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-primary-action[open],
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-primary-action[open],
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-secondary-action[open] {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-lines-header,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-lines-header {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-lines-foot,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-lines-foot,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-performers-panel {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-detail-table {
    margin-top: 0;
    border-radius: 8px 8px 0 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-detail-table .top1-table-row > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-detail-table .top1-table-row > div {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-quiet-note {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-line-form-actions {
    grid-column: 1 / -1;
    margin: -2px 0 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-line-form-actions .top1-secondary-button {
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 11.5px;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) {
    grid-template-columns: minmax(0, 1fr) minmax(84px, max-content) minmax(92px, max-content) !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row > div:nth-child(4) {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-detail-table {
    gap: 0;
    border: 1px solid #dbe6f2;
    border-radius: 8px 8px 0 0;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-detail-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-detail-table .top1-table-row-head {
    display: grid;
    min-height: 36px;
    padding: 6px 10px;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    background: #f8fafc;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-detail-table .top1-table-row:not(.top1-table-row-head),
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) {
    min-height: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-detail-table .top1-table-row + .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-detail-table .top1-table-row + .top1-table-row {
    border-top: 1px solid #edf2f7;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-detail-table .top1-table-row > div,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-detail-table .top1-table-row > div {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-detail-table .top1-table-row-head > div,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-detail-table .top1-table-row-head > div {
    align-content: center;
    color: #475569;
    font-size: 10.5px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-services .top1-order-empty-row,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-empty-row {
    min-height: 48px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-part-lines-table:has(.top1-order-empty-row) .top1-table-row-head {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-parts .top1-order-part-lines-table:has(.top1-order-empty-row) .top1-order-empty-row {
    min-height: 42px;
    border-top: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final {
    padding: 8px 10px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-header {
    min-height: 28px;
    margin-bottom: 8px;
    padding-bottom: 4px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-header h2 {
    font-size: 16px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-header .top1-inline-badge {
    min-height: 24px;
    padding-inline: 9px;
    font-size: 11px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-final-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 12px;
    align-items: start;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-final-subhead {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #dbe6f2;
    border-radius: 8px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 30px;
    padding: 5px 8px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-total + .top1-order-payment-total {
    border-top: 0;
    border-left: 1px solid #edf2f7;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-total span {
    font-size: 10.5px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-total strong {
    font-size: 13px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-payment-total.is-warning {
    background: #fffbeb;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-final .top1-order-final-delivery .top1-inline-notice {
    margin-top: 0;
    padding: 7px 9px 7px 12px;
    border-left-width: 3px;
    border-radius: 7px;
    background: #fffafa;
    font-size: 11.5px;
    line-height: 1.35;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents {
    min-height: 0;
    padding: 0 !important;
    border-color: rgba(203, 213, 225, 0.72);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents::before {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents > summary {
    min-height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    border-bottom: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents > summary h2 {
    font-size: 16px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents > summary .top1-inline-badge {
    min-height: 24px;
    padding-inline: 9px;
    font-size: 11px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents > summary::after {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    margin-left: auto;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 14px;
    line-height: 1;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block-documents .top1-order-documents-panel {
    margin: 0;
    padding: 0 12px 12px;
  }
}

@media (min-width: 981px) {
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-card {
    color: #172033;
    font-size: 12.5px;
    line-height: 1.35;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail {
    border-color: #dfe7f0;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel {
    padding: 10px 12px;
    border-radius: 8px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header {
    min-height: 0;
    padding-bottom: 6px;
    border-bottom-color: #e8eef5;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header h2,
  .top1-app-shell[data-top1-section="orders"] .top1-order-section-header h2,
  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-header h2,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail .top1-card-header h2 {
    color: #111827;
    font-weight: 760;
    letter-spacing: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-inspector-row {
    min-height: 28px;
    padding: 5px 0;
    border-color: #e8eef5;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-inspector-row span {
    color: #667085;
    font-size: 11px;
    font-weight: 650;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-inspector-row strong {
    color: #111827;
    font-size: 12px;
    font-weight: 700;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-state-panel {
    min-height: 42px;
    padding: 9px 12px;
    border-color: #dfe7f0;
    border-radius: 8px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
    gap: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block {
    padding: 12px;
    border-radius: 10px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block::before {
    top: 13px;
    width: 2px;
    height: 20px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-heading,
  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-header,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail .top1-card-header {
    min-height: 30px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom-color: #e8eef5;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-heading h2,
  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-header h2,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-documents > summary h2,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail .top1-card-header h2 {
    font-size: 16px;
    line-height: 1.2;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-inline-badge,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-status {
    min-height: 22px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-action-panel:not([open]) > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-catalog-create:not([open]) > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-secondary-button {
    min-height: 30px;
    padding: 6px 10px;
    border-color: #d9e3ef;
    border-radius: 7px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 11.5px;
    font-weight: 720;
    line-height: 1.2;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-secondary-button.is-danger {
    border-color: #f1c9c9;
    background: #fff8f8;
    color: #b42318;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-table {
    overflow: hidden;
    border: 1px solid #dfe7f0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-orders-table {
    overflow: visible;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row {
    min-height: 42px;
    padding: 8px 10px;
    border-color: #edf2f7;
    color: #172033;
    font-size: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row-head,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row-head {
    min-height: 34px;
    background: #f4f7fb;
    color: #475569;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row-head > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row-head > div,
  .top1-app-shell[data-top1-section="orders"] .top1-orders-row-head > div {
    color: #475569;
    font-size: 10.5px;
    font-weight: 760;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row strong,
  .top1-app-shell[data-top1-section="orders"] .top1-order-documents-table .top1-table-row strong {
    color: #111827;
    font-size: 12px;
    font-weight: 720;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-line-title {
    gap: 2px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-line-title span,
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-table .top1-table-row span {
    color: #667085;
    font-size: 11px;
    line-height: 1.3;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-line-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-team-edit-panel summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-line-actions .top1-secondary-button {
    min-height: 28px;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 11px;
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-lines-foot {
    min-height: 34px;
    margin-top: 0;
    padding: 8px 10px;
    border: 1px solid #dfe7f0;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #fbfdff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-lines-foot span {
    color: #667085;
    font-size: 11px;
    font-weight: 700;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-lines-foot strong {
    color: #111827;
    font-size: 13px;
    font-weight: 760;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-empty-row {
    min-height: 46px !important;
    background: #f8fbff !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final {
    padding: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-summary {
    gap: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-total {
    min-height: 48px;
    padding: 9px 10px;
    border-color: #dfe7f0;
    border-radius: 8px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-total span {
    color: #667085;
    font-size: 10.5px;
    font-weight: 720;
    letter-spacing: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-payment-total strong {
    font-size: 15px;
    font-weight: 760;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-inline-notice {
    border-color: #f5c2c2;
    background: #fff8f8;
    color: #b42318;
    font-size: 11.5px;
    line-height: 1.35;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
    min-height: 232px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) {
    grid-template-columns: minmax(0, 1fr) 66px 78px 170px !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) {
    grid-template-columns: minmax(0, 1fr) 50px 66px 78px 170px !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row > div:nth-child(4) {
    display: flex !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 14px;
  }
}

@media (min-width: 981px) {
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main {
    gap: 10px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-document-summary {
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f8fbff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-document-summary .top1-order-detail-kpis {
    overflow: visible;
    border: 1px solid #e1e9f2;
    border-radius: 8px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-document-summary .top1-order-detail-kpis .top1-focus-tile {
    min-height: 38px;
    gap: 2px;
    padding: 6px 10px;
    background: #ffffff;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-document-summary .top1-order-detail-kpis .top1-focus-title {
    color: #667085;
    font-size: 10px;
    font-weight: 720;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-document-summary .top1-order-detail-kpis .top1-focus-note {
    color: #111827;
    font-size: 12px;
    font-weight: 760;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-document-summary .top1-order-detail-meta {
    gap: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-state-panel {
    min-height: 36px;
    padding: 7px 10px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block {
    padding: 10px;
    border-radius: 9px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block::before {
    top: 12px;
    height: 18px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-heading,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-payment-header,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-documents > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-orders-history-card.is-under-detail .top1-card-header {
    min-height: 28px;
    margin-bottom: 7px;
    padding-bottom: 7px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-heading h2,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-payment-header h2,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-documents > summary h2,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-orders-history-card.is-under-detail .top1-card-header h2 {
    font-size: 15px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-detail-table .top1-table-row {
    min-height: 38px;
    padding: 7px 9px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-detail-table .top1-table-row-head {
    min-height: 31px;
    background: #f6f8fb;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-detail-table .top1-table-row-head > div {
    color: #536176;
    font-size: 10px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-detail-table .top1-table-row strong,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-line-title strong {
    font-size: 11.5px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-line-title span,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-detail-table .top1-table-row span {
    font-size: 10.5px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-lines-foot {
    min-height: 30px;
    padding: 7px 9px;
    background: #fbfcfe;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-lines-foot strong {
    font-size: 12.5px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-final {
    padding: 10px 12px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-final .top1-order-final-subhead {
    min-height: 24px;
    margin-bottom: 6px;
    padding-bottom: 5px;
    border-bottom-color: #edf2f7;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-payment-total {
    min-height: 42px;
    padding: 8px 9px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-payment-total strong {
    font-size: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-final .top1-inline-notice {
    padding: 8px 10px;
    border-color: #f2b8b5;
    background: #fffafa;
    color: #b42318;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-documents,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-orders-history-card.is-under-detail {
    padding: 10px 12px;
    border-radius: 9px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-documents > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-orders-history-card.is-under-detail .top1-card-header {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-services,
  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-parts {
    align-self: stretch;
    height: 100%;
    min-height: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-work-block-final .top1-order-final-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="orders"] .top1-clients-main .top1-order-line-actions {
    flex-wrap: nowrap;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create {
    display: contents;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel[open],
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel[open],
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create[open] {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create > summary {
    grid-row: 1;
    align-self: start;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel > summary {
    grid-column: 2;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel > summary {
    grid-column: 2;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create > summary {
    grid-column: 3;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel[open] > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel[open] > summary,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create[open] > summary {
    border-color: #9bbcff;
    background: #eef5ff;
    color: #174ea6;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel > .top1-order-line-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel > .top1-order-line-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create > .top1-order-line-form {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 4px 0 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-nav-action {
    grid-column: 4;
    grid-row: 1;
    align-self: start;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > details.top1-order-action-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-action-panel,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-catalog-create {
    display: block;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-disclosure-trigger {
    grid-row: 1;
    align-self: start;
    justify-self: end;
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-selection-trigger {
    grid-column: 2;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-stock-trigger {
    grid-column: 2;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-supplier-trigger {
    grid-column: 3;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-quote-trigger {
    grid-column: 4;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-parts-catalog-trigger {
    grid-column: 5;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-stock-trigger {
    grid-column: 3;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-supplier-trigger {
    grid-column: 4;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-quote-trigger {
    grid-column: 5;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-catalog-trigger {
    grid-column: 6;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > .top1-order-disclosure-trigger.is-active {
    border-color: #9bbcff;
    background: #eef5ff;
    color: #174ea6;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-controlled-disclosure:not([open]) {
    display: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-controlled-disclosure[open] {
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 4px 0 8px;
    padding: 10px;
    border: 1px solid #dbe6f2;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-controlled-disclosure > summary {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts > details.top1-order-controlled-disclosure > .top1-order-line-form {
    width: 100%;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    box-shadow: none;
  }
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 76px 88px 170px !important;
    column-gap: 0;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 9px !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px 76px 88px 170px !important;
    column-gap: 0;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 9px !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row > div {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row > div:first-child,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row > div:first-child {
    padding-left: 0;
    text-align: left;
    justify-items: start;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row > div:nth-child(n+2),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row > div:nth-child(n+2) {
    justify-items: end;
    text-align: right;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row > div:nth-child(4),
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row > div:nth-child(5) {
    padding-right: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row-head > div,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row-head > div {
    display: block;
    align-self: center;
    white-space: nowrap;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div::before,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div::before {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis .top1-focus-tile:nth-child(4) {
    border-left: 0;
  }
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-meta,
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-state-panel {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-notes-panel {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary {
    padding: 8px;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-kpis .top1-focus-tile:nth-child(odd) {
    border-left: 0;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-inspector-row {
    grid-template-columns: minmax(72px, 0.34fr) minmax(0, 1fr);
  }
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final {
  display: grid;
  gap: 12px;
  padding: 14px 16px 16px;
  border-color: #d8e3ef;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final::before {
  top: 15px;
  width: 2px;
  height: 22px;
  background: #10b981;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 34px;
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #e8eef5;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-header h2 {
  color: #111827;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 820;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-header .top1-inline-badge {
  justify-self: end;
  min-height: 28px;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  line-height: 1.2;
  text-align: right;
  white-space: normal;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-grid {
  grid-template-columns: minmax(0, 0.96fr) minmax(360px, 1.04fr);
  gap: 0;
  align-items: stretch;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-column {
  display: grid;
  align-content: start;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-payment {
  padding-right: 16px;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-delivery {
  padding-left: 16px;
  border-left: 1px solid #e8eef5;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-subhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-height: 24px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-subhead h3 {
  margin: 0;
  color: #111827;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 820;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-subhead span {
  min-width: 0;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 750;
  text-align: right;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #dfe7f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total {
  display: grid;
  gap: 4px;
  min-height: 52px;
  padding: 10px 12px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total + .top1-order-payment-total {
  border-left: 1px solid #edf2f7;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total span {
  color: #667085;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 720;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total strong {
  color: #111827;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 780;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total.is-warning {
  background: #fffbeb;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total.is-warning strong {
  color: #b45309;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total.is-active {
  background: #f0fdf4;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total.is-active strong {
  color: #15803d;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #dfe7f0;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #edf2f7;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-head strong {
  color: #111827;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 820;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-head span {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 650;
  text-align: right;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-groups {
  display: grid;
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-group {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #e6edf5;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.88);
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-title,
.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-total {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-title strong {
  min-width: 0;
  color: #1f2937;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-title span,
.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row > strong,
.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-total strong {
  color: #111827;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 820;
  text-align: right;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(74px, auto) minmax(82px, auto);
  gap: 8px;
  align-items: start;
  padding-top: 6px;
  border-top: 1px dashed #e2e8f0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row div strong {
  min-width: 0;
  color: #111827;
  font-size: 11.8px;
  line-height: 1.25;
  font-weight: 780;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row div span,
.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row > span,
.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-empty {
  min-width: 0;
  color: #667085;
  font-size: 10.8px;
  line-height: 1.28;
  font-weight: 650;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row > span {
  text-align: right;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-empty {
  padding-top: 6px;
  border-top: 1px dashed #e2e8f0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-total {
  padding: 10px 11px;
  border: 1px solid #c7d2fe;
  border-radius: 9px;
  background: #eef2ff;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-total span {
  color: #3730a3;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 820;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-total strong {
  color: #1e1b4b;
  font-size: 14px;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-nested-details {
  margin-top: 10px;
  padding-top: 0;
  border-top: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-nested-details > summary {
  min-height: 30px;
  padding: 6px 10px;
  border-color: #d9e3ef;
  border-radius: 8px;
  background: #ffffff;
  color: #1d4ed8;
  font-size: 11.5px;
  font-weight: 760;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-delivery-checks-details {
  margin-top: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-delivery .top1-inline-notice {
  position: relative;
  margin: 10px 0 0;
  padding: 10px 12px 10px 34px;
  border: 1px solid rgba(245, 158, 11, 0.36);
  border-left: 3px solid #f59e0b;
  border-radius: 10px;
  background: #fffaf0;
  color: #92400e;
  font-size: 11.5px;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-delivery .top1-inline-notice::before {
  content: "!";
  position: absolute;
  top: 10px;
  left: 12px;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: #f59e0b;
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final [data-top1-order-delivery-form] {
  margin: 10px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final [data-top1-order-delivery-form] .top1-client-form-actions {
  justify-content: flex-start;
  margin-top: 0;
}

.top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final [data-top1-order-delivery-form] .top1-app-button {
  min-height: 36px;
  border-radius: 9px;
  box-shadow: none;
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-header .top1-inline-badge {
    justify-self: start;
    text-align: left;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-payment {
    padding-right: 0;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-delivery {
    padding-top: 12px;
    padding-left: 0;
    border-top: 1px solid #e8eef5;
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final {
    padding: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-summary {
    grid-template-columns: 1fr;
    border-radius: 9px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-payment-total + .top1-order-payment-total {
    border-top: 1px solid #edf2f7;
    border-left: 0;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown {
    padding: 10px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-head {
    display: grid;
    gap: 3px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-head span {
    text-align: left;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row > span,
  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final .top1-order-final-breakdown-row > strong {
    text-align: left;
  }

  .top1-app-shell[data-top1-section="orders"] :is(.top1-clients-main, .top1-clients-main.is-order-clean-view) .top1-order-work-block-final [data-top1-order-delivery-form] .top1-app-button {
    justify-content: center;
    width: 100%;
  }
}

@keyframes top1-planner-now-pulse-override {
  0% {
    box-shadow:
      0 0 0 0 rgba(239, 68, 68, 0.24),
      0 10px 22px rgba(239, 68, 68, 0.18);
  }
  70% {
    box-shadow:
      0 0 0 10px rgba(239, 68, 68, 0),
      0 10px 22px rgba(239, 68, 68, 0.14);
  }
  100% {
    box-shadow:
      0 0 0 0 rgba(239, 68, 68, 0),
      0 10px 22px rgba(239, 68, 68, 0.18);
  }
}

.top1-planner-time-header {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  background:
    radial-gradient(circle at top center, rgba(37, 99, 235, 0.06), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, #eef4fb 100%);
  box-shadow:
    inset 0 -1px 0 rgba(203, 213, 225, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-planner-time-tick {
  top: 8px;
  min-width: 44px;
  height: 22px;
  padding: 0 9px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.96) 100%);
  font-size: 10.5px;
  font-weight: 800;
  box-shadow:
    0 4px 10px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  letter-spacing: 0.01em;
}

.top1-planner-time-tick::after {
  top: 24px;
  height: 7px;
  background: rgba(37, 99, 235, 0.22);
}

.top1-planner-time-tick.is-start,
.top1-planner-time-tick.is-end {
  min-width: 48px;
}

.top1-planner-now-line {
  width: 3px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ff4d6d 8%, #ff003d 42%, #c4002f 100%);
  box-shadow: none;
}

.top1-planner-now-line::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(255, 255, 255, 0.96);
  border-radius: 50%;
  background: #ef4444;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 3px rgba(255, 0, 61, 0.10),
    0 5px 12px rgba(190, 18, 60, 0.18);
}

.top1-planner-now-line span {
  top: -38px;
  min-width: 62px;
  height: 28px;
  gap: 6px;
  padding: 0 11px;
  border: 1px solid rgba(248, 113, 113, 0.42);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 245, 245, 0.98) 100%);
  color: #b91c1c;
  font-weight: 800;
  box-shadow: none;
  animation: none;
}

.top1-planner-now-line span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff003d;
  box-shadow: none;
}

.top1-planner-now-line span::after {
  content: "";
  left: 50%;
  top: calc(100% - 1px);
  width: 2px;
  min-width: 0;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 0, 61, 0.82), rgba(255, 0, 61, 0));
  transform: translateX(-50%);
  box-shadow:
    0 4px 10px rgba(255, 0, 61, 0.14);
}

/* Planner page surface contrast pass. */
.top1-app-shell[data-top1-section="planner"] .top1-app-content {
  background:
    linear-gradient(180deg, #eef4fa 0%, #f6f9fc 46%, #edf4f8 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-workspace {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(247, 250, 252, 0.82) 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-shell {
  color: #0f172a;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-toolbar {
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.085), rgba(20, 184, 166, 0.06) 48%, rgba(255, 255, 255, 0.84)),
    linear-gradient(180deg, #ffffff 0%, #f1f6fb 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 10px 24px rgba(15, 23, 42, 0.075);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-kpi-card {
  border-color: rgba(var(--top1-kpi-rgb), 0.38);
  background:
    linear-gradient(90deg, rgba(var(--top1-kpi-rgb), 0.12) 0%, rgba(var(--top1-kpi-rgb), 0.035) 48%, rgba(255, 255, 255, 0.86) 100%),
    linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 9px 18px rgba(15, 23, 42, 0.07);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-kpi-card::before {
  height: 3px;
  opacity: 0.86;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-kpi-icon {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(var(--top1-kpi-rgb), 0.12) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(var(--top1-kpi-rgb), 0.24),
    0 7px 16px rgba(var(--top1-kpi-rgb), 0.12);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-kpi-label {
  color: #334155;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-kpi-note {
  color: #475569;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-board {
  border-color: #aebed0;
  background:
    linear-gradient(90deg, #f8fbff 0, #f8fbff calc(var(--top1-planner-posts-width) + 1px), #9fb2c7 calc(var(--top1-planner-posts-width) + 1px), #d4e1ee calc(var(--top1-planner-posts-width) + 7px), #f3f7fb calc(var(--top1-planner-posts-width) + 7px)),
    #f3f7fb;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 16px 34px rgba(15, 23, 42, 0.105);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-posts-column {
  border-right-color: #97aabd;
  background: linear-gradient(180deg, #f8fbff 0%, #edf4fa 100%);
  box-shadow:
    4px 0 14px rgba(15, 23, 42, 0.075),
    inset -1px 0 0 rgba(255, 255, 255, 0.62);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-posts-header,
.top1-app-shell[data-top1-section="planner"] .top1-planner-time-header {
  border-bottom-color: #aebed0;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5fb 100%);
  color: #1e293b;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-posts-header {
  color: #0f172a;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-post-row {
  border-bottom-color: #c3d2e1;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--top1-post-accent) 24%, transparent) 0, color-mix(in srgb, var(--top1-post-accent) 24%, transparent) 4px, transparent 4px),
    linear-gradient(180deg, #fbfdff 0%, #eef5fb 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-post-row:nth-child(even) {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--top1-post-accent) 22%, transparent) 0, color-mix(in srgb, var(--top1-post-accent) 22%, transparent) 4px, transparent 4px),
    linear-gradient(180deg, #f5f9fc 0%, #eaf2f8 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-post-main {
  border-color: color-mix(in srgb, var(--top1-post-accent) 28%, #b8c8da);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(240, 246, 252, 0.98) 100%),
    linear-gradient(135deg, var(--top1-post-accent-soft) 0%, rgba(255, 255, 255, 0) 62%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 18px rgba(15, 23, 42, 0.07);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-post-load {
  background: #d7e3ef;
  box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.18);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-timeline {
  background:
    linear-gradient(180deg, #edf4fa 0%, #f7fafc 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-time-header {
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5fb 54%, #dce8f4 100%);
  box-shadow:
    inset 0 -1px 0 rgba(100, 116, 139, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-time-header::before {
  background-image:
    linear-gradient(to right, rgba(71, 85, 105, 0.34) 1px, transparent 1px),
    linear-gradient(to right, rgba(100, 116, 139, 0.18) 1px, transparent 1px);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-time-tick {
  border-color: rgba(100, 116, 139, 0.34);
  background:
    linear-gradient(180deg, #ffffff 0%, #eaf2fb 100%);
  color: #1e293b;
  box-shadow:
    0 6px 14px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-grid-row {
  background:
    linear-gradient(180deg, #f7fafc 0%, #edf4fa 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-grid-row:nth-child(even) {
  background:
    linear-gradient(180deg, #f1f6fb 0%, #e9f1f7 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-grid-row-bg {
  background-image:
    linear-gradient(to right, rgba(71, 85, 105, 0.30) 1px, transparent 1px),
    linear-gradient(to right, rgba(100, 116, 139, 0.18) 1px, transparent 1px),
    linear-gradient(to bottom, transparent calc(100% - 1px), rgba(100, 116, 139, 0.32) calc(100% - 1px)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 42%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-grid-row:hover .top1-planner-grid-row-bg {
  background-color: rgba(20, 184, 166, 0.055);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-queue {
  border-color: #aebed0;
  border-top-color: #2563eb;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.09), rgba(20, 184, 166, 0.055) 52%, rgba(255, 255, 255, 0.84)),
    linear-gradient(180deg, #ffffff 0%, #f1f6fb 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 14px 30px rgba(15, 23, 42, 0.085);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-queue-head h2 {
  color: #0f172a;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-queue-empty {
  border-color: #b8c8da;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(238, 245, 251, 0.96) 100%);
  color: #475569;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(15, 23, 42, 0.055);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-queue-empty-card {
  border-color: #b8c8da;
  background: linear-gradient(180deg, #ffffff 0%, #edf4fa 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-queue-empty-card::before {
  background: #94a3b8;
}

/* Planner filter/settings popover contrast pass. */
.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel {
  --top1-planner-panel-accent: #2563eb;
  --top1-planner-panel-accent-strong: #1d4ed8;
  --top1-planner-panel-accent-soft: rgba(37, 99, 235, 0.13);
  --top1-planner-panel-accent-faint: rgba(37, 99, 235, 0.075);
  --top1-planner-panel-secondary: #14b8a6;
  border-color: rgba(37, 99, 235, 0.34);
  background:
    linear-gradient(180deg, #f7fbff 0%, #ffffff 34%, #f3f8fc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 30px 74px rgba(15, 23, 42, 0.24),
    0 10px 22px var(--top1-planner-panel-accent-faint);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel {
  --top1-planner-panel-accent: #0f766e;
  --top1-planner-panel-accent-strong: #115e59;
  --top1-planner-panel-accent-soft: rgba(15, 118, 110, 0.14);
  --top1-planner-panel-accent-faint: rgba(15, 118, 110, 0.08);
  --top1-planner-panel-secondary: #7c3aed;
  border-color: rgba(15, 118, 110, 0.34);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel::before,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background:
    linear-gradient(90deg, var(--top1-planner-panel-accent), var(--top1-planner-panel-secondary));
  pointer-events: none;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-popover-head,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-popover-head {
  border-bottom-color: rgba(100, 116, 139, 0.28);
  background:
    linear-gradient(90deg, var(--top1-planner-panel-accent-soft), rgba(20, 184, 166, 0.08) 52%, rgba(255, 255, 255, 0.92));
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-popover-head h2,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-popover-head h2 {
  color: #0b1220;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-popover-head p,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-popover-head p {
  color: #40516a;
  font-weight: 650;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-icon-button.is-close,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-icon-button.is-close {
  border-color: rgba(100, 116, 139, 0.32);
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5fb 100%);
  color: var(--top1-planner-panel-accent-strong);
  box-shadow: 0 8px 18px var(--top1-planner-panel-accent-faint);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-field,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-field,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card-form label,
.top1-app-shell[data-top1-section="planner"] .top1-planner-bay-visible-toggle {
  border-color: rgba(100, 116, 139, 0.28);
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 7px 16px rgba(15, 23, 42, 0.055);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-field label,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-field label,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card-form label > span,
.top1-app-shell[data-top1-section="planner"] .top1-planner-bay-visible-toggle > span {
  color: #334155;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel :is(input, select, textarea),
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel :is(input, select, textarea) {
  border-color: rgba(100, 116, 139, 0.46);
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  color: #0f172a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 1px 0 rgba(15, 23, 42, 0.04);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel :is(input, select, textarea):focus,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel :is(input, select, textarea):focus {
  border-color: var(--top1-planner-panel-accent);
  box-shadow:
    0 0 0 3px var(--top1-planner-panel-accent-soft),
    0 8px 18px var(--top1-planner-panel-accent-faint);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-search-field input[type="search"] {
  border-color: rgba(37, 99, 235, 0.36);
  background:
    linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-search-field::before {
  border-color: var(--top1-planner-panel-accent);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-search-field::after {
  background: var(--top1-planner-panel-accent);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-live {
  border-color: rgba(37, 99, 235, 0.30);
  background:
    linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
  color: #334155;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-result {
  border-color: rgba(148, 163, 184, 0.26);
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.045);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-result:hover,
.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-result:focus-visible,
.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-result.is-primary {
  border-color: rgba(37, 99, 235, 0.42);
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.11), rgba(20, 184, 166, 0.06)),
    #ffffff;
  box-shadow:
    inset 3px 0 0 #2563eb,
    0 9px 18px rgba(37, 99, 235, 0.10);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-issue-pills {
  border-top-color: rgba(100, 116, 139, 0.24);
  background:
    linear-gradient(180deg, #f8fbff 0%, #edf4fa 100%);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-issue-pills .top1-planner-action-pill {
  border-color: rgba(100, 116, 139, 0.30);
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%);
  color: #334155;
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.05);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-issue-pills .top1-planner-action-pill.is-active,
.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-issue-pills .top1-planner-action-pill:hover,
.top1-app-shell[data-top1-section="planner"] .top1-planner-filter-panel .top1-planner-issue-pills .top1-planner-action-pill:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  background:
    linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-utilities-panel .top1-planner-utility-card {
  border-color: rgba(15, 118, 110, 0.26);
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.075), rgba(124, 58, 237, 0.055) 46%, rgba(255, 255, 255, 0.88)),
    linear-gradient(180deg, #ffffff 0%, #f5f9fb 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 22px rgba(15, 23, 42, 0.075);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-utility-card h3 {
  color: #0f172a;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card {
  border-color: rgba(100, 116, 139, 0.30);
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9fb 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 7px 16px rgba(15, 23, 42, 0.06);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card[open] {
  border-color: rgba(15, 118, 110, 0.38);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card summary {
  background:
    linear-gradient(90deg, rgba(15, 118, 110, 0.07), rgba(255, 255, 255, 0.88));
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card[open] summary {
  border-bottom-color: rgba(100, 116, 139, 0.26);
  background:
    linear-gradient(90deg, rgba(15, 118, 110, 0.13), rgba(124, 58, 237, 0.07) 58%, rgba(255, 255, 255, 0.94));
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-summary-meta span,
.top1-app-shell[data-top1-section="planner"] .top1-planner-availability-badge {
  border-color: rgba(100, 116, 139, 0.30);
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5fb 100%);
  color: #334155;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-availability-badge.is-available {
  border-color: rgba(5, 150, 105, 0.34);
  background: #ecfdf5;
  color: #047857;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-availability-badge.is-unavailable {
  border-color: rgba(217, 119, 6, 0.36);
  background: #fff7ed;
  color: #b45309;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-utility-card .top1-secondary-button,
.top1-app-shell[data-top1-section="planner"] .top1-planner-block-form .top1-secondary-button,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card .top1-secondary-button {
  border-color: rgba(15, 118, 110, 0.34);
  background:
    linear-gradient(180deg, #ffffff 0%, #eef7f6 100%);
  color: #115e59;
  box-shadow: 0 6px 14px rgba(15, 118, 110, 0.08);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-utility-card .top1-secondary-button:hover,
.top1-app-shell[data-top1-section="planner"] .top1-planner-block-form .top1-secondary-button:hover,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card .top1-secondary-button:hover,
.top1-app-shell[data-top1-section="planner"] .top1-planner-utility-card .top1-secondary-button:focus-visible,
.top1-app-shell[data-top1-section="planner"] .top1-planner-block-form .top1-secondary-button:focus-visible,
.top1-app-shell[data-top1-section="planner"] .top1-planner-shift-card .top1-secondary-button:focus-visible {
  border-color: rgba(15, 118, 110, 0.52);
  background: #ccfbf1;
  color: #0f766e;
}

/* TOP1 release-polish: fewer empty notices, cleaner repair-plan actions. */
.top1-inline-notice:empty,
.top1-inline-note:empty {
  display: none;
}

.top1-app-button:disabled,
.top1-secondary-button:disabled,
button[disabled] {
  cursor: not-allowed;
  opacity: 0.56;
  box-shadow: none;
}

.top1-repair-action-row form {
  margin: 0;
}

.top1-repair-action-row .top1-repair-muted-note {
  flex: 1 1 220px;
  min-width: 220px;
  color: var(--top1-muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.top1-repair-final-actions .top1-inline-notice {
  margin-top: 12px;
}

@media (max-width: 720px) {
  .top1-repair-action-row {
    justify-content: stretch;
  }

  .top1-repair-action-row form,
  .top1-repair-action-row button,
  .top1-repair-action-row .top1-app-button,
  .top1-repair-action-row .top1-secondary-button {
    width: 100%;
  }

  .top1-repair-action-row .top1-repair-muted-note {
    min-width: 0;
    width: 100%;
  }
}


/* TOP1 stage-2 polish: calmer actions, safer long text, cleaner mobile cards. */
.top1-app-button:disabled:hover,
.top1-secondary-button:disabled:hover,
button[disabled]:hover {
  transform: none;
  filter: none;
}

.top1-app-shell input,
.top1-app-shell textarea,
.top1-app-shell select,
.top1-table-row,
.top1-inspector-row,
.top1-focus-tile,
.top1-content-card {
  min-width: 0;
}

.top1-inspector-row strong,
.top1-order-line-title strong,
.top1-order-line-title small,
.top1-repair-plan-card,
.top1-repair-boundary-note,
.top1-inline-notice {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.top1-repair-action-row {
  align-items: stretch;
}

.top1-repair-action-row form {
  display: flex;
}

.top1-repair-action-row form > button {
  min-height: 40px;
}

.top1-repair-status.is-approved::before {
  content: "\2713";
  margin-right: 5px;
}

.top1-repair-status.is-cancelled::before {
  content: "\00d7";
  margin-right: 5px;
}

@media (max-width: 720px) {
  .top1-repair-plan-card-top,
  .top1-repair-detail-header,
  .top1-repair-final-actions {
    align-items: stretch;
  }

  .top1-repair-header-actions > *,
  .top1-repair-action-row > *,
.top1-repair-action-row form > button {
  width: 100%;
}

.top1-repair-convert-check {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.top1-repair-convert-check input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  accent-color: #2563eb !important;
}
}

/* Stage 3: explicit first-owner setup card. */
.top1-login-window-setup {
  --top1-login-window-max: 460px;
}

.top1-first-owner-setup {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.74), rgba(15, 23, 42, 0.52));
  box-shadow: 0 18px 38px rgba(2, 6, 23, 0.18);
}

.top1-first-owner-setup-head {
  display: grid;
  gap: 5px;
  margin-bottom: 12px;
}

.top1-first-owner-setup-head strong {
  color: #f8fafc;
  font-size: 15px;
  letter-spacing: -0.01em;
}

.top1-first-owner-setup-head span {
  color: rgba(226, 232, 240, 0.78);
  font-size: 12px;
  line-height: 1.45;
}

.top1-first-owner-setup-form {
  display: grid;
  gap: 9px;
}

.top1-first-owner-setup-form label {
  color: rgba(226, 232, 240, 0.88);
  font-size: 12px;
  font-weight: 700;
}

.top1-first-owner-setup-form input[type="text"] {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 12px;
  padding: 9px 11px;
  background: rgba(15, 23, 42, 0.82);
  color: #f8fafc;
  outline: none;
}

.top1-first-owner-setup-form input[type="text"]:focus {
  border-color: rgba(248, 113, 113, 0.72);
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.14);
}

.top1-first-owner-setup-button {
  min-height: 40px;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(185, 28, 28, 0.26);
}

.top1-first-owner-setup-button:hover {
  transform: translateY(-1px);
}

@media (max-width: 520px) {
  .top1-login-window-setup {
    --top1-login-window-max: 100%;
  }

  .top1-first-owner-setup {
    padding: 12px;
    border-radius: 16px;
  }
}

/* Premium order works card UI — scoped only to the order detail services section. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-services * {
  box-sizing: border-box;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
  position: relative;
  overflow: visible;
  container: top1OrderWorks / inline-size;
  padding: 18px;
  border: 1px solid #e2eaf5;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.065);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium::after {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  margin: 0 0 16px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(24px, 1.65vw, 30px);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f5f8fc;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 999px;
  background: #94a3b8;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  justify-self: end;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] {
  grid-column: 1 / -1;
  justify-self: stretch;
  display: grid;
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 17px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.24);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > summary {
  justify-self: end;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary:hover {
  transform: translateY(-1px);
  box-shadow: 0 15px 30px rgba(37, 99, 235, 0.3);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services summary::before {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-form {
  margin: 0;
  padding: 16px;
  border: 1px solid #dbe7f5;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list {
  display: grid !important;
  gap: 14px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dce6f3;
  border-radius: 19px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:hover {
  border-color: #cbdaf0;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.075);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card > div,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-card > div {
  min-width: 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card > div::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-card > div::before {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: linear-gradient(180deg, #eef5ff 0%, #e7f0ff 100%);
  color: #2563eb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 8px 18px rgba(37, 99, 235, 0.08);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon svg,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon svg {
  width: 30px;
  height: 30px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon path,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon circle,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  overflow-wrap: anywhere;
  margin: 1px 0 5px;
  color: #0f172a;
  font-size: clamp(18px, 1.15vw, 22px);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy p {
  margin: 0;
  color: #6b7280;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.38;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid #e5edf7;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performers-label {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performer-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 4px 8px 4px 9px;
  border: 1px solid #dbe8ff;
  border-radius: 12px;
  background: #f3f7ff;
  color: #0f172a;
  font-size: 13px;
  font-style: normal;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
  color: #0f172a;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip-separator {
  color: #94a3b8;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e9f9ef;
  color: #059669;
  font-style: normal;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip.is-suggested {
  border-color: #d1fae5;
  background: #f0fdf4;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip.is-missing {
  border-color: #fee2e2;
  background: #fff7f7;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip.is-missing em {
  background: #fee2e2;
  color: #dc2626;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
  display: grid;
  gap: 12px;
  justify-items: stretch;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  align-items: stretch;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #e2eaf5;
  border-radius: 16px;
  background: #f8fbff;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
  color: #818b9b;
  font-size: 12px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong {
  overflow-wrap: normal;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -0.025em;
  line-height: 1.1;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  padding-left: 14px;
  border-left: 1px solid #dbe7f5;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong {
  font-size: 22px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-warning {
  justify-self: start;
  margin: 0;
  border-radius: 999px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2px;
  padding: 0 !important;
  min-width: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-delete-form {
  margin: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] {
  flex-basis: 100%;
  order: 3;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary {
  border: 1px solid #d9e5f6;
  background: #ffffff;
  color: #2563eb;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary:hover {
  transform: translateY(-1px);
  border-color: #bfdbfe;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.1);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button {
  border: 1px solid #fecaca !important;
  background: #fff7f7 !important;
  color: #dc2626 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button:hover {
  transform: translateY(-1px);
  border-color: #fca5a5 !important;
  box-shadow: 0 10px 20px rgba(220, 38, 38, 0.1) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #dbe7f5;
  border-radius: 16px;
  background: #f8fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(120px, 0.8fr);
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid #e2eaf5;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row span {
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row strong {
  color: #0f172a;
  font-size: 19px;
  font-weight: 950;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel {
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
  border: 1px solid #d9e5f6;
  background: #ffffff;
  color: #2563eb;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.07);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary:hover {
  transform: translateY(-1px);
  border-color: #bfdbfe;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.1);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel[open] .top1-order-performers-body {
  margin-top: 12px;
  border: 1px solid #dbe7f5;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-card {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px dashed #cbd5e1;
  border-radius: 20px;
  background: #fbfdff;
  color: #64748b;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-copy {
  display: grid;
  gap: 4px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-copy strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-copy span {
  color: #64748b;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
}

@container top1OrderWorks (min-width: 540px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 235px) !important;
    gap: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    grid-column: 1 / -1;
    padding-left: 0;
    padding-top: 10px;
    border-left: 0;
    border-top: 1px solid #dbe7f5;
  }
}

@container top1OrderWorks (min-width: 720px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    gap: 18px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 12px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    grid-column: auto;
    padding-top: 0;
    padding-left: 14px;
    border-top: 0;
    border-left: 1px solid #dbe7f5;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
    padding: 14px;
    border-radius: 18px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2 {
    font-size: 26px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary {
    justify-self: stretch;
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] {
    grid-column: auto;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-card {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon svg,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon svg {
    width: 28px;
    height: 28px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
    grid-template-columns: 1fr;
    padding-top: 12px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    padding-left: 0;
    padding-top: 10px;
    border-left: 0;
    border-top: 1px solid #dbe7f5;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-delete-form,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
    width: 100%;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-grid {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row {
    align-items: flex-start;
    flex-direction: column;
    padding: 14px 16px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row strong {
    font-size: 20px;
  }
}

/* ===== Works block v3 final tuning: reference composition + Parts scale ===== */
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
  padding: 14px 16px 16px;
  border: 1px solid #dbe5f1;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  margin: 0 0 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #d9e3ef;
  border-radius: 999px;
  background: #f4f7fb;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge::before {
  width: 6px;
  height: 6px;
  margin-right: 7px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary:hover {
  transform: none;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-form {
  padding: 14px;
  border-radius: 14px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  gap: 12px;
  padding: 14px;
  border: 1px solid #d9e3ef;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:hover {
  border-color: #d3deeb;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #edf4ff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon svg,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon svg {
  width: 22px;
  height: 22px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  margin: 0 0 4px;
  color: #0f172a;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
  gap: 8px 10px;
  padding-top: 12px;
  border-top: 1px solid #e8eef6;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performers-label {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performer-chips {
  gap: 6px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid #dce7f5;
  border-radius: 10px;
  background: #f5f8fd;
  font-size: 12px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em {
  min-height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #d9e3ef;
  border-radius: 14px;
  background: #fbfcfe;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
  display: block;
  margin-bottom: 4px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.15;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong {
  font-size: 16px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary:hover {
  transform: none;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form {
  margin-top: 10px;
  padding: 12px;
  border-radius: 14px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #dbe5f1;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row span {
  font-size: 13px;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row strong {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel {
  margin-top: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel[open] .top1-order-performers-body {
  margin-top: 10px;
  border-radius: 14px;
  box-shadow: none;
}

@container top1OrderWorks (min-width: 520px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(226px, 240px) !important;
    gap: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    grid-column: auto;
    padding-top: 0;
    padding-left: 10px;
    border-top: 0;
    border-left: 1px solid #dbe5f1;
  }
}

@container top1OrderWorks (min-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    gap: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    gap: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    padding-left: 14px;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
    padding: 12px;
    border-radius: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2 {
    font-size: 18px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    padding: 12px;
    border-radius: 14px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
    font-size: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: 1fr;
    padding: 10px 12px;
    border: 1px solid #d9e3ef;
    border-radius: 14px;
    background: #fbfcfe;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    padding-top: 8px;
    padding-left: 0;
    border-top: 1px solid #dbe5f1;
    border-left: 0;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row {
    padding: 12px 14px;
  }
}

/* ===== Works block v4 reference alignment: geometry/icons only, typography unchanged ===== */
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
  padding: 16px 18px 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.055);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
  margin-bottom: 14px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list {
  gap: 16px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  padding: 16px;
  border-radius: 17px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(180deg, #eef5ff 0%, #e8f1ff 100%);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon svg,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon svg {
  width: 25px;
  height: 25px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
  gap: 13px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
  padding-top: 13px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  background: #2563eb;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip.is-missing::before {
  background: #dc2626;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  border-color: #dbe5f1;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button {
  gap: 8px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button::before {
  content: "";
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  background: currentColor;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.42l-1.5-1.5a1 1 0 0 0-1.42 0l-1.17 1.17 2.75 2.75 1.34-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.42l-1.5-1.5a1 1 0 0 0-1.42 0l-1.17 1.17 2.75 2.75 1.34-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 19c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V7H6v12ZM8 4l1-1h6l1 1h4v2H4V4h4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 19c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V7H6v12ZM8 4l1-1h6l1 1h4v2H4V4h4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row {
  margin-top: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.025);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel {
  margin-top: 14px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
  min-height: 36px;
  padding-left: 14px;
  padding-right: 14px;
}

@container top1OrderWorks (min-width: 540px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(214px, 232px) !important;
    gap: 16px;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 2px 0 0;
    border: 0;
    border-radius: 0;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    grid-column: auto;
    padding-top: 0;
    padding-left: 12px;
    border-top: 0;
    border-left: 1px solid #dbe5f1;
  }
}

@container top1OrderWorks (min-width: 680px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 296px) !important;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    border: 1px solid #d9e3ef;
    border-radius: 14px;
    background: #fbfcfe;
  }
}

/* ===== Works block v5: pixel reference alignment ===== */
@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
    gap: 16px !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services {
    grid-column: 1 / -1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
    display: grid !important;
    align-content: start !important;
    gap: 0 !important;
    min-height: 760px;
    padding: 58px 36px 62px !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.12) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium::before,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium::after {
    display: none !important;
    content: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 20px !important;
    align-items: center !important;
    margin: 0 0 42px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: clamp(44px, 3.15vw, 50px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
    line-height: 1.04 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 74px !important;
    padding: 0 24px !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 18px !important;
    background: #f4f6f9 !important;
    color: #6b7280 !important;
    font-size: 25px !important;
    font-weight: 650 !important;
    letter-spacing: -0.035em !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 18px rgba(15, 23, 42, 0.035) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge::before {
    content: "" !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 14px 0 0 !important;
    border-radius: 999px !important;
    background: #6f7b8d !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;
    min-height: 86px !important;
    padding: 0 31px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, #1756ea 0%, #0e47df 100%) !important;
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26) !important;
    transform: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary::before,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 0.72 !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary:hover {
    transform: none !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list {
    display: grid !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 480px) !important;
    align-items: start !important;
    gap: 36px !important;
    min-height: 376px !important;
    padding: 58px 36px 46px !important;
    border: 1px solid #e0e7f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:hover {
    border-color: #e0e7f0 !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card > div,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-card > div {
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card > div::before,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-card > div::before {
    display: none !important;
    content: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 32px !important;
    align-items: start !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 112px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #eef5ff 0%, #e8f1ff 100%) !important;
    color: #1f64e7 !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon svg,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon svg {
    width: 58px !important;
    height: 58px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon path,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon circle,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.95 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
    display: grid !important;
    gap: 52px !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
    margin: 9px 0 20px !important;
    color: #111827 !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
    line-height: 1.05 !important;
    overflow-wrap: normal !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy p {
    margin: 0 !important;
    color: #6b7280 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.28 !important;
    overflow-wrap: normal !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 18px 28px !important;
    align-items: center !important;
    padding-top: 42px !important;
    border-top: 1px solid #e5eaf1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performers-label {
    color: #6b7280 !important;
    font-size: 25px !important;
    font-weight: 650 !important;
    letter-spacing: -0.045em !important;
    line-height: 1 !important;
    text-transform: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performer-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip::before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    z-index: 2 !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    background: #1f64e7 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 62px !important;
    padding: 0 26px 0 62px !important;
    border: 1px solid #dbe7ff !important;
    border-radius: 14px !important;
    background: #eff5ff !important;
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip-separator {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 62px !important;
    padding: 0 26px !important;
    border: 1px solid #d6f1e3 !important;
    border-radius: 14px !important;
    background: #eefcf4 !important;
    color: #059669 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
    display: grid !important;
    gap: 77px !important;
    justify-items: stretch !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(128px, 1.2fr) !important;
    gap: 32px !important;
    align-items: start !important;
    min-width: 0 !important;
    padding: 16px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item {
    display: grid !important;
    align-content: start !important;
    gap: 25px !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
    display: block !important;
    margin: 0 !important;
    color: #737b8a !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: -0.045em !important;
    line-height: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong {
    display: block !important;
    color: #111827 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    padding: 0 0 0 35px !important;
    border-top: 0 !important;
    border-left: 1px solid #e1e7ef !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong {
    font-size: 38px !important;
    font-weight: 900 !important;
    letter-spacing: -0.065em !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-delete-form {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    min-height: 78px !important;
    padding: 0 28px !important;
    border-radius: 13px !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.045em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary {
    min-width: 267px !important;
    border: 1px solid #dfe7f0 !important;
    background: #ffffff !important;
    color: #1756ea !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button {
    min-width: 184px !important;
    border: 1px solid #f4d2d2 !important;
    background: #fffafa !important;
    color: #dc2626 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary::before,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button::before {
    content: "" !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    background: currentColor !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary:hover,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    min-height: 122px !important;
    margin: 56px 0 0 !important;
    padding: 0 34px !important;
    border: 1px solid #e0e7f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row span {
    color: #111827 !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -0.055em !important;
    line-height: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row strong {
    color: #111827 !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    letter-spacing: -0.065em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel {
    margin: 55px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 25px !important;
    min-height: 95px !important;
    padding: 0 31px !important;
    border: 1px solid #dfe7f0 !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    color: #1756ea !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.055em !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-size: 44px !important;
    font-weight: 400 !important;
    line-height: 0.72 !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary:hover {
    transform: none !important;
    border-color: #dfe7f0 !important;
    box-shadow: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-form,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performers-body {
    margin-top: 18px !important;
    border-radius: 18px !important;
  }
}

@media (min-width: 1120px) and (max-width: 1320px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(404px, 448px) !important;
    gap: 28px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
    width: 88px !important;
    height: 104px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
    gap: 76px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    gap: 20px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary {
    min-width: 244px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button {
    min-width: 172px !important;
  }
}

/* Orders works block: compact scale parity with the parts block. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services {
  gap: 8px !important;
  min-height: 232px !important;
  padding: 14px !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 10px 22px rgba(15, 23, 42, 0.03) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-work-heading {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  min-height: 32px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-work-heading h2 {
  margin: 0 !important;
  color: #101828 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-work-heading .top1-inline-badge {
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 999px !important;
  background: #f4f6fa !important;
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge::before {
  width: 5px !important;
  height: 5px !important;
  margin-right: 7px !important;
  background: #7b8491 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-primary-action:not([open]) > summary {
  min-height: 32px !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-primary-action:not([open]) > summary::before {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 0.85 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-service-lines-table {
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) {
  gap: 10px !important;
  min-height: 0 !important;
  padding: 9px 12px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon svg,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-empty-icon svg {
  width: 22px !important;
  height: 22px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-title > strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > .top1-order-line-title > strong {
  margin: 0 0 4px !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy p,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-title > span,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > .top1-order-line-title > span {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.32 !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
  gap: 8px !important;
  padding-top: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performers-label,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-performers-label {
  font-size: 10.5px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performer-chips {
  gap: 6px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-performer-chip {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 3px 7px !important;
  border: 1px solid #d9e7ff !important;
  border-radius: 10px !important;
  background: #f3f7ff !important;
  color: #101828 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip::before {
  position: static !important;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  transform: none !important;
  flex: 0 0 auto !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-performer-chip strong {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #101828 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip-separator {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-performer-chip em {
  min-height: 22px !important;
  padding: 0 7px !important;
  border: 1px solid #d6f1e3 !important;
  border-radius: 999px !important;
  background: #ecfdf3 !important;
  color: #079455 !important;
  font-size: 10.5px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  grid-template-columns: repeat(2, minmax(66px, 1fr)) minmax(76px, 0.95fr) !important;
  gap: 10px !important;
  padding: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item {
  gap: 5px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
  font-size: 10.5px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong {
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  padding-left: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong {
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-team-edit-panel summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-secondary-button {
  min-width: 0 !important;
  min-height: 32px !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-team-edit-panel summary::before,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services .top1-order-line-actions .top1-secondary-button::before {
  width: 14px !important;
  height: 14px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-lines-foot {
  min-height: 48px !important;
  margin: 8px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row span,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-lines-foot span {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row strong,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-lines-foot strong {
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services > .top1-order-performers-panel {
  margin: 8px 0 0 !important;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services {
    grid-column: auto !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px) !important;
    align-items: start !important;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-template-columns: 1fr !important;
    padding: 10px 12px !important;
    border: 1px solid #dfe7f0 !important;
    border-radius: 12px !important;
    background: #fbfcfe !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
    padding-top: 8px !important;
    padding-left: 0 !important;
    border-top: 1px solid #dfe7f0 !important;
    border-left: 0 !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  position: relative !important;
  padding-right: 13px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card > .top1-order-work-card-side {
  padding-top: 52px !important;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 210px) !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-delete-form {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit {
  position: absolute !important;
  top: 10px !important;
  right: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit::before {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit span {
  display: block;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.42l-1.5-1.5a1 1 0 0 0-1.42 0l-1.17 1.17 2.75 2.75 1.34-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.42l-1.5-1.5a1 1 0 0 0-1.42 0l-1.17 1.17 2.75 2.75 1.34-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit:focus-visible {
  border-color: #bfdbfe !important;
  background: #f8fbff !important;
  color: #1756ea !important;
  box-shadow: none !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.16);
  outline-offset: 2px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #f0d5d5 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #b42318 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-delete::before {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-delete span {
  display: block;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 19c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V7H6v12ZM8 4l1-1h6l1 1h4v2H4V4h4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 19c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V7H6v12ZM8 4l1-1h6l1 1h4v2H4V4h4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-delete:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-delete:focus-visible {
  border-color: #efb8b8 !important;
  background: #fff7f7 !important;
  color: #a61b12 !important;
  box-shadow: none !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-delete:focus-visible {
  outline: 3px solid rgba(220, 38, 38, 0.16);
  outline-offset: 2px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-panel {
  display: block !important;
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control {
  position: absolute !important;
  top: 10px !important;
  right: 90px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid #cfe0ff !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #2563eb !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control::-webkit-details-marker,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control::after {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control span {
  display: block;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6.8-1.2A3.2 3.2 0 1 0 15.8 4a5.9 5.9 0 0 1 0 5.8ZM2 21c.8-4.7 13.2-4.7 14 0H2Zm13.7 0h6.1c-.3-3.1-3.6-4.6-6.5-4.2.8 1 1.2 2.4.4 4.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6.8-1.2A3.2 3.2 0 1 0 15.8 4a5.9 5.9 0 0 1 0 5.8ZM2 21c.8-4.7 13.2-4.7 14 0H2Zm13.7 0h6.1c-.3-3.1-3.6-4.6-6.5-4.2.8 1 1.2 2.4.4 4.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control:focus-visible,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-panel[open] > .top1-order-work-performer-control {
  border-color: #9fbdff !important;
  background: #f7fbff !important;
  color: #174bd6 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.16);
  outline-offset: 2px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body {
  display: grid;
  gap: 12px;
  width: min(100%, 430px);
  margin: 12px 0 0 auto !important;
  padding: 14px !important;
  overflow: hidden;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-heading {
  display: grid;
  gap: 4px;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-heading strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-heading span {
  color: #64748b;
  font-size: 11.5px;
  font-weight: 650;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-split-quick-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-split-quick-submit {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-split-advanced {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-split-advanced > summary {
  display: inline-flex !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #1d4ed8 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-split-advanced > .top1-order-split-form {
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body .top1-order-split-form-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 84px !important;
  gap: 8px 10px !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body .top1-client-form-field {
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body .top1-client-form-field span {
  margin-bottom: 5px !important;
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body select,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body input[type="number"] {
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid #d7e1ef !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body input[type="number"] {
  text-align: center;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body .top1-order-line-form-actions {
  margin-top: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body .top1-app-button {
  min-height: 40px !important;
  width: auto !important;
  padding: 0 18px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-split-form {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] {
  position: static !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form {
  position: absolute !important;
  top: 52px !important;
  right: 14px !important;
  z-index: 5;
  width: min(560px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-grid {
  grid-template-columns: minmax(0, 0.9fr) 100px 34px !important;
  gap: 8px !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form input,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form input {
  height: 36px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form .top1-secondary-button {
  min-height: 38px !important;
  margin-top: 10px !important;
  padding: 0 18px !important;
  border-radius: 9px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form .top1-order-work-icon-save {
  width: 34px !important;
  min-width: 34px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-color: #bbf7d0 !important;
  background: #ecfdf3 !important;
  color: #087443 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form .top1-order-work-icon-save::before {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h12l2 2v16H5V3Zm2 2v6h9V5H7Zm1 10v4h8v-4H8Zm1-9v4h5V6H9Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h12l2 2v16H5V3Zm2 2v6h9V5H7Zm1 10v4h8v-4H8Zm1-9v4h5V6H9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form .top1-order-work-icon-save > span {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding-top: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performers-label {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #64748b !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performer-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
  max-width: 100%;
  min-height: 28px !important;
  gap: 6px !important;
  padding: 3px 7px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip-separator {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em {
  min-height: 20px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    padding-right: 13px !important;
    padding-top: 50px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control {
    right: 90px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body .top1-order-split-form-grid,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-split-quick-form {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-body {
    width: 100%;
    margin-right: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-form {
    right: 13px !important;
    width: calc(100% - 26px) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-grid {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
    display: grid !important;
    grid-template-columns: auto auto;
    gap: 4px 6px !important;
    align-items: center;
    min-height: 42px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
    grid-column: 1 / -1;
    max-width: 150px !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel {
  display: inline-block !important;
  margin: 12px 0 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  min-width: 0 !important;
  padding: 0 13px 0 9px !important;
  border: 1px solid #bfd3ff !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #174bd6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 8px 16px rgba(37, 99, 235, 0.08) !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary::before {
  content: "+" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 6px 12px rgba(37, 99, 235, 0.22) !important;
  font-size: 23px !important;
  font-weight: 450 !important;
  line-height: 0.78 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary::after {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  margin-left: 2px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  opacity: 0.7;
  transform: translateY(-2px) rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary:focus-visible {
  border-color: #8fb3ff !important;
  background: #ffffff !important;
  color: #0f3fc4 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 10px 20px rgba(37, 99, 235, 0.13) !important;
  transform: translateY(-1px) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-summary:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.16);
  outline-offset: 2px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel[open] > .top1-order-work-performers-summary {
  border-color: #8fb3ff !important;
  background: #f8fbff !important;
  color: #0f3fc4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-panel[open] > .top1-order-work-performers-summary::after {
  transform: translateY(2px) rotate(225deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: minmax(0, 1fr) 246px !important;
  gap: 10px 16px !important;
  align-items: start !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding-left: 12px !important;
  border-left: 1px solid #dfe7f0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  padding-left: 12px !important;
  border-left: 1px solid #dfe7f0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 1 / -1;
  display: grid;
  gap: 4px;
  min-width: 0;
  margin-left: 52px;
  padding-top: 8px;
  border-top: 1px solid #e8eef6;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px 104px;
  gap: 10px;
  align-items: center;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.1;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  min-height: 28px;
  padding: 3px 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  border-radius: 999px;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em {
  background: #ecfdf3;
  color: #079455;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line span {
  background: #eef4ff;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line.is-missing em {
  background: #fee2e2;
  color: #dc2626;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line.is-missing span {
  background: #f1f5f9;
  color: #64748b;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock {
  display: block !important;
  grid-column: 1 / -1;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock[open] {
  z-index: 20;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock > .top1-order-work-card-performers-body {
  position: absolute !important;
  top: 48px !important;
  right: 14px !important;
  z-index: 20;
  width: min(430px, calc(100% - 28px)) !important;
  margin: 0 !important;
  border-color: #bfd0ea !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock > .top1-order-work-card-performers-body::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 96px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #bfd0ea;
  border-left: 1px solid #bfd0ea;
  background: #ffffff;
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-row {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  padding-top: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  padding-left: 12px !important;
  border-left: 1px solid #dfe7f0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 26px !important;
  padding: 3px 6px 3px 7px !important;
  overflow: hidden;
  border-radius: 9px !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 120px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em {
  flex: 0 0 auto;
  min-height: 18px !important;
  padding: 0 6px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip small {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip small::before {
  content: "+";
  color: #64748b;
  font-weight: 750;
  margin-right: 2px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy p {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-line-performers-label,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row span {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong {
  font-size: 12.5px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-summary-row strong {
  font-size: 13.5px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
  font-size: 10.5px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip em {
  font-size: 10px !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip {
    display: grid !important;
    grid-template-columns: auto auto !important;
    gap: 4px 6px !important;
    align-items: center !important;
    min-height: 42px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-performer-chip strong {
    grid-column: 1 / -1 !important;
    max-width: 150px !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  gap: 6px 10px !important;
  align-items: start !important;
  padding: 10px 12px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy {
  display: block !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
  display: contents !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-content: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  grid-column: 2 / 3 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 7px 9px 4px !important;
  border: 1px solid #dbe7f3 !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: #f8fbff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item {
  min-width: 0 !important;
  padding: 0 10px 0 0 !important;
  border-left: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  padding-left: 10px !important;
  border-left: 1px solid #dbe7f3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong {
  margin-top: 3px !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 2 / 3 !important;
  grid-row: 3 !important;
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 9px 7px !important;
  border: 1px solid #dbe7f3 !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
  background: #f8fbff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 72px 104px !important;
  gap: 8px !important;
  align-items: center !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head {
  padding-top: 3px !important;
  border-top: 1px solid #e4edf8 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head span {
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  min-height: 24px !important;
  padding: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line strong {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line span {
  min-height: 20px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    padding: 9px 10px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
    grid-column: 1 / -1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
    grid-template-columns: minmax(0, 1fr) 54px 82px !important;
    gap: 6px !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: 34px minmax(132px, 1fr) 104px 112px auto !important;
  gap: 6px 8px !important;
  padding: 10px 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon {
  align-self: start !important;
  width: 30px !important;
  height: 30px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy {
  display: grid !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  display: grid !important;
  align-content: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  overflow: hidden !important;
  border: 1px solid #dbe7f3 !important;
  border-right: 0 !important;
  border-radius: 8px 0 0 8px !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3::before {
  content: "Работа";
  display: block;
  margin-bottom: 4px;
  color: #64748b;
  font-size: 9.5px;
  font-weight: 850;
  line-height: 1;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  grid-column: 3 / 5 !important;
  grid-row: 1 !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #dbe7f3 !important;
  border-left: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  background: #f8fbff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item {
  align-content: center !important;
  padding: 7px 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  grid-column: 5 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 2 / 5 !important;
  grid-row: 2 !important;
  padding: 6px 10px 7px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  grid-template-columns: minmax(0, 1fr) 70px 104px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head {
  padding: 0 !important;
  border-top: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head span:first-child,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line strong {
  justify-self: start !important;
  text-align: left !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head span:not(:first-child),
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line span {
  justify-self: stretch !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: 32px minmax(0, 1fr) auto !important;
    gap: 6px 8px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    grid-column: 1 / 3 !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
    border-right: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    border-left: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  position: relative !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 6px 8px !important;
  padding: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  padding-right: 116px !important;
  box-sizing: border-box !important;
  justify-items: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
  width: auto !important;
  margin-right: 116px !important;
  justify-self: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  justify-self: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  min-height: 40px !important;
  border-right: 1px solid #dbe7f3 !important;
  border-radius: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  position: absolute !important;
  top: 0 !important;
  right: 10px !important;
  z-index: 3 !important;
  display: flex !important;
  width: auto !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel {
  position: absolute !important;
  top: 0 !important;
  right: 80px !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary {
  position: static !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-delete-form {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  grid-column: 2 / -1 !important;
  grid-row: 2 !important;
  min-height: 40px !important;
  border-left: 1px solid #dbe7f3 !important;
  border-radius: 8px 8px 0 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 2 / -1 !important;
  grid-row: 3 !important;
  border-radius: 0 0 8px 8px !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    padding-right: 104px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content {
    margin-right: 104px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
    grid-column: 1 / -1 !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  justify-items: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  width: 100% !important;
  box-sizing: border-box !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list {
  display: grid !important;
  gap: 0 !important;
  overflow: visible !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
  position: static !important;
  display: grid !important;
  grid-template-columns: 26px minmax(112px, 1.25fr) 70px 82px minmax(150px, 1.2fr) 86px !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  border: 0 !important;
  border-bottom: 1px solid #e4edf8 !important;
  border-radius: 10px 10px 0 0 !important;
  background: #f8fbff !important;
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: normal !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div {
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(1) {
  grid-column: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2) {
  grid-column: 3 !important;
  color: transparent !important;
  position: relative !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2)::after {
  content: "Стоимость";
  position: absolute;
  inset: 0;
  color: #64748b;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
  grid-column: 4 !important;
  color: transparent !important;
  position: relative !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3)::after {
  content: "К начислению";
  position: absolute;
  inset: 0;
  color: #64748b;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(4) {
  grid-column: 6 !important;
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head::after {
  content: "Исполнители";
  grid-column: 5;
  grid-row: 1;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  display: grid !important;
  grid-template-columns: 26px minmax(112px, 1.25fr) 70px 82px minmax(150px, 1.2fr) 86px !important;
  gap: 6px !important;
  align-items: center !important;
  min-height: 50px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-top: 1px solid #edf2f8 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:first-of-type {
  border-top: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:hover {
  background: #fbfdff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  min-height: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3::before {
  content: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-side {
  display: contents !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  grid-column: 3 / 5 !important;
  grid-row: 1 !important;
  display: contents !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) {
  grid-column: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(2) {
  grid-column: 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong {
  display: block !important;
  color: #0f172a !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 5 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-head {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  position: relative !important;
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line.is-extra {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-name {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-name > strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line span,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 19px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line small {
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 9.5px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line > small {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover {
  position: relative !important;
  z-index: 30 !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover > summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 19px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  list-style: none !important;
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover > summary::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover[open] {
  z-index: 1740 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 1750 !important;
  width: min(320px, calc(100dvw - 56px)) !important;
  padding: 10px !important;
  border: 1px solid #d7e3f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-services .top1-order-work-share-popover[open]) {
  position: relative !important;
  z-index: 1600 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) .top1-order-work-card-side,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) .top1-order-work-performers-table,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) .top1-order-work-performer-line,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-share-popover[open]) .top1-order-work-performer-name {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:has(.top1-order-work-share-popover[open]) {
  position: relative !important;
  z-index: 1710 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table:has(.top1-order-work-share-popover[open]),
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line:has(.top1-order-work-share-popover[open]),
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-name:has(.top1-order-work-share-popover[open]) {
  position: relative !important;
  z-index: 1720 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-panel > strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-list {
  display: grid !important;
  gap: 4px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  padding: 0 7px 5px !important;
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-head span:not(:first-child) {
  text-align: center !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-head span {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-row span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-row em,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-row small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-row em {
  background: #dcfce7 !important;
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-popover-row small {
  background: #eef2ff !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  display: flex !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions .top1-order-work-edit-panel,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions .top1-order-work-delete-form {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-danger-button,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-control {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock {
  position: absolute !important;
  top: 13px !important;
  right: 64px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock > .top1-order-work-performer-control {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  padding-left: 26px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock > .top1-order-work-card-performers-body {
  top: 36px !important;
  right: 10px !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    gap: 6px 8px !important;
    min-height: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    grid-column: 1 / 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-column: 2 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item span {
    display: block !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
    grid-column: 2 / -1 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
  grid-template-columns: minmax(160px, 1.45fr) 76px minmax(168px, 1.25fr) 86px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(1) {
  grid-column: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2) {
  grid-column: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(4) {
  grid-column: 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head::after {
  grid-column: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: minmax(160px, 1.45fr) 76px minmax(168px, 1.25fr) 86px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
  grid-column: 1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-content,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
  padding-left: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) {
  grid-column: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(2) {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  grid-column: 4 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-main {
    grid-column: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
    grid-column: 1 / -1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    grid-column: 2 !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary {
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary:has(.top1-order-inline-edit[open]),
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary:has(.top1-order-status-panel[open]),
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary:has(.top1-order-debt-payment-panel[open]) {
  z-index: 1200 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
  position: relative !important;
  z-index: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-payment {
  grid-column: 1 !important;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-payment.top1-order-work-block-final {
    grid-column: auto !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-add-work-panel[open]) {
  position: relative !important;
  z-index: 260 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel {
  position: relative !important;
  z-index: 30 !important;
  align-self: center !important;
  justify-self: end !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] {
  z-index: 80 !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > summary {
  display: inline-flex !important;
  width: auto !important;
  margin-bottom: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
  position: static !important;
  z-index: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.99) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form::before {
  display: none !important;
  content: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] .top1-order-work-form-grid {
  grid-template-columns: minmax(110px, 128px) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-form select[data-top1-performer-wheel] {
  cursor: pointer !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
    right: auto !important;
    left: 0 !important;
    width: min(420px, 100%) !important;
    max-width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] .top1-order-work-form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Work edit stays a popover and must render above neighboring order cards. */
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-services .top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1600 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-side,
.top1-app-shell[data-top1-section="orders"] #top1-order-services:has(.top1-order-work-edit-panel[open]) .top1-order-work-card-actions {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 1710 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] {
  z-index: 1720 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body {
  z-index: 1730 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-steps {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  overflow-x: visible !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step {
  min-width: 0 !important;
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-workflow-steps {
    grid-template-columns: repeat(7, minmax(112px, 1fr)) !important;
    overflow-x: auto !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel {
  position: relative !important;
  z-index: 120 !important;
  width: auto !important;
  justify-self: end !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel[open] {
  z-index: 260 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel[open] > .top1-order-payment-form {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(360px, calc(100dvw - 56px)) !important;
  max-width: calc(100dvw - 56px) !important;
  margin-top: 0 !important;
  padding: 14px !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  border-radius: 14px !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel {
    justify-self: stretch !important;
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel > summary {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-debt-payment-panel[open] > .top1-order-payment-form {
    right: auto !important;
    left: 0 !important;
    width: min(360px, 100%) !important;
    max-width: 100% !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-meta,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel {
  position: relative !important;
}

/* Final order summary: wide, readable closeout surface. */
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-payment.top1-order-work-block-final {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 14px !important;
  max-width: none !important;
  padding: 16px !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.99) 100%) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-header {
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-status-pill {
  justify-self: end;
  min-height: 28px;
  padding: 7px 11px;
  border: 1px solid rgba(34, 197, 94, 0.24);
  border-radius: 999px;
  background: #ecfdf5;
  color: #15803d;
  font-size: 11.5px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-status-pill.is-warning {
  border-color: rgba(245, 158, 11, 0.32);
  background: #fffbeb;
  color: #b45309;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview-tile {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid #dfe7f0;
  border-radius: 10px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview-tile span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview-tile strong {
  min-width: 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.12;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview-tile.is-total {
  border-color: rgba(37, 99, 235, 0.24);
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview-tile.is-clear {
  border-color: rgba(34, 197, 94, 0.24);
  background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-final-overview-tile.is-warning {
  border-color: rgba(245, 158, 11, 0.32);
  background: linear-gradient(180deg, #fffbeb 0%, #ffffff 100%);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-column {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid #dfe7f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-payment,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-delivery {
  padding: 14px !important;
  border-left: 1px solid #dfe7f0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-subhead {
  align-items: center !important;
  margin-bottom: 12px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-subhead h3 {
  font-size: 14px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-summary {
  border-radius: 12px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-total {
  min-height: 58px !important;
  padding: 12px 14px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-total strong {
  font-size: 17px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-breakdown {
  border-radius: 12px !important;
  background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-breakdown-group {
  border-radius: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-breakdown-total {
  border-radius: 10px !important;
  background: linear-gradient(180deg, #eef2ff 0%, #f8faff 100%) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-inspector-list {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-inspector-row {
  padding: 11px 12px;
  border-bottom: 1px solid #edf2f7;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-inspector-row:last-child {
  border-bottom: 0;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-delivery-checks-details {
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(245, 158, 11, 0.28) !important;
  border-radius: 12px !important;
  background: #fffaf0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-delivery-checks-details > summary {
  color: #92400e;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-delivery-checklist {
  margin-top: 10px;
}

@media (max-width: 1080px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-grid,
  .top1-app-shell[data-top1-section="orders"] .top1-order-final-overview {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-payment,
  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-delivery {
    border-left: 1px solid #dfe7f0 !important;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-payment.top1-order-work-block-final {
    padding: 12px !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-final-status-pill {
    justify-self: start;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-column {
    padding: 12px !important;
  }
}

/* Compact final summary: keep the closeout totals aligned with the works column. */
@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-payment.top1-order-work-block-final {
    grid-column: 1 !important;
    align-self: start !important;
    width: 100% !important;
    max-width: none !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-overview,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-delivery:not(:has(.top1-order-delivery-override-form)) {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-grid:not(:has(.top1-order-delivery-override-form)) {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-payment {
  padding: 12px !important;
  border-left: 1px solid #dfe7f0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-payment > .top1-order-final-subhead > span {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations {
  position: relative !important;
  z-index: 0 !important;
  order: 45 !important;
  display: grid !important;
  align-content: stretch !important;
  gap: 12px !important;
  min-height: 246px !important;
  overflow: hidden !important;
  border-color: rgba(20, 184, 166, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 253, 250, 0.72) 100%) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.045) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations::before {
  background: #14b8a6 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-header h2 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-header .top1-inline-badge {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  border-color: rgba(20, 184, 166, 0.26) !important;
  background: #f0fdfa !important;
  color: #0f766e !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-toolbar,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-workflow {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-toolbar {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-workflow {
  justify-content: flex-start !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(20, 184, 166, 0.2) !important;
  border-radius: 10px !important;
  background: rgba(240, 253, 250, 0.5) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-workflow form {
  display: inline-flex !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-toolbar .top1-secondary-button,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-workflow .top1-secondary-button,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-workflow .top1-app-button {
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-list {
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-list:has(.top1-order-recommendations-empty) {
  align-self: end !important;
  margin-top: auto !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(20, 184, 166, 0.22) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field.is-wide {
  grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field span {
  color: #475569 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field input,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field select,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field textarea {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #cfe0f3 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field input,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field select {
  height: 36px !important;
  padding: 0 10px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-field textarea {
  min-height: 54px !important;
  max-height: 92px !important;
  padding: 9px 10px !important;
  resize: vertical !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-actions .top1-app-button,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-actions .top1-secondary-button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-empty,
.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-readonly {
  display: grid !important;
  gap: 4px !important;
  padding: 12px !important;
  border: 1px dashed rgba(20, 184, 166, 0.36) !important;
  border-radius: 10px !important;
  background: rgba(240, 253, 250, 0.58) !important;
  color: #0f766e !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-empty strong {
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-empty span {
  color: #64748b !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #dfe7f0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card.is-primary {
  border-color: rgba(20, 184, 166, 0.3) !important;
  background: #f8fffd !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: #e0f2fe !important;
  color: #0369a1 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card.is-primary .top1-order-recommendation-mark {
  background: #ccfbf1 !important;
  color: #0f766e !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card strong {
  color: #0f172a !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card span:not(.top1-order-recommendation-mark) {
  color: #64748b !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-card small {
  color: #475569 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  white-space: pre-line !important;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-recommendations {
    grid-column: 2 !important;
    align-self: stretch !important;
  }
}

@media (max-width: 720px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-toolbar {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-recommendation-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-parts .top1-order-controlled-disclosure[open]) > .top1-order-work-block-recommendations,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-parts .top1-order-part-edit-panel[open]) > .top1-order-work-block-recommendations {
  z-index: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit {
  position: relative !important;
  z-index: 90 !important;
  width: fit-content !important;
  margin-top: 6px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit[open] {
  z-index: 270 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit[open] > .top1-order-inline-edit-form {
  position: absolute !important;
  z-index: 280 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: min(520px, calc(100dvw - 56px)) !important;
  max-width: calc(100dvw - 56px) !important;
  margin-top: 0 !important;
  padding: 14px !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.99) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-vehicle-panel .top1-order-inline-edit[open] > .top1-order-inline-edit-form {
  right: 0 !important;
  left: auto !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit > summary {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-inline-edit[open] > .top1-order-inline-edit-form,
  .top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-vehicle-panel .top1-order-inline-edit[open] > .top1-order-inline-edit-form {
    right: auto !important;
    left: 0 !important;
    width: min(520px, 100%) !important;
    max-width: 100% !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
  grid-template-columns: minmax(185px, 1fr) 88px minmax(170px, 0.95fr) 86px !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: minmax(185px, 1fr) 88px minmax(170px, 0.95fr) 86px !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(1) {
  grid-column: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2) {
  grid-column: 2 !important;
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2)::after {
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3),
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3)::after {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head::after {
  grid-column: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(4) {
  grid-column: 4 !important;
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
  display: contents !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) {
  grid-column: 2 !important;
  justify-self: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) strong {
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(2),
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 3 !important;
  justify-self: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  grid-column: 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-warning {
  display: none !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 8px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) strong {
    text-align: left !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-delete-form,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-performers-dock {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  padding-left: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions .top1-order-work-edit-panel {
  position: relative !important;
  flex: 0 0 24px !important;
  flex-basis: 24px !important;
  order: 0 !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] {
  position: relative !important;
  flex: 0 0 24px !important;
  flex-basis: 24px !important;
  order: 0 !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel > .top1-order-work-edit-summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-summary {
  position: absolute !important;
  inset: 0 !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-popover-body {
  display: none;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body {
  position: absolute !important;
  top: 34px !important;
  right: 0 !important;
  z-index: 30 !important;
  display: grid !important;
  gap: 14px !important;
  width: min(560px, calc(100dvw - 48px)) !important;
  max-height: min(680px, calc(100vh - 160px)) !important;
  overflow: auto !important;
  padding: 14px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:has(.top1-order-work-edit-panel[open]) {
  position: relative !important;
  z-index: 50 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-popover-body::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 16px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #cfdcf0;
  border-left: 1px solid #cfdcf0;
  background: #ffffff;
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-popover-body > .top1-order-work-edit-form {
  position: static !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #e4edf8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-section {
  display: grid;
  gap: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e4edf8;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-split-section {
  padding-bottom: 0;
  border-bottom: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-section.is-danger-zone {
  justify-items: end;
  padding-bottom: 0;
  border-bottom: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-heading {
  display: grid;
  gap: 3px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-heading strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-heading span {
  color: #64748b;
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-delete-form {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-action-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 2px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e4edf8 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-action-row > .top1-app-button {
  flex: 0 0 auto;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-action-row > .top1-order-work-popover-delete-form {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-popover-delete-form .is-danger {
  border-color: #fecaca !important;
  background: #fff7f7 !important;
  color: #b42318 !important;
}

@media (max-width: 760px) {
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body {
    right: 0;
    width: min(320px, calc(100dvw - 40px));
    max-height: min(620px, calc(100vh - 120px));
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-grid,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-split-form-grid {
    grid-template-columns: 1fr;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
  grid-template-columns: minmax(260px, 1.65fr) minmax(170px, 0.9fr) 82px 30px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: minmax(260px, 1.65fr) minmax(170px, 0.9fr) 82px 30px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(4) {
  color: transparent !important;
  font-size: 0 !important;
  text-align: left !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2) {
  display: block !important;
  grid-column: 2 !important;
  color: #64748b !important;
  font-size: 10px !important;
  position: static !important;
  text-align: left !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2)::after {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
  display: block !important;
  grid-column: 3 !important;
  color: #64748b !important;
  font-size: 10px !important;
  position: static !important;
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3)::after,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head::after {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  justify-content: flex-start !important;
  justify-self: start !important;
  width: 24px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) {
  grid-column: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 2 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) 30px !important;
  }
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head {
  grid-template-columns: minmax(0, 1fr) minmax(92px, 0.42fr) 40px 72px 24px !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: minmax(0, 1fr) minmax(92px, 0.42fr) 40px 72px 24px !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(1) {
  grid-column: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(2) {
  grid-column: 2 !important;
  text-align: left !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
  grid-column: 3 !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: center !important;
  width: 28px !important;
  height: 20px !important;
  border: 1px solid #c7d7ee !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #1d4ed8 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(4) {
  grid-column: 4 !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: end !important;
  width: 28px !important;
  height: 20px !important;
  border: 1px solid #c7d7ee !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(5) {
  grid-column: 5 !important;
  color: transparent !important;
  font-size: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div::after,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head::after {
  content: none !important;
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 2 / 4 !important;
  width: 100% !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-name {
  grid-column: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-name > strong {
  grid-column: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em {
  grid-column: 2 !important;
  justify-self: center !important;
  min-width: 34px !important;
  padding: 0 7px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line > span,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line > small,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-name > small {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) {
  grid-column: 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
  grid-column: 5 !important;
  justify-self: end !important;
  width: 24px !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
    grid-template-columns: minmax(0, 1fr) 30px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table,
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item:nth-child(1) {
    grid-column: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-actions {
    grid-column: 2 !important;
  }
}

/* Orders parts block: table parity with works block. */
.top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
  gap: 8px !important;
  min-height: 232px !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  padding: 14px !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 10px 22px rgba(15, 23, 42, 0.03) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  min-height: 32px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading h2 {
  margin: 0 !important;
  color: #101828 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading .top1-inline-badge {
  min-height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 999px !important;
  background: #f4f6fa !important;
  color: #667085 !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
  min-height: 28px !important;
  gap: 4px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-selection-trigger {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-stock-trigger {
  border-color: #2563eb !important;
  background: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-supplier-trigger {
  border-color: #d7e3f0 !important;
  background: #ffffff !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
  border-color: #dbe6f2 !important;
  background: #f8fafc !important;
  color: #475569 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger.is-active,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger:focus-visible,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action:focus-visible {
  border-color: #9bbcff !important;
  background: #eef5ff !important;
  color: #174ea6 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-selection-trigger.is-active,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-selection-trigger:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-selection-trigger:focus-visible {
  border-color: #fb923c !important;
  background: #ffedd5 !important;
  color: #7c2d12 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  margin: 6px 0 10px !important;
  padding: 14px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
  display: none !important;
  content: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details#top1-order-parts-stock-panel[open]::before {
  left: var(--top1-order-popover-arrow-left, 32px);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details#top1-order-parts-supplier-panel[open]::before {
  left: var(--top1-order-popover-arrow-left, 32px);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details#top1-order-parts-quote-panel[open]::before {
  left: var(--top1-order-popover-arrow-left, 32px);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details#top1-order-parts-catalog-panel[open]::before {
  left: var(--top1-order-popover-arrow-left, 32px);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure > .top1-order-line-form {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
  scrollbar-gutter: auto !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] {
  max-height: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] {
  max-height: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] {
  max-height: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] {
  max-height: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] > .top1-order-line-form {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-actions {
  position: sticky !important;
  bottom: -1px !important;
  z-index: 2 !important;
  justify-content: flex-end !important;
  margin: 0 -4px -4px !important;
  padding: 8px 4px 4px !important;
  border-top: 1px solid rgba(219, 230, 242, 0.72) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, #ffffff 42%) !important;
  backdrop-filter: blur(8px) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-actions .top1-app-button {
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-grid {
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid #e1eaf5 !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-field {
  gap: 4px !important;
  min-width: 0 !important;
  padding: 7px 8px 8px !important;
  border: 1px solid #e5edf6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-field span {
  color: #5c6f86 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-field input,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-client-form-field select {
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] .top1-inline-notice {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  font-size: 10.5px !important;
  line-height: 1.28 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] > .top1-order-part-form {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: end !important;
  column-gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] .top1-order-part-form-grid {
  grid-template-columns: minmax(0, 1fr) minmax(92px, 118px) !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] .top1-order-part-form-grid .top1-client-form-field-wide {
  grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] .top1-order-line-form-actions {
  align-self: stretch !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(1) {
  grid-column: 1 / 4 !important;
  grid-row: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(2) {
  grid-column: 4 / 13 !important;
  grid-row: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(3) {
  grid-column: 1 / 6 !important;
  grid-row: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(4),
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(5) {
  grid-row: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(4) {
  grid-column: 6 / 8 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(5) {
  grid-column: 8 / 10 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(6),
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(7) {
  grid-row: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(6) {
  grid-column: 1 / 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(7) {
  grid-column: 4 / 7 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(8) {
  grid-column: 10 / 13 !important;
  grid-row: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(9) {
  grid-column: 7 / 13 !important;
  grid-row: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-order-parts-quick-fill,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-order-parts-history-fill {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-order-parts-history-fill {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-height: 92px !important;
  overflow-y: auto !important;
  padding-right: 2px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-part-quote-suggestion {
  min-height: 34px !important;
  padding: 7px 8px !important;
  border-radius: 9px !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-part-quote-suggestion strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-part-quote-suggestion span,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-part-quote-suggestion small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-part-quote-suggestion span,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-part-quote-suggestion small {
  font-size: 9.5px !important;
  line-height: 1.1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-order-supplier-part-form-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-sku-field {
  grid-column: 1 / 4 !important;
  grid-row: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-name-field {
  grid-column: 4 / 13 !important;
  grid-row: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-manufacturer-field {
  grid-column: 1 / 7 !important;
  grid-row: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-supplier-field {
  grid-column: 7 / 13 !important;
  grid-row: 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-unit-field,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-qty-field {
  grid-row: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-unit-field {
  grid-column: 1 / 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-qty-field {
  grid-column: 3 / 5 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-date-field {
  grid-column: 10 / 13 !important;
  grid-row: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-cost-unit-field,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-sale-field {
  grid-row: 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-cost-unit-field {
  grid-column: 5 / 7 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-sale-field {
  grid-column: 7 / 10 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-cost-field,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-sale-field,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-profit-field {
  grid-row: 4 !important;
  border-color: #dbeafe !important;
  background: #f8fbff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-cost-field {
  grid-column: 1 / 5 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-sale-field {
  grid-column: 5 / 9 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-profit-field {
  grid-column: 9 / 13 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-cost-field input,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-sale-field input,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-profit-field input {
  border-color: transparent !important;
  background: transparent !important;
  color: #0f172a !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-order-catalog-part-form-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-sku-field {
  grid-column: span 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-name-field {
  grid-column: span 7 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-unit-field {
  grid-column: span 2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-min-field,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-cost-field,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-sale-field {
  grid-column: span 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-supplier-field {
  grid-column: span 3 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-list {
  display: grid !important;
  align-self: start !important;
  align-content: start !important;
  gap: 0 !important;
  margin-top: 0 !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 76px 84px 92px 62px !important;
  column-gap: 8px !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #dbe6f2 !important;
  border-radius: 8px 8px 0 0 !important;
  background: linear-gradient(180deg, #f7fafc 0%, #eef4f9 100%) !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head > div {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head > div:first-child {
  padding-left: 0 !important;
  text-align: left !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head > div:nth-child(2),
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head > div:nth-child(3),
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head > div:nth-child(4) {
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head > div:nth-child(5) {
  color: transparent !important;
  font-size: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 76px 84px 92px 62px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  align-items: center !important;
  min-height: 50px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #e4ebf3 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card:hover {
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card:last-child,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-card:last-child {
  border-bottom: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-card {
  grid-template-columns: 38px minmax(0, 1fr) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-main {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card .top1-order-part-card-main {
  grid-template-columns: minmax(0, 1fr) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card .top1-order-part-icon {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #d8e6ff !important;
  border-radius: 10px !important;
  background: #f3f7ff !important;
  color: #2563eb !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card.is-supplier .top1-order-part-icon {
  border-color: #d6f1e3 !important;
  background: #ecfdf3 !important;
  color: #079455 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-copy,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-copy h3,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-copy strong {
  margin: 0 !important;
  color: #101828 !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-copy > span,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-copy span {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 11px !important;
  line-height: 1.32 !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-meta {
  display: block !important;
  max-width: 100% !important;
  color: #667085 !important;
  font-size: 10.75px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-supplier-status-form {
  margin-top: 4px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-supplier-status-form .top1-secondary-button {
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-status-inline {
  display: grid !important;
  grid-template-columns: minmax(126px, 1fr) auto !important;
  gap: 6px !important;
  align-items: center !important;
  max-width: 310px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-status-inline select {
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 0 28px 0 10px !important;
  border: 1px solid #d8e3f2 !important;
  border-radius: 9px !important;
  background-color: #ffffff !important;
  color: #1d2939 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-status-inline button {
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-workbench {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 10px !important;
  margin: 2px 0 2px !important;
  padding: 10px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 14px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-workbench-head {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-workbench-form {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-quick-fill,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-history-fill {
  gap: 8px !important;
  margin: 0 0 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-quick-fill .top1-part-quote-suggestion,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-history-fill .top1-part-quote-suggestion {
  min-height: 48px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-quote-actions {
  gap: 6px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-quote-actions .top1-secondary-button,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-quote-actions .top1-app-button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-proposal {
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-proposal textarea {
  min-height: 94px !important;
  resize: vertical !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-side {
  display: contents !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-panel {
  display: contents !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-item {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-item span {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-item strong {
  color: #101828 !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-total {
  padding-left: 0 !important;
  border-left: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-total strong {
  color: #0f172a !important;
  font-size: 14px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-actions {
  position: relative !important;
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  grid-column: 5 !important;
  width: 62px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-delete-form,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-panel {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-panel {
  position: static !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-panel > summary {
  list-style: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-panel > summary::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-panel[open] {
  z-index: 80 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 1px solid #fecaca !important;
  border-radius: 8px !important;
  background: #fff7f7 !important;
  color: #b42318 !important;
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save {
  border-color: #bbf7d0 !important;
  background: #ecfdf3 !important;
  color: #087443 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete::before {
  content: "";
  width: 13px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-.7 12H7.7L7 9Zm3 2 .3 8h1.5l-.2-8H10Zm3.4 0-.2 8h1.5l.3-8h-1.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-.7 12H7.7L7 9Zm3 2 .3 8h1.5l-.2-8H10Zm3.4 0-.2 8h1.5l.3-8h-1.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit::before {
  content: "";
  width: 13px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.1 4.5 19.5 9.9 8.8 20.6 3 21l.4-5.8L14.1 4.5Zm1.4-1.4a2 2 0 0 1 2.8 0l2.6 2.6a2 2 0 0 1 0 2.8l-1 1-5.4-5.4 1-1ZM5.3 16.1 5.1 19l2.9-.2 10.1-10.1-2.7-2.7L5.3 16.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.1 4.5 19.5 9.9 8.8 20.6 3 21l.4-5.8L14.1 4.5Zm1.4-1.4a2 2 0 0 1 2.8 0l2.6 2.6a2 2 0 0 1 0 2.8l-1 1-5.4-5.4 1-1ZM5.3 16.1 5.1 19l2.9-.2 10.1-10.1-2.7-2.7L5.3 16.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save::before {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 16.6 4.9 12.3 3.5 13.7l5.7 5.7L21 7.6 19.6 6.2 9.2 16.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 16.6 4.9 12.3 3.5 13.7l5.7 5.7L21 7.6 19.6 6.2 9.2 16.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete span,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit span,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save span {
  display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete:focus-visible,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit:focus-visible,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save:focus-visible {
  outline: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-delete:focus-visible {
  border-color: #fda29b !important;
  background: #fee4e2 !important;
  color: #912018 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-edit:focus-visible {
  border-color: #93c5fd !important;
  background: #dbeafe !important;
  color: #174ea6 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save:hover,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-icon-save:focus-visible {
  border-color: #86efac !important;
  background: #dcfce7 !important;
  color: #06603a !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-form {
  position: absolute !important;
  top: 32px !important;
  right: 0 !important;
  z-index: 1830 !important;
  box-sizing: border-box !important;
  width: min(560px, calc(100dvw - 220px)) !important;
  min-width: min(520px, calc(100dvw - 220px)) !important;
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.17), 0 6px 18px rgba(15, 23, 42, 0.08) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow:has(#top1-order-parts .top1-order-part-edit-panel[open]) {
  position: relative !important;
  z-index: 1750 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(.top1-order-part-edit-panel[open]) {
  position: relative !important;
  z-index: 1800 !important;
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(.top1-order-part-edit-panel[open]) .top1-order-part-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(.top1-order-part-edit-panel[open]) .top1-order-part-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(.top1-order-part-edit-panel[open]) .top1-order-part-card-side,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(.top1-order-part-edit-panel[open]) .top1-order-part-card-actions {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card:has(.top1-order-part-edit-panel[open]) {
  position: relative !important;
  z-index: 1810 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-panel[open] {
  position: relative !important;
  z-index: 1820 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-form::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  right: 38px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 1px solid #cfdcf0 !important;
  border-left: 1px solid #cfdcf0 !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-head {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-head strong {
  color: #101828 !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-head span {
  color: #667085 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-grid {
  display: grid !important;
  grid-template-columns: minmax(72px, 0.75fr) repeat(2, minmax(112px, 1fr)) minmax(116px, 1fr) !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-grid .top1-client-form-field {
  gap: 4px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid #e5edf6 !important;
  border-radius: 10px !important;
  background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-grid .top1-client-form-field span {
  color: #5c6f86 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-grid input,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-grid select {
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-status {
  grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-actions {
  display: flex !important;
  justify-content: flex-end !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot {
  align-self: end !important;
  min-height: 48px !important;
  margin: 14px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot span {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot strong {
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
    grid-template-columns: minmax(132px, 1fr) auto auto auto auto !important;
    column-gap: 6px !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts:has(> .top1-order-parts-selection-trigger) {
    grid-template-columns: minmax(132px, 1fr) auto auto auto auto auto !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-workbench,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-part-card-list,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot {
    grid-column: 1 / -1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-workbench {
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-part-card-list {
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot {
    grid-row: 5 !important;
  }
}

@media (min-width: 1120px) and (max-width: 1365px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 6px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts:has(> .top1-order-parts-selection-trigger) {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
    grid-row: 2 !important;
    justify-self: stretch !important;
    justify-content: center !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-selection-trigger {
    grid-column: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-stock-trigger {
    grid-column: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-supplier-trigger {
    grid-column: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-quote-trigger {
    grid-column: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-catalog-trigger {
    grid-column: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-stock-trigger {
    grid-column: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-supplier-trigger {
    grid-column: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-quote-trigger {
    grid-column: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-catalog-trigger {
    grid-column: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading .top1-inline-badge {
    padding: 0 7px !important;
    font-size: 10.25px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-workbench {
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-part-card-list {
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot {
    grid-row: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> details.top1-order-controlled-disclosure[open]) > .top1-order-parts-workbench {
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> details.top1-order-controlled-disclosure[open]) > .top1-order-part-card-list {
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> details.top1-order-controlled-disclosure[open]) > .top1-order-lines-foot {
    grid-row: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] > .top1-order-part-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] .top1-order-part-form-grid {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 118px) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] .top1-order-part-form-grid .top1-client-form-field-wide {
    grid-column: 1 / -1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-stock-panel[open] .top1-order-line-form-actions {
    justify-content: flex-end !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] {
    max-height: min(430px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] {
    max-height: min(500px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] {
    max-height: min(390px, var(--top1-order-popover-max-height, calc(100vh - 178px))) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(1) {
    grid-column: 1 / 6 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(2) {
    grid-column: 6 / 13 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(3) {
    grid-column: 1 / 8 !important;
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(8) {
    grid-column: 8 / 13 !important;
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(4) {
    grid-column: 1 / 7 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(5) {
    grid-column: 7 / 13 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(6) {
    grid-column: 1 / 7 !important;
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(7) {
    grid-column: 7 / 13 !important;
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-supplier-panel[open] .top1-order-supplier-part-form-grid .top1-client-form-field:nth-child(9) {
    grid-column: 1 / 13 !important;
    grid-row: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-sku-field {
    grid-column: 1 / 6 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-name-field {
    grid-column: 6 / 13 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-manufacturer-field {
    grid-column: 1 / 7 !important;
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-supplier-field {
    grid-column: 7 / 13 !important;
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-date-field {
    grid-column: 7 / 13 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-unit-field {
    grid-column: 1 / 4 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-qty-field {
    grid-column: 4 / 7 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-cost-unit-field {
    grid-column: 1 / 7 !important;
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-sale-field {
    grid-column: 7 / 13 !important;
    grid-row: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-cost-field {
    grid-column: 1 / 5 !important;
    grid-row: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-total-sale-field {
    grid-column: 5 / 9 !important;
    grid-row: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-quote-panel[open] .top1-parts-quote-profit-field {
    grid-column: 9 / 13 !important;
    grid-row: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-sku-field {
    grid-column: 1 / 6 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-name-field {
    grid-column: 6 / 13 !important;
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-unit-field {
    grid-column: 1 / 7 !important;
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-min-field {
    grid-column: 7 / 13 !important;
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-cost-field {
    grid-column: 1 / 7 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-sale-field {
    grid-column: 7 / 13 !important;
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts #top1-order-parts-catalog-panel[open] .top1-parts-catalog-supplier-field {
    grid-column: 1 / 13 !important;
    grid-row: 4 !important;
  }
}

@media (min-width: 1366px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-selection-trigger {
    grid-column: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-stock-trigger {
    grid-column: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-supplier-trigger {
    grid-column: 4 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-quote-trigger {
    grid-column: 5 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-selection-trigger) > .top1-order-parts-catalog-trigger {
    grid-column: 6 !important;
  }
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-side {
    grid-template-columns: minmax(0, 1fr) 62px !important;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
    grid-template-rows: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-empty-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
    width: 100% !important;
    justify-content: center !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-side {
    grid-template-columns: minmax(0, 1fr) 62px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-item span {
    display: block !important;
    color: #667085 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-form {
    position: fixed !important;
    top: 96px !important;
    right: auto !important;
    left: 18px !important;
    width: calc(100dvw - 36px) !important;
    min-width: 0 !important;
    max-height: calc(100vh - 124px) !important;
    overflow: auto !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-form::before {
    display: none !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
    right: auto !important;
    left: var(--top1-order-popover-arrow-left, 32px) !important;
  }
}

/* Orders work/parts rhythm alignment. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts {
  font-family: var(--top1-font) !important;
  font-variant-numeric: tabular-nums !important;
  text-rendering: geometricPrecision;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-work-heading,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading {
  align-items: center !important;
  min-height: 32px !important;
  margin: 0 0 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-work-heading h2,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading h2 {
  color: #101828 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-list {
  border: 1px solid #dbe6f2 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head {
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #dbe6f2 !important;
  border-radius: 8px 8px 0 0 !important;
  background: linear-gradient(180deg, #f7fafc 0%, #eef4f9 100%) !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card {
  align-items: center !important;
  min-height: 52px !important;
  padding: 10px 12px !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-copy h3 {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-item strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-price-total strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-item strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-price-total strong {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-lines-foot,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot {
  min-height: 48px !important;
  margin-top: 14px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-lines-foot span,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot span {
  color: #667085 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-lines-foot strong,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot strong {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 1120px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    row-gap: 8px !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
    grid-row: 1 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger,
  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
    align-self: center !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-part-card-list {
    grid-row: 2 !important;
    align-self: start !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot {
    grid-row: 3 !important;
    margin-top: 0 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-workbench {
    grid-row: 2 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-workbench) {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-workbench) > .top1-order-part-card-list {
    grid-row: 3 !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-order-parts-workbench) > .top1-order-lines-foot {
    grid-row: 4 !important;
  }
}

/* Final cascade override: order work/parts must stay popovers, not inline panels. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] {
  position: relative !important;
  z-index: 320 !important;
  grid-column: auto !important;
  width: fit-content !important;
  height: 32px !important;
  min-height: 32px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
  position: absolute !important;
  z-index: 340 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(420px, calc(100dvw - 56px)) !important;
  max-width: calc(100dvw - 56px) !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 255, 0.99) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  right: 18px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.24) !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form {
    position: fixed !important;
    top: 92px !important;
    right: 16px !important;
    left: 16px !important;
    width: auto !important;
    max-width: calc(100dvw - 32px) !important;
    max-height: calc(100dvh - 116px) !important;
    overflow: auto !important;
  }

  .top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form::before {
    display: none !important;
    content: none !important;
  }
}

/* Orders and work-order contrast pass. */
.top1-app-shell[data-top1-section="orders"] .top1-app-content {
  background:
    radial-gradient(circle at 18% 4%, rgba(37, 99, 235, 0.09), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(20, 184, 166, 0.08), transparent 30%),
    linear-gradient(180deg, #edf4fb 0%, #f7fafc 42%, #eef5f9 100%) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-workspace {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(247, 250, 252, 0.9) 100%) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card,
.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-panel,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow,
.top1-app-shell[data-top1-section="orders"] .top1-order-documents-panel {
  border-color: rgba(100, 116, 139, 0.34) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.96) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card > .top1-card-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-heading,
.top1-app-shell[data-top1-section="orders"] .top1-order-section-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-payment-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-documents-stage-head {
  border-color: rgba(148, 163, 184, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.09), rgba(255, 255, 255, 0.9) 48%, rgba(20, 184, 166, 0.06)),
    linear-gradient(180deg, #ffffff 0%, #f1f6fb 100%) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  .top1-orders-search-field,
  .top1-orders-search-form input,
  .top1-orders-search-form select,
  .top1-orders-search-form textarea,
  .top1-orders-toolbar input,
  .top1-orders-toolbar select,
  .top1-orders-filter,
  .top1-orders-period
) {
  border-color: rgba(37, 99, 235, 0.26) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  .top1-orders-search-form input,
  .top1-orders-search-form select,
  .top1-orders-search-form textarea,
  .top1-orders-toolbar input,
  .top1-orders-toolbar select
):focus {
  border-color: rgba(37, 99, 235, 0.58) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.13),
    0 12px 28px rgba(37, 99, 235, 0.11) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-summary,
.top1-app-shell[data-top1-section="orders"] .top1-orders-empty-state,
.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step,
.top1-app-shell[data-top1-section="orders"] .top1-focus-tile,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-panel,
.top1-app-shell[data-top1-section="orders"] .top1-order-debt-tile {
  border-color: rgba(100, 116, 139, 0.28) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-workflow-step.is-current,
.top1-app-shell[data-top1-section="orders"] .top1-focus-tile.is-accent {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.96) 50%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow:
    0 14px 30px rgba(37, 99, 235, 0.13),
    inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-debt-tile.is-warning {
  border-color: rgba(245, 158, 11, 0.44) !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(255, 255, 255, 0.96) 48%, rgba(239, 68, 68, 0.06)) !important;
  box-shadow:
    0 14px 30px rgba(245, 158, 11, 0.13),
    inset 4px 0 0 rgba(245, 158, 11, 0.72) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-table,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block,
.top1-app-shell[data-top1-section="orders"] #top1-order-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts {
  border-color: rgba(100, 116, 139, 0.32) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 253, 0.98) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row-head,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-table > :first-child,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-head {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: linear-gradient(180deg, #edf4fb 0%, #dfeaf5 100%) !important;
  color: #334155 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head),
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card {
  border-color: rgba(203, 213, 225, 0.9) !important;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.045), rgba(255, 255, 255, 0.98) 22%, rgba(255, 255, 255, 0.94)) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head):hover,
.top1-app-shell[data-top1-section="orders"] .top1-orders-row.is-current,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card:has(.top1-order-work-edit-panel[open]),
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card:has(.top1-order-part-edit-panel[open]) {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.98) 28%, rgba(20, 184, 166, 0.06)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.62) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-list,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-card-list {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: linear-gradient(180deg, #f6f9fd 0%, #eef4fa 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-lines-foot,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-lines-foot,
.top1-app-shell[data-top1-section="orders"] .top1-order-payment-total,
.top1-app-shell[data-top1-section="orders"] .top1-order-documents-summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-documents-stage,
.top1-app-shell[data-top1-section="orders"] .top1-order-documents-quick,
.top1-app-shell[data-top1-section="orders"] .top1-order-documents-extra-list {
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.98) 48%, rgba(20, 184, 166, 0.07)) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form,
  #top1-order-parts > details.top1-order-controlled-disclosure[open],
  #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body,
  #top1-order-parts .top1-order-part-edit-form,
  .top1-order-document-summary .top1-order-inline-edit[open] > .top1-order-inline-edit-form,
  .top1-order-document-summary .top1-order-debt-payment-panel[open] > .top1-order-payment-form,
  .top1-order-print-popover-panel,
  #top1-order-services .top1-order-work-share-popover-panel,
  .top1-order-notice-popover
) {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 253, 0.99) 100%) !important;
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.2),
    0 10px 26px rgba(37, 99, 235, 0.12),
    inset 4px 0 0 rgba(37, 99, 235, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-edit-popover-body::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-part-edit-form::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: #ffffff !important;
  box-shadow: -4px -4px 10px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid {
  grid-template-columns: repeat(6, minmax(140px, 1fr)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-card {
  display: grid !important;
  gap: 14px !important;
  border-color: rgba(37, 99, 235, 0.24) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(37, 99, 235, 0.08), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(20, 184, 166, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-copy h2 {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-copy p {
  margin: 0 !important;
  max-width: 900px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-interval-form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-interval-form label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-interval-form input {
  width: 76px !important;
  min-height: 28px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 7px !important;
  padding: 4px 8px !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-overview-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid .top1-clients-summary-card {
  border-color: rgba(37, 99, 235, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 252, 0.98) 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid .top1-clients-summary-card .top1-clients-summary-label {
  color: #64748b !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid .top1-clients-summary-card .top1-clients-summary-value {
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-workspace {
  display: grid !important;
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr) !important;
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-card {
  display: grid !important;
  gap: 12px !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-item {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-item span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-item strong {
  color: #0f172a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-item small {
  color: #475569 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-triage-card {
  align-content: start !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-list {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-preflight-actions {
  align-items: center !important;
  padding-top: 2px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-preflight-actions .top1-primary-button:disabled {
  cursor: default !important;
  opacity: 0.58 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-row,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-empty {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  text-align: left !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-row {
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-row.is-active {
  border-color: rgba(220, 38, 38, 0.46) !important;
  background: #fff7f7 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-row span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-empty {
  overflow-wrap: anywhere !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-row strong {
  justify-self: end !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #dc2626 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-request-row small {
  grid-column: 1 / -1 !important;
  overflow-wrap: anywhere !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-body {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-priority-actions {
    flex-direction: column !important;
  }
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-side {
  display: grid !important;
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-card {
  border-color: rgba(30, 64, 175, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 249, 252, 0.96) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-card > .top1-card-header {
  align-items: center !important;
  gap: 10px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.94) 52%, rgba(20, 184, 166, 0.05)),
    linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
  border-bottom-color: rgba(148, 163, 184, 0.28) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-card-note {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-fleet-control {
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker {
  display: grid;
  gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker > summary span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker > summary b {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker > summary small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker > summary em {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  flex: 0 0 auto;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-picker:not([open]) > summary::after {
  content: "Сменить";
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 11px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.5fr) minmax(150px, 0.7fr) minmax(120px, 0.5fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter label {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter label span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter-actions,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-vehicle {
  display: grid !important;
  grid-template-columns: auto minmax(160px, 1fr) minmax(120px, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(20, 184, 166, 0.28) !important;
  border-radius: 12px !important;
  background: #f0fdfa !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-vehicle span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-vehicle small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-vehicle strong {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter {
    grid-template-columns: 1fr 1fr !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter-actions {
    grid-column: 1 / -1 !important;
    justify-content: stretch !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter-actions > * {
    flex: 1 1 160px !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-vehicle {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-filter {
    grid-template-columns: 1fr !important;
  }
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-list,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-alert-list,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-entry-list {
  display: grid !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  border-radius: 12px;
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
  color: #0f172a;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details > summary::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #e0f2fe;
  color: #0369a1;
  font-size: 16px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details[open] > summary::after {
  content: "-";
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details > summary span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details > summary small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-raw-log-details[open] .top1-diagnostics-entry-list {
  padding: 0 12px 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-row,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-alert-row,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-entry-row {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.055),
    inset 3px 0 0 rgba(37, 99, 235, 0.22) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-row.is-online {
  border-color: rgba(20, 184, 166, 0.34) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.055),
    inset 3px 0 0 rgba(20, 184, 166, 0.58) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-row.is-selected {
  border-color: rgba(20, 184, 166, 0.5) !important;
  background: #f8fffd !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-row.is-offline,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-alert-row.is-sev-3,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-entry-row.is-sev-3 {
  border-color: rgba(239, 68, 68, 0.34) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.055),
    inset 3px 0 0 rgba(239, 68, 68, 0.62) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-alert-row.is-sev-2,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-entry-row.is-sev-2 {
  border-color: rgba(245, 158, 11, 0.36) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.055),
    inset 3px 0 0 rgba(245, 158, 11, 0.64) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-head {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-head strong {
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-head span:not(.top1-diagnostics-status-dot):not(.top1-diagnostics-severity) {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-status-dot {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #94a3b8 !important;
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.14) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-row.is-online .top1-diagnostics-status-dot {
  background: #14b8a6 !important;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.16) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-vehicle-row.is-offline .top1-diagnostics-status-dot {
  background: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.14) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-status-label,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-badge,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-severity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #eef2ff !important;
  color: #1d4ed8 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-selected-badge {
  background: #ccfbf1 !important;
  color: #0f766e !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-severity {
  background: #f1f5f9 !important;
  color: #334155 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .is-sev-2 .top1-diagnostics-severity {
  background: #fef3c7 !important;
  color: #92400e !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .is-sev-3 .top1-diagnostics-severity {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-meta-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px 12px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-meta-line span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1e40af !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-chip.is-dtc {
  border-color: rgba(239, 68, 68, 0.24) !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-alert-row p,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-entry-row p {
  margin: 0 !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-muted-state,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-process-error {
  padding: 12px !important;
  border: 1px dashed rgba(148, 163, 184, 0.46) !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-process-error {
  border-color: rgba(239, 68, 68, 0.34) !important;
  background: #fff1f2 !important;
  color: #991b1b !important;
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid {
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-card > .top1-card-header {
    align-items: flex-start !important;
  }
}

/* Settings page contrast pass. */
.top1-app-shell[data-top1-section="settings"] {
  background: linear-gradient(180deg, #e6eef8 0%, #f7fafc 46%, #edf7f5 100%) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-app-content {
  background:
    radial-gradient(circle at 10% 0%, rgba(37, 99, 235, 0.12), transparent 29%),
    radial-gradient(circle at 86% 4%, rgba(20, 184, 166, 0.12), transparent 31%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 46%, #edf7f4 100%) !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
  .top1-workspace-single,
  .top1-clients-workspace,
  .top1-clients-main
) {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-workspace {
  padding: 14px !important;
  background:
    linear-gradient(180deg, rgba(239, 246, 255, 0.58), rgba(240, 253, 250, 0.42)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main {
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.14) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.64), rgba(239, 247, 250, 0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 16px 34px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card {
  padding: 16px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.99) 42%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(2) {
  border-left-color: #0f766e !important;
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(255, 255, 255, 0.99) 42%, rgba(240, 253, 250, 0.94)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(3) {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(255, 255, 255, 0.99) 42%, rgba(245, 243, 255, 0.94)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(4) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(255, 255, 255, 0.99) 42%, rgba(255, 248, 236, 0.94)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(5) {
  border-left-color: #dc2626 !important;
  background:
    linear-gradient(135deg, rgba(220, 38, 38, 0.08), rgba(255, 255, 255, 0.99) 42%, rgba(255, 241, 242, 0.9)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(6) {
  border-left-color: #0284c7 !important;
  background:
    linear-gradient(135deg, rgba(2, 132, 199, 0.11), rgba(255, 255, 255, 0.99) 42%, rgba(240, 249, 255, 0.94)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-card-header {
  min-height: 40px !important;
  margin: 0 0 12px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-left: 4px solid rgba(37, 99, 235, 0.58) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-card-header h2,
.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-preview-block h3 {
  color: #0f172a !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-preview-block {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-note, .top1-inline-notice) {
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-left: 4px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 54%, rgba(239, 246, 255, 0.94)) !important;
  color: #1e3a8a !important;
  font-weight: 760 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 18px rgba(37, 99, 235, 0.07) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inline-notice.is-success {
  border-color: rgba(16, 185, 129, 0.28) !important;
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 54%, rgba(236, 253, 245, 0.96)) !important;
  color: #065f46 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-notice.is-warning, .top1-inline-badge.is-warning) {
  border-color: rgba(245, 158, 11, 0.35) !important;
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(255, 255, 255, 0.98) 54%, rgba(255, 247, 237, 0.96)) !important;
  color: #92400e !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-notice.is-error, .top1-inline-badge.is-danger) {
  border-color: rgba(220, 38, 38, 0.28) !important;
  border-left-color: #dc2626 !important;
  background:
    linear-gradient(135deg, rgba(220, 38, 38, 0.11), rgba(255, 255, 255, 0.98) 54%, rgba(255, 241, 242, 0.96)) !important;
  color: #991b1b !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-list {
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 11px !important;
  background: rgba(248, 251, 255, 0.78) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-row {
  min-height: 44px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 252, 0.98)) !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.045) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-row span {
  color: #475569 !important;
  font-weight: 720 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-row strong {
  color: #0f172a !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
  .top1-client-form,
  .top1-supplier-price-import-form,
  .top1-manual-targets-form,
  .top1-compensation-policy-form,
  .top1-legal-profile-form,
  .top1-supplier-markup-form
) {
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-grid,
.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid {
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-field {
  padding: 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.95), rgba(255, 255, 255, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 5px 12px rgba(15, 23, 42, 0.035) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-field > span,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-enabled span,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-delete span,
.top1-app-shell[data-top1-section="settings"] .top1-data-confirm-field span {
  color: #334155 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea,
  .top1-table-row input,
  .top1-table-row select,
  .top1-table-row textarea
) {
  border: 1px solid rgba(100, 116, 139, 0.38) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.055),
    0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea,
  .top1-table-row input,
  .top1-table-row select,
  .top1-table-row textarea
):focus {
  border-color: rgba(37, 99, 235, 0.72) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.16),
    inset 0 1px 2px rgba(15, 23, 42, 0.05) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row {
  padding: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-left: 4px solid #7c3aed !important;
  border-radius: 11px !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(255, 255, 255, 0.99) 45%, rgba(248, 250, 252, 0.96)) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head {
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.32) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head > span {
  color: #111827 !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-enabled,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-delete,
.top1-app-shell[data-top1-section="settings"] .top1-data-confirm-field {
  padding: 7px 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
  .top1-table-placeholder,
  .top1-order-detail-table,
  .top1-supplier-price-preview-table
) {
  padding: 8px !important;
  border: 1px solid rgba(37, 99, 235, 0.2) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 22px rgba(15, 23, 42, 0.065) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row {
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 253, 0.98)) !important;
  color: #0f172a !important;
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row:nth-child(even):not(.top1-table-row-head) {
  background:
    linear-gradient(180deg, rgba(246, 250, 255, 0.99), rgba(255, 255, 255, 0.98)) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row-head {
  border-color: rgba(37, 99, 235, 0.28) !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(239, 246, 255, 0.98)) !important;
  color: #1e3a8a !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row > div {
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row span:not(.top1-inline-badge) {
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inline-badge {
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inline-badge.is-success {
  border-color: rgba(16, 185, 129, 0.3) !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item {
  padding: 14px !important;
  border: 1px solid rgba(15, 118, 110, 0.26) !important;
  border-left: 4px solid #0f766e !important;
  border-radius: 11px !important;
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.11), rgba(255, 255, 255, 0.99) 45%, rgba(240, 253, 250, 0.94)) !important;
  box-shadow:
    0 12px 26px rgba(15, 23, 42, 0.085),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item-head {
  padding-bottom: 9px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item-head strong {
  color: #0f172a !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item-head span:not(.top1-inline-badge) {
  color: #475569 !important;
  font-weight: 720 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details {
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.74) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details summary {
  padding: 7px 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
  list-style: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details summary::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-app-button, .top1-secondary-button) {
  box-shadow:
    0 8px 18px rgba(37, 99, 235, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-secondary-button {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-secondary-button.is-danger {
  border-color: rgba(220, 38, 38, 0.34) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fff1f2 100%) !important;
  color: #b91c1c !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="settings"] .top1-clients-workspace {
    padding: 10px !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-clients-main,
  .top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card {
    padding: 12px !important;
    border-radius: 11px !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-manual-target-fields,
  .top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-card-header {
    align-items: flex-start !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions {
    align-items: stretch !important;
  }

  .top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions form,
  .top1-app-shell[data-top1-section="settings"] .top1-client-form-actions :is(.top1-app-button, .top1-secondary-button) {
    width: 100% !important;
  }
}

/* Data management page contrast pass. */
.top1-app-shell[data-top1-section="data_management"] {
  background: linear-gradient(180deg, #e7f0f8 0%, #f8fafc 48%, #eef7f4 100%) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-app-content {
  background:
    radial-gradient(circle at 12% 4%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 86% 7%, rgba(20, 184, 166, 0.11), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf7f4 100%) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-workspace-single,
  .top1-clients-workspace,
  .top1-data-management-main
) {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-data-management-summary {
  gap: 12px !important;
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(238, 247, 250, 0.7)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-summary-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-summary-card:nth-child(2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-summary-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-summary-card:nth-child(4) {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(247, 245, 255, 0.92)) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-summary-value {
  color: #0f172a !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-workspace {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(235, 246, 248, 0.72)) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-data-management-main {
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(236, 246, 249, 0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-content-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 248, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-content-card > .top1-card-header {
  min-height: 52px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.96) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-inline-note,
  .top1-inline-notice
) {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-inline-notice.is-error {
  border-color: rgba(220, 38, 38, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(254, 242, 242, 0.94)) !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.08),
    inset 4px 0 0 rgba(220, 38, 38, 0.52) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-management-list,
  .top1-table-placeholder,
  .top1-inspector-list
) {
  overflow: hidden !important;
  gap: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-management-row,
  .top1-table-row,
  .top1-inspector-row
) {
  min-height: 46px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(203, 213, 225, 0.72) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-data-management-row:nth-child(2n + 1):not(.top1-data-management-row-head),
.top1-app-shell[data-top1-section="data_management"] .top1-table-row:nth-child(2n + 1):not(.top1-table-row-head),
.top1-app-shell[data-top1-section="data_management"] .top1-inspector-row:nth-child(2n) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-management-row-head,
  .top1-table-row-head
) {
  min-height: 44px !important;
  border-color: rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-data-management-row:hover:not(.top1-data-management-row-head),
.top1-app-shell[data-top1-section="data_management"] .top1-table-row:hover:not(.top1-table-row-head),
.top1-app-shell[data-top1-section="data_management"] .top1-inspector-row:hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-management-row > div,
  .top1-table-row > div,
  .top1-table-row span,
  .top1-inspector-row span,
  .top1-team-subline
) {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-management-row strong,
  .top1-table-row strong,
  .top1-inspector-row strong
) {
  color: #0f172a !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-status {
  border: 1px solid rgba(245, 158, 11, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 247, 237, 0.98), rgba(254, 243, 199, 0.9)) !important;
  color: #92400e !important;
  box-shadow: 0 8px 16px rgba(146, 64, 14, 0.08) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-clients-status.is-active {
  border-color: rgba(16, 185, 129, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(209, 250, 229, 0.9)) !important;
  color: #047857 !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-data-management-actions {
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 246, 251, 0.86)) !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-inline-form,
  .top1-data-edit-panel[open],
  .top1-data-edit-form,
  .top1-finance-correction-form
) {
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 252, 0.95)) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-data-edit-panel > summary {
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  color: #1e40af !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-team-edit-grid label,
  .top1-data-confirm-field
) {
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 251, 0.92)) !important;
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-team-edit-grid label span,
  .top1-data-confirm-field span
) {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="data_management"] :is(
  .top1-data-edit-form input,
  .top1-data-edit-form select,
  .top1-data-edit-form textarea,
  .top1-data-inline-form input,
  .top1-data-inline-form select,
  .top1-data-inline-form textarea
) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="data_management"] .top1-secondary-button.is-danger {
  border-color: rgba(220, 38, 38, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(254, 242, 242, 0.98), rgba(254, 226, 226, 0.92)) !important;
  color: #b91c1c !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="data_management"] :is(
    .top1-data-management-summary,
    .top1-clients-workspace,
    .top1-data-management-main,
    .top1-content-card,
    .top1-content-card > .top1-card-header,
    .top1-data-management-list,
    .top1-data-management-row,
    .top1-table-placeholder,
    .top1-inspector-list
  ) {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="data_management"] :is(
    .top1-data-management-main,
    .top1-content-card
  ) {
    padding: 14px !important;
  }
}

/* Logs page contrast pass. */
.top1-app-shell[data-top1-section="logs"] {
  background: linear-gradient(180deg, #e7f0f8 0%, #f8fafc 48%, #edf7f4 100%) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-app-content {
  background:
    radial-gradient(circle at 12% 4%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 86% 7%, rgba(20, 184, 166, 0.11), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf7f4 100%) !important;
}

.top1-app-shell[data-top1-section="logs"] :is(
  .top1-workspace-single,
  .top1-clients-workspace,
  .top1-clients-main
) {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-clients-workspace {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(235, 246, 248, 0.72)) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-clients-main {
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(236, 246, 249, 0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-content-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 248, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-content-card > .top1-card-header {
  min-height: 52px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.96) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-filter-form {
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 252, 0.95)) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-filter-grid {
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(238, 247, 250, 0.78)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-client-form-field {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-client-form-field span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="logs"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea
) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-list {
  gap: 12px !important;
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(238, 247, 250, 0.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-entry {
  padding: 14px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.99) 38%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-entry:nth-child(2n) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.09), rgba(255, 255, 255, 0.99) 38%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-entry:hover {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.12),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-entry-head {
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.72) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-entry-main strong {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-entry-main {
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 246, 251, 0.86)) !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="logs"] :is(
  .top1-log-entry-main span,
  .top1-log-entry-main em,
  .top1-log-time
) {
  color: #475569 !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-time {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef4fb 100%) !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.06) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-pill {
  border: 1px solid rgba(100, 116, 139, 0.34) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  color: #1e40af !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-pill.is-success {
  border-color: rgba(16, 185, 129, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(209, 250, 229, 0.9)) !important;
  color: #047857 !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-pill.is-warning {
  border-color: rgba(245, 158, 11, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 247, 237, 0.98), rgba(254, 243, 199, 0.9)) !important;
  color: #92400e !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-pill.is-neutral {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  color: #1e40af !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-pagination {
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(241, 247, 252, 0.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-page {
  border-color: rgba(37, 99, 235, 0.26) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  color: #1e40af !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="logs"] .top1-log-page.is-active {
  border-color: #1d4ed8 !important;
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="logs"] :is(
    .top1-clients-workspace,
    .top1-clients-main,
    .top1-content-card,
    .top1-content-card > .top1-card-header,
    .top1-log-filter-form,
    .top1-log-list,
    .top1-log-entry
  ) {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="logs"] :is(
    .top1-clients-main,
    .top1-content-card
  ) {
    padding: 14px !important;
  }

  .top1-app-shell[data-top1-section="logs"] .top1-log-entry-head {
    align-items: flex-start !important;
  }
}

/* Finance page contrast pass. */
.top1-app-shell[data-top1-section="finance"] {
  background: linear-gradient(180deg, #e7f0f8 0%, #f8fafc 48%, #eef7f4 100%) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-app-content {
  background:
    radial-gradient(circle at 12% 4%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 86% 7%, rgba(20, 184, 166, 0.11), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf7f4 100%) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-workspace {
  gap: 14px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(235, 246, 248, 0.72)) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-finance-month-filter,
  .top1-finance-summary-grid,
  .top1-finance-workspace,
  .top1-finance-main
) {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter {
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 252, 0.95)) !important;
  box-shadow:
    0 16px 36px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-grid {
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(238, 247, 250, 0.7)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card:nth-child(2) {
  border-left-color: #ef4444 !important;
  background:
    linear-gradient(135deg, rgba(239, 68, 68, 0.11), rgba(255, 255, 255, 0.98) 42%, rgba(254, 242, 242, 0.92)) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card:nth-child(4) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card::before {
  opacity: 1 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-value {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-workspace {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(236, 246, 249, 0.7)) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-main {
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(236, 246, 249, 0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-content-card,
  .top1-finance-card,
  .top1-finance-bottom-card,
  .top1-finance-inspector
) {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 248, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-content-card > .top1-card-header,
  .top1-finance-mini-header
) {
  min-height: 52px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.96) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-mini-header {
  margin: 18px 0 12px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-finance-ledger,
  .top1-table-placeholder,
  .top1-finance-order-table,
  .top1-finance-operating-table,
  .top1-finance-operating-entry-table,
  .top1-finance-expense-table
) {
  overflow: hidden !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-finance-row,
  .top1-table-row
) {
  min-height: 46px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-row:nth-child(2n + 1):not(.top1-finance-row-head),
.top1-app-shell[data-top1-section="finance"] .top1-table-row:nth-child(2n + 1):not(.top1-table-row-head) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-finance-row-head,
  .top1-table-row-head
) {
  min-height: 44px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-row:hover:not(.top1-finance-row-head),
.top1-app-shell[data-top1-section="finance"] .top1-table-row:hover:not(.top1-table-row-head) {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-finance-row > div,
  .top1-table-row > div,
  .top1-table-row span
) {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-finance-row > div:first-child,
  .top1-table-row > div:first-child,
  .top1-table-row strong
) {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-status {
  border: 1px solid rgba(245, 158, 11, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 247, 237, 0.98), rgba(254, 243, 199, 0.9)) !important;
  color: #92400e !important;
  box-shadow: 0 8px 16px rgba(146, 64, 14, 0.08) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-status.is-active {
  border-color: rgba(16, 185, 129, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(209, 250, 229, 0.9)) !important;
  color: #047857 !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-inline-note,
  .top1-inline-notice
) {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-inline-notice.is-error {
  border-color: rgba(220, 38, 38, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(254, 242, 242, 0.94)) !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.08),
    inset 4px 0 0 rgba(220, 38, 38, 0.52) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-order-payment-form,
  .top1-finance-expense-form
) {
  gap: 12px !important;
  margin-bottom: 16px !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 252, 0.95)) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-client-form-field {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-client-form-field span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea
) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="finance"] :is(
    .top1-workspace,
    .top1-finance-workspace,
    .top1-finance-main,
    .top1-content-card,
    .top1-content-card > .top1-card-header,
    .top1-finance-mini-header,
    .top1-finance-summary-card,
    .top1-finance-ledger,
    .top1-table-placeholder
  ) {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="finance"] :is(
    .top1-finance-main,
    .top1-content-card,
    .top1-finance-inspector
  ) {
    padding: 14px !important;
  }
}

/* Warehouse parts page contrast pass. */
.top1-app-shell[data-top1-section="parts"] {
  background: linear-gradient(180deg, #e8f1f8 0%, #f8fafc 48%, #eef7f4 100%) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-app-content {
  background:
    radial-gradient(circle at 13% 4%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 86% 7%, rgba(20, 184, 166, 0.11), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf7f4 100%) !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-workspace-single,
  .top1-clients-workspace,
  .top1-clients-main
) {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-workspace {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(235, 246, 248, 0.72)) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-main {
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(236, 246, 249, 0.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-grid {
  gap: 12px !important;
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(238, 247, 250, 0.7)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card:nth-child(2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card:nth-child(4) {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(247, 245, 255, 0.92)) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card::before {
  opacity: 1 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-value {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-content-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 248, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-content-card > .top1-card-header,
.top1-app-shell[data-top1-section="parts"] .top1-parts-stock-subheader {
  min-height: 52px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.96) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-stock-subheader {
  margin: 18px 0 12px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-inline-note,
  .top1-inline-notice
) {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-inline-notice.is-error {
  border-color: rgba(220, 38, 38, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(254, 242, 242, 0.94)) !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.08),
    inset 4px 0 0 rgba(220, 38, 38, 0.52) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form {
  gap: 12px !important;
  margin-bottom: 16px !important;
  padding: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 252, 0.95)) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-client-form-grid {
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-client-form-field {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-client-form-field span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea
) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-parts-registry,
  .top1-stock-ledger-table
) {
  overflow: hidden !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-parts-row,
  .top1-stock-ledger-row
) {
  min-height: 46px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-row:nth-child(2n + 1):not(.top1-parts-row-head),
.top1-app-shell[data-top1-section="parts"] .top1-stock-ledger-row:nth-child(2n + 1):not(.top1-table-row-head) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-parts-row-head,
  .top1-stock-ledger-row.top1-table-row-head
) {
  min-height: 44px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-row:hover:not(.top1-parts-row-head),
.top1-app-shell[data-top1-section="parts"] .top1-stock-ledger-row:hover:not(.top1-table-row-head) {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-parts-row > div,
  .top1-stock-ledger-row > div,
  .top1-stock-ledger-row span
) {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
  .top1-parts-row > div:first-child,
  .top1-stock-ledger-row > div:first-child,
  .top1-stock-ledger-row strong
) {
  color: #0f172a !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="parts"] :is(
    .top1-clients-workspace,
    .top1-clients-main,
    .top1-content-card,
    .top1-content-card > .top1-card-header,
    .top1-parts-stock-subheader,
    .top1-clients-summary-card,
    .top1-parts-registry,
    .top1-stock-ledger-table
  ) {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="parts"] :is(
    .top1-clients-main,
    .top1-content-card
  ) {
    padding: 14px !important;
  }
}

/* AI assistant page contrast pass. */
.top1-app-shell[data-top1-section="ai_assistant"] {
  background: linear-gradient(180deg, #e7eff8 0%, #f8fafc 48%, #edf6f4 100%) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-app-content {
  background:
    radial-gradient(circle at 12% 4%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 88% 6%, rgba(20, 184, 166, 0.11), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #eef7f6 100%) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] :is(
  .top1-workspace-single,
  .top1-clients-workspace,
  .top1-ai-owner-workspace,
  .top1-clients-main
) {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(235, 246, 248, 0.72)) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-main {
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(236, 246, 249, 0.7)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-content-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 248, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-content-card > .top1-card-header {
  min-height: 54px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.96) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-grid {
  gap: 12px !important;
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(238, 247, 250, 0.7)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card::before {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.82), rgba(37, 99, 235, 0.26)) !important;
  opacity: 1 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card:nth-child(3n + 2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card:nth-child(3n + 2)::before {
  background:
    linear-gradient(180deg, rgba(16, 185, 129, 0.82), rgba(16, 185, 129, 0.24)) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card:nth-child(3n) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card:nth-child(3n)::before {
  background:
    linear-gradient(180deg, rgba(245, 158, 11, 0.86), rgba(245, 158, 11, 0.26)) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-card:hover {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-clients-summary-value {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] :is(
  .top1-inline-note,
  .top1-ai-owner-action-notice
) {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-action-notice-error {
  border-color: rgba(220, 38, 38, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(254, 242, 242, 0.94)) !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.08),
    inset 4px 0 0 rgba(220, 38, 38, 0.52) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-list {
  overflow: hidden !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row {
  min-height: 46px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row:nth-child(2n) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row:first-child {
  border-top: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row:hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row > span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row > strong {
  max-width: 560px !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-row {
  border-left: 4px solid rgba(37, 99, 235, 0.58) !important;
  border-radius: 10px !important;
  margin: 8px !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-form {
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-form textarea {
  border: 1px solid rgba(37, 99, 235, 0.32) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-form textarea::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-actions .button {
  border: 1px solid rgba(37, 99, 235, 0.32) !important;
  border-radius: 10px !important;
  box-shadow:
    0 10px 20px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-actions .button-primary {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%) !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-frontend-draft-actions .button-secondary {
  background: linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  color: #1e40af !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="ai_assistant"] :is(
    .top1-content-card,
    .top1-content-card > .top1-card-header,
    .top1-clients-summary-card,
    .top1-inspector-list,
    .top1-inline-note
  ) {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="ai_assistant"] .top1-content-card {
    padding: 14px !important;
  }

  .top1-app-shell[data-top1-section="ai_assistant"] .top1-inspector-row > strong {
    max-width: none !important;
    text-align: left !important;
  }
}

/* Dashboard overview contrast pass. */
.top1-app-shell[data-top1-section="dashboard"] {
  background: linear-gradient(180deg, #e7f0f8 0%, #f7fafc 48%, #edf5f7 100%) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-app-content {
  background:
    radial-gradient(circle at 15% 3%, rgba(37, 99, 235, 0.11), transparent 30%),
    radial-gradient(circle at 84% 8%, rgba(20, 184, 166, 0.1), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf5f8 100%) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace {
  gap: 14px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(236, 245, 250, 0.7)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-dashboard-kpi-grid,
  .top1-dashboard-overview-kpis,
  .top1-operational-kpis,
  .top1-operational-grid,
  .top1-dashboard-overview-main,
  .top1-dashboard-main
) {
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-dashboard {
  padding: 14px !important;
  border: 1px solid rgba(71, 85, 105, 0.3) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(237, 246, 251, 0.9) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-head {
  min-height: 58px !important;
  margin-bottom: 2px !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.95) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-head h2 {
  color: #0f172a !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-head p {
  color: #475569 !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-kpi,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-kpi-grid .top1-kpi-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card::before,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-kpi-grid .top1-kpi-card::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(.top1-operational-kpi, .top1-kpi-card):hover {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-kpi.is-planner,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-vehicles,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-kpi-grid .top1-kpi-card:nth-child(2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-kpi.is-parts,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-orders,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-kpi-grid .top1-kpi-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-kpi.is-payment,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-kpis .top1-kpi-card.is-parts,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-kpi-grid .top1-kpi-card:nth-child(4) {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(247, 245, 255, 0.92)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-operational-kpi span,
  .top1-operational-kpi small,
  .top1-summary-label,
  .top1-summary-note
) {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-operational-kpi strong,
  .top1-summary-value
) {
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-dashboard-card,
  .top1-operational-card,
  .top1-productivity-card,
  .top1-compensation-card
) {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 247, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-card::after {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-card > .top1-card-header,
.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card > .top1-card-header,
.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-card > .top1-card-header,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-card > .top1-card-header {
  min-height: 52px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.95) 48%, rgba(20, 184, 166, 0.09)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcuts {
  grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut {
  min-height: 82px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 14px 15px 14px 18px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  color: #0f172a !important;
  text-decoration: none !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut:is(:hover, :focus-visible) {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut.is-vehicles {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut.is-logs {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut.is-data_management {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(247, 245, 255, 0.92)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut span {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut small {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-table-placeholder,
  .top1-productivity-table,
  .top1-compensation-table,
  .top1-compensation-unresolved,
  .top1-compensation-basis,
  .top1-compensation-timing
) {
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row {
  min-height: 46px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:nth-child(2n + 1):not(.top1-table-row-head) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row-head {
  min-height: 44px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:not(.top1-table-row-head):hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row > div,
.top1-app-shell[data-top1-section="dashboard"] .top1-table-row span {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row strong,
.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:not(.top1-table-row-head) > div:first-child {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-dashboard-empty-feed,
  .top1-inline-note,
  .top1-inline-notice,
  .top1-compensation-bonus-form,
  .top1-compensation-action-form,
  .top1-compensation-reversal-form,
  .top1-compensation-ledger-entry
) {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-empty-feed strong {
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-empty-feed span {
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-client-form-field,
  .top1-compensation-bonus-grid label,
  .top1-productivity-period-grid label
) {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-client-form-field span,
  .top1-compensation-bonus-grid label span,
  .top1-productivity-period-grid label span
) {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea,
  .top1-compensation-bonus-form input,
  .top1-compensation-bonus-form select,
  .top1-compensation-bonus-form textarea,
  .top1-compensation-action-form input,
  .top1-compensation-reversal-form input,
  .top1-productivity-period-grid input,
  .top1-productivity-period-grid select
) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="dashboard"] :is(
    .top1-operational-dashboard,
    .top1-operational-head,
    .top1-operational-kpi,
    .top1-dashboard-card,
    .top1-operational-card,
    .top1-table-placeholder,
    .top1-dashboard-empty-feed
  ) {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="dashboard"] :is(
    .top1-operational-dashboard,
    .top1-dashboard-card,
    .top1-operational-card
  ) {
    padding: 14px !important;
  }

  .top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Clients page contrast pass. */
.top1-app-shell[data-top1-section="clients"] .top1-app-content {
  background:
    radial-gradient(circle at 14% 4%, rgba(37, 99, 235, 0.11), transparent 30%),
    radial-gradient(circle at 86% 9%, rgba(20, 184, 166, 0.1), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #eef6f8 100%) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-workspace-single,
.top1-app-shell[data-top1-section="clients"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="clients"] .top1-clients-main {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-grid {
  gap: 12px !important;
  padding: 2px !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-card::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-card:nth-child(2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-card:nth-child(4) {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(247, 245, 255, 0.92)) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-card:hover {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-summary-value {
  margin-top: 10px !important;
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 247, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-card::after {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-card > .top1-card-header {
  min-height: 54px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.95) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-card > .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-inline-note,
.top1-app-shell[data-top1-section="clients"] .top1-inline-notice,
.top1-app-shell[data-top1-section="clients"] .top1-clients-prerequisite-note,
.top1-app-shell[data-top1-section="clients"] .top1-empty-state {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-inline-notice.is-error {
  border-color: rgba(239, 68, 68, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(255, 245, 245, 0.95)) !important;
  color: #991b1b !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.09),
    inset 4px 0 0 rgba(239, 68, 68, 0.58) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form {
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-grid {
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 253, 0.96)) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-field {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-field span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-field:is(:hover, :focus-within) {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-field :is(input, select, textarea) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-field :is(input, select, textarea):focus {
  border-color: rgba(37, 99, 235, 0.66) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.14),
    inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-client-form-actions {
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 251, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-registry {
  margin-top: 0 !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 20px 46px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-row {
  min-height: 48px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-row:nth-child(2n + 1):not(.top1-clients-row-head) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-row-head {
  min-height: 44px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-row:not(.top1-clients-row-head):hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-row > div {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-row:not(.top1-clients-row-head) > div:first-child {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-status {
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
  color: #475569 !important;
  box-shadow:
    0 6px 14px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="clients"] .top1-clients-status.is-active {
  border-color: rgba(16, 185, 129, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(209, 250, 229, 0.92) 0%, rgba(236, 253, 245, 0.98) 100%) !important;
  color: #047857 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="clients"] .top1-clients-card,
  .top1-app-shell[data-top1-section="clients"] .top1-clients-registry,
  .top1-app-shell[data-top1-section="clients"] .top1-client-form-grid,
  .top1-app-shell[data-top1-section="clients"] .top1-client-form-actions {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="clients"] .top1-clients-card {
    padding: 14px !important;
  }

  .top1-app-shell[data-top1-section="clients"] .top1-clients-row {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }
}

/* Vehicles page contrast pass. */
.top1-app-shell[data-top1-section="vehicles"] .top1-app-content {
  background:
    radial-gradient(circle at 13% 4%, rgba(37, 99, 235, 0.11), transparent 30%),
    radial-gradient(circle at 86% 9%, rgba(20, 184, 166, 0.1), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf5f8 100%) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-workspace-single,
.top1-app-shell[data-top1-section="vehicles"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="vehicles"] .top1-clients-main {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-grid {
  gap: 12px !important;
  padding: 2px !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-card {
  min-height: 92px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-card::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-card:nth-child(2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-card:nth-child(4) {
  border-left-color: #0ea5e9 !important;
  background:
    linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(240, 249, 255, 0.94)) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-card:hover {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    0 8px 18px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-summary-value {
  margin-top: 10px !important;
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 247, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-card::after {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-card > .top1-card-header {
  min-height: 54px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.95) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-card > .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-inline-note,
.top1-app-shell[data-top1-section="vehicles"] .top1-inline-notice,
.top1-app-shell[data-top1-section="vehicles"] .top1-vehicles-prerequisite-note,
.top1-app-shell[data-top1-section="vehicles"] .top1-empty-state {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-inline-notice.is-error {
  border-color: rgba(239, 68, 68, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(255, 245, 245, 0.95)) !important;
  color: #991b1b !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.09),
    inset 4px 0 0 rgba(239, 68, 68, 0.58) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form {
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-form-grid,
.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-grid {
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 253, 0.96)) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-field {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-field span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-field:is(:hover, :focus-within) {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-field :is(input, select, textarea) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-field :is(input, select, textarea):focus {
  border-color: rgba(37, 99, 235, 0.66) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.14),
    inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-client-form-actions {
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 251, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-combobox-list {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 253, 0.99) 100%) !important;
  box-shadow:
    0 24px 52px rgba(15, 23, 42, 0.18),
    0 8px 18px rgba(37, 99, 235, 0.1),
    inset 4px 0 0 rgba(37, 99, 235, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-combobox-option {
  min-height: 34px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-combobox-option:hover,
.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-combobox-option.is-active {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-registry {
  margin-top: 0 !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 20px 46px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-header h2 {
  order: 1 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 6px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 247, 253, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(15, 23, 42, 0.055) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  min-height: 38px !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls label:focus-within {
  border-color: rgba(37, 99, 235, 0.48) !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls label span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls select {
  width: auto !important;
  min-width: 76px !important;
  min-height: 34px !important;
  padding: 6px 28px 6px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background-color: #f8fbff !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls input[type="search"] {
  width: clamp(180px, 22vw, 320px) !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls input[type="search"]::placeholder {
  color: #94a3b8 !important;
  font-weight: 700 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls .top1-secondary-button {
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
  color: #1d4ed8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(37, 99, 235, 0.08) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls .top1-secondary-button:hover {
  border-color: rgba(37, 99, 235, 0.48) !important;
  background:
    linear-gradient(180deg, #f8fbff 0%, #dbeafe 100%) !important;
  color: #1e40af !important;
  transform: translateY(-1px) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-meta {
  margin: 0 0 10px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-pagination {
  margin-top: 12px !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-pagination-gap {
  border-color: transparent !important;
  background: transparent !important;
  color: #64748b !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-row {
  grid-template-columns: minmax(150px, 1.05fr) minmax(140px, 0.85fr) minmax(90px, 0.62fr) minmax(130px, 0.9fr) minmax(240px, 1.2fr) minmax(110px, 0.7fr) !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-row:nth-child(2n + 1):not(.top1-clients-row-head) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-row-head {
  min-height: 44px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-row:not(.top1-clients-row-head):hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-row > div {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="vehicles"] .top1-clients-row:not(.top1-clients-row-head) > div:first-child {
  color: #0f172a !important;
  font-weight: 850 !important;
}

.top1-client-app-link {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-direction: column !important;
  gap: 10px !important;
  color: #334155 !important;
}

.top1-client-app-link-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.top1-client-app-link-status {
  display: inline-flex !important;
  min-height: 26px !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.38) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.top1-client-app-link.is-connected .top1-client-app-link-status {
  border-color: rgba(16, 185, 129, 0.24) !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.top1-client-app-link.is-waiting .top1-client-app-link-status,
.top1-client-app-link.is-loading .top1-client-app-link-status {
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: #eff6ff !important;
  color: #0369a1 !important;
}

.top1-client-app-link.is-expired .top1-client-app-link-status {
  border-color: rgba(245, 158, 11, 0.28) !important;
  background: #fffbeb !important;
  color: #92400e !important;
}

.top1-client-app-link.is-error .top1-client-app-link-status {
  border-color: rgba(239, 68, 68, 0.28) !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.top1-client-app-link.is-unavailable .top1-client-app-link-status {
  color: #64748b !important;
}

.top1-client-app-link-button,
.top1-client-app-copy,
.top1-client-app-renew {
  min-height: 30px !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.top1-client-app-link-button {
  max-width: 100% !important;
  padding: 6px 10px !important;
}

.top1-client-app-copy,
.top1-client-app-renew {
  padding: 6px 9px !important;
}

.top1-client-app-link-button:hover,
.top1-client-app-copy:hover,
.top1-client-app-renew:hover {
  border-color: rgba(37, 99, 235, 0.5) !important;
  background: #f8fbff !important;
  color: #1d4ed8 !important;
  transform: translateY(-1px) !important;
}

.top1-client-app-link-button:disabled,
.top1-client-app-copy:disabled,
.top1-client-app-renew:disabled {
  cursor: default !important;
  opacity: 0.64 !important;
  transform: none !important;
}

.top1-client-app-link.is-waiting .top1-client-app-link-button:disabled {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  opacity: 1 !important;
}

.top1-client-app-link-note,
.top1-client-app-code-meta {
  color: #64748b !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.top1-client-app-code-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-client-app-code-panel[hidden] {
  display: none !important;
}

.top1-client-app-code-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  grid-column: 1 / -1 !important;
  padding: 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
}

.top1-client-app-code {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  flex: 1 1 190px !important;
  max-width: 100% !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.top1-client-app-qr-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  grid-column: 1 / -1 !important;
}

.top1-client-app-qr-grid[hidden] {
  display: none !important;
}

.top1-client-app-qr-card {
  display: grid !important;
  gap: 8px !important;
  justify-items: center !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

.top1-client-app-qr-card.is-activation {
  padding: 16px 14px !important;
  border-color: rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.top1-client-app-qr-card.is-download {
  justify-self: stretch !important;
  width: 100% !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  column-gap: 12px !important;
  padding: 10px 12px !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

.top1-client-app-qr-card.is-download strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  text-align: left !important;
}

.top1-client-app-qr-card strong {
  color: #0f172a !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.top1-client-app-qr {
  width: 180px !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  padding: 6px !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.top1-client-app-qr-card.is-activation .top1-client-app-qr {
  width: 240px !important;
  padding: 10px !important;
  border-radius: 14px !important;
}

.top1-client-app-qr-card.is-download .top1-client-app-qr {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 132px !important;
  padding: 5px !important;
}

.top1-client-app-qr svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.top1-client-app-renew {
  align-self: center !important;
  justify-self: end !important;
}

.top1-client-app-code-meta {
  align-self: center !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

@media (max-width: 520px) {
  .top1-client-app-code-panel {
    grid-template-columns: 1fr !important;
  }

  .top1-client-app-renew {
    justify-self: start !important;
  }

  .top1-client-app-qr {
    width: 180px !important;
  }

  .top1-client-app-qr-card.is-activation .top1-client-app-qr {
    width: 220px !important;
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="vehicles"] .top1-clients-card,
  .top1-app-shell[data-top1-section="vehicles"] .top1-clients-registry,
  .top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-form-grid,
  .top1-app-shell[data-top1-section="vehicles"] .top1-client-form-grid,
  .top1-app-shell[data-top1-section="vehicles"] .top1-client-form-actions {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="vehicles"] .top1-clients-card {
    padding: 14px !important;
  }

  .top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls {
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-search-field,
  .top1-app-shell[data-top1-section="vehicles"] .top1-vehicle-registry-controls input[type="search"] {
    width: 100% !important;
  }

  .top1-app-shell[data-top1-section="vehicles"] .top1-clients-row {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }
}

/* Employees page contrast pass. */
.top1-app-shell[data-top1-section="team"] .top1-app-content {
  background:
    radial-gradient(circle at 15% 3%, rgba(37, 99, 235, 0.11), transparent 30%),
    radial-gradient(circle at 84% 8%, rgba(20, 184, 166, 0.1), transparent 32%),
    linear-gradient(180deg, #eaf2fb 0%, #f8fafc 45%, #edf5f8 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell {
  gap: 14px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(236, 245, 250, 0.7)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell > .top1-clients-summary-grid {
  gap: 12px !important;
  padding: 2px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-workspace,
.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-main {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-card {
  min-height: 90px !important;
  padding: 15px 16px 15px 20px !important;
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.98) 42%, rgba(244, 248, 252, 0.95)) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-card::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-card:nth-child(2) {
  border-left-color: #10b981 !important;
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(243, 250, 247, 0.95)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-card:nth-child(3) {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(255, 255, 255, 0.98) 42%, rgba(255, 248, 236, 0.92)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-card:nth-child(4) {
  border-left-color: #7c3aed !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.98) 42%, rgba(247, 245, 255, 0.92)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-summary-value {
  margin-top: 10px !important;
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-content-card,
.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-card,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card {
  padding: 18px !important;
  border: 1px solid rgba(71, 85, 105, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(242, 247, 252, 0.97) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.13),
    0 8px 20px rgba(37, 99, 235, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-clients-card::after {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace .top1-clients-card > .top1-card-header,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card > .top1-card-header {
  min-height: 54px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.95) 48%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.09),
    inset 4px 0 0 rgba(37, 99, 235, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace .top1-card-header h2,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-card-header h2 {
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-inline-note,
.top1-app-shell[data-top1-section="team"] .top1-inline-notice,
.top1-app-shell[data-top1-section="team"] .top1-empty-state,
.top1-app-shell[data-top1-section="team"] .top1-team-secret-grid {
  border: 1px solid rgba(20, 184, 166, 0.3) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(255, 255, 255, 0.98) 34%, rgba(242, 247, 252, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-inline-notice.is-error {
  border-color: rgba(239, 68, 68, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.98) 34%, rgba(255, 245, 245, 0.95)) !important;
  color: #991b1b !important;
  box-shadow:
    0 10px 22px rgba(127, 29, 29, 0.09),
    inset 4px 0 0 rgba(239, 68, 68, 0.58) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-secret-grid .top1-inspector-row {
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace .top1-client-form,
.top1-app-shell[data-top1-section="team"] .top1-team-edit-form {
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace .top1-client-form-grid,
.top1-app-shell[data-top1-section="team"] .top1-team-edit-grid {
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 253, 0.96)) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-client-form-field,
.top1-app-shell[data-top1-section="team"] .top1-team-edit-grid label,
.top1-app-shell[data-top1-section="team"] .top1-team-delete-form label {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="team"] :is(.top1-client-form-field span, .top1-team-edit-grid label span, .top1-team-delete-form label span) {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="team"] :is(.top1-client-form-field, .top1-team-edit-grid label, .top1-team-delete-form label):is(:hover, :focus-within) {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
}

.top1-app-shell[data-top1-section="team"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea,
  .top1-team-edit-grid input,
  .top1-team-edit-grid select,
  .top1-team-edit-grid textarea,
  .top1-team-access-form input,
  .top1-team-delete-form input
) {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="team"] :is(
  .top1-client-form-field input,
  .top1-client-form-field select,
  .top1-client-form-field textarea,
  .top1-team-edit-grid input,
  .top1-team-edit-grid select,
  .top1-team-edit-grid textarea,
  .top1-team-access-form input,
  .top1-team-delete-form input
):focus {
  border-color: rgba(37, 99, 235, 0.66) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.14),
    inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-client-form-actions,
.top1-app-shell[data-top1-section="team"] .top1-team-edit-form > button,
.top1-app-shell[data-top1-section="team"] .top1-team-access-form,
.top1-app-shell[data-top1-section="team"] .top1-team-delete-form {
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 251, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-compensation-toggle,
.top1-app-shell[data-top1-section="team"] .top1-team-edit-panel > summary {
  border-color: rgba(37, 99, 235, 0.3) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    0 8px 18px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-edit-panel[open] {
  border-color: rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.96)) !important;
  box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.1),
    inset 4px 0 0 rgba(37, 99, 235, 0.42) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-compensation-panel {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 253, 0.99) 100%) !important;
  box-shadow:
    0 24px 52px rgba(15, 23, 42, 0.18),
    0 8px 18px rgba(37, 99, 235, 0.1),
    inset 4px 0 0 rgba(37, 99, 235, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-compensation-option {
  border-color: rgba(148, 163, 184, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  box-shadow: inset 3px 0 0 rgba(20, 184, 166, 0.18) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry {
  margin-top: 0 !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f9fd 100%) !important;
  box-shadow:
    0 20px 46px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row {
  min-height: 54px !important;
  padding: 12px 16px !important;
  border-top-color: rgba(203, 213, 225, 0.82) !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row:nth-child(2n + 1):not(.top1-clients-row-head) {
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.055), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-clients-row-head {
  min-height: 46px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row:not(.top1-clients-row-head):hover {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.99) 28%, rgba(20, 184, 166, 0.08)) !important;
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.58) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row > div {
  color: #334155 !important;
  overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row:not(.top1-clients-row-head) > div:first-child strong {
  color: #0f172a !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-subline {
  color: #64748b !important;
  font-weight: 650 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-subline.is-warning {
  color: #b45309 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-clients-status {
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
  color: #475569 !important;
  box-shadow:
    0 6px 14px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-clients-status.is-active {
  border-color: rgba(16, 185, 129, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(209, 250, 229, 0.92) 0%, rgba(236, 253, 245, 0.98) 100%) !important;
  color: #047857 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-clients-status.is-warning {
  border-color: rgba(245, 158, 11, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(254, 243, 199, 0.94) 0%, rgba(255, 251, 235, 0.98) 100%) !important;
  color: #92400e !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-toolbar {
  border-color: rgba(37, 99, 235, 0.26) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.96) 48%, rgba(20, 184, 166, 0.09)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.11),
    inset 4px 0 0 rgba(37, 99, 235, 0.56),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-toolbar-field .top1-ru-month-input,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-week-filter .top1-ru-month-input {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-toolbar-pills .top1-planner-action-pill,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-date-nav .top1-planner-action-pill,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-date-nav .top1-planner-date-pill,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-date-nav .top1-planner-icon-button {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    0 8px 18px rgba(37, 99, 235, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll {
  border-color: rgba(37, 99, 235, 0.3) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
  box-shadow:
    0 22px 52px rgba(15, 23, 42, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  scrollbar-width: thin !important;
  scrollbar-color: transparent transparent !important;
  transition: scrollbar-color 0.16s ease !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll:hover,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll:focus-within {
  scrollbar-color: rgba(100, 116, 139, 0.42) rgba(226, 232, 240, 0.3) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll::-webkit-scrollbar-thumb {
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-clip: padding-box !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll:hover::-webkit-scrollbar-track,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll:focus-within::-webkit-scrollbar-track {
  background: rgba(226, 232, 240, 0.28) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll:hover::-webkit-scrollbar-thumb,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll:focus-within::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.42) !important;
  background-clip: padding-box !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-table {
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 253, 0.96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(148, 163, 184, 0.18) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-row.top1-table-row-head > div,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-row-head > div {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-person,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-row > div:first-child {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    10px 0 18px -16px rgba(15, 23, 42, 0.22),
    inset 4px 0 0 rgba(37, 99, 235, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell {
  border-left-color: rgba(148, 163, 184, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(238, 244, 249, 0.94) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(15, 23, 42, 0.08),
    inset 1px 0 0 rgba(255, 255, 255, 0.42) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell.is-shift-working {
  background: linear-gradient(180deg, #f8fffb 0%, #dcfce7 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell.is-shift-off {
  background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell.is-shift-vacation {
  background: linear-gradient(180deg, #ffffff 0%, #e0e7ff 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell.is-shift-sick {
  background: linear-gradient(180deg, #ffffff 0%, #ffe4e6 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell.is-shift-custom {
  background: linear-gradient(180deg, #ffffff 0%, #dbeafe 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell:hover,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-summary {
  background:
    linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.3),
    inset 4px 0 0 rgba(37, 99, 235, 0.48),
    0 6px 14px rgba(15, 23, 42, 0.09) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-editor[open] {
  border: 1px solid rgba(37, 99, 235, 0.24) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 244, 250, 0.94)) !important;
  box-shadow:
    inset 4px 0 0 rgba(37, 99, 235, 0.44),
    0 8px 18px rgba(15, 23, 42, 0.1) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-clear-form {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 253, 0.99) 100%) !important;
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.2),
    0 10px 26px rgba(37, 99, 235, 0.12),
    inset 4px 0 0 rgba(37, 99, 235, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form::before {
  content: "" !important;
  position: absolute !important;
  top: calc(var(--top1-team-schedule-popover-arrow-top, 18px) - 6px) !important;
  left: -7px !important;
  right: auto !important;
  width: 12px !important;
  height: 12px !important;
  border-color: rgba(37, 99, 235, 0.38) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: #ffffff !important;
  transform: rotate(-45deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form[data-top1-team-schedule-popover-side="left"]::before {
  left: auto !important;
  right: -7px !important;
  transform: rotate(135deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-summary {
  position: relative !important;
  z-index: 12 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form label {
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  box-shadow: inset 3px 0 0 rgba(20, 184, 166, 0.18) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form :is(select, input, textarea) {
  border-color: rgba(37, 99, 235, 0.3) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-card-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  min-height: 22px !important;
  padding: 3px 6px !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend strong,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend em {
  font-style: normal !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend strong {
  font-size: 11px !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend em {
  font-size: 10px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-table {
  min-width: calc(190px + (var(--top1-team-schedule-days, 31) * 44px)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-table .top1-team-schedule-row {
  grid-template-columns: 190px repeat(var(--top1-team-schedule-days, 31), minmax(44px, 1fr)) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell {
  min-height: 34px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-summary {
  display: grid !important;
  place-items: center !important;
  min-height: 34px !important;
  padding: 4px 2px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-status {
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-summary span:not(.top1-team-schedule-cell-status),
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-summary small {
  display: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form {
  width: 228px !important;
  gap: 7px !important;
  padding: 9px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-choices {
  display: grid !important;
  gap: 6px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  width: 100% !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  color: #0f172a !important;
  cursor: pointer !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option:hover,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option:focus-visible,
.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option.is-selected {
  border-color: rgba(37, 99, 235, 0.4) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  box-shadow:
    inset 3px 0 0 rgba(37, 99, 235, 0.48),
    0 8px 16px rgba(15, 23, 42, 0.08) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option strong {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option span {
  min-width: 0 !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option.is-shift-working strong {
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option.is-shift-off strong {
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option.is-shift-vacation strong {
  color: #4f46e5 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-status-option.is-shift-sick strong {
  color: #be123c !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell {
  position: relative !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-editor[open],
html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] {
  position: relative !important;
  z-index: 3000 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-form,
html.top1-team-schedule-enhanced .top1-team-schedule-cell-editor[open] .top1-team-schedule-cell-form {
  position: absolute !important;
  top: 50% !important;
  left: calc(100% + 8px) !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 3100 !important;
  width: 228px !important;
  max-height: none !important;
  overflow: visible !important;
  transform: translateY(-50%) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form[data-top1-team-schedule-popover-side="left"],
html.top1-team-schedule-enhanced .top1-team-schedule-cell-form[data-top1-team-schedule-popover-side="left"] {
  left: auto !important;
  right: calc(100% + 8px) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form::before {
  top: 50% !important;
  left: -7px !important;
  right: auto !important;
  transform: translateY(-50%) rotate(-45deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-schedule-cell-form[data-top1-team-schedule-popover-side="left"]::before,
html.top1-team-schedule-enhanced .top1-team-schedule-cell-form[data-top1-team-schedule-popover-side="left"]::before {
  left: auto !important;
  right: -7px !important;
  transform: translateY(-50%) rotate(135deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry,
.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row,
.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row > div {
  overflow: visible !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row {
  position: relative !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover {
  position: relative !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: flex-start !important;
  margin: 7px 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  vertical-align: top !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover[open] {
  z-index: 5200 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover-trigger {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 30px !important;
  max-width: 100% !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 246, 255, 0.98) 100%) !important;
  color: #1e3a8a !important;
  box-shadow:
    0 9px 18px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  cursor: pointer !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  user-select: none !important;
  white-space: nowrap !important;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover-trigger::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover-trigger::marker {
  content: "" !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover-trigger::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: 0.64 !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover-trigger::after {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  margin-left: 1px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-1px) rotate(45deg) !important;
  opacity: 0.72 !important;
  transition: transform 160ms ease !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover-trigger:is(:hover, :focus-visible),
.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover[open] > .top1-team-registry-popover-trigger {
  border-color: rgba(37, 99, 235, 0.52) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #e7f0ff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    0 13px 26px rgba(37, 99, 235, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover[open] > .top1-team-registry-popover-trigger::after {
  transform: translateY(2px) rotate(225deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover > .top1-team-edit-form {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 5300 !important;
  width: min(620px, calc(100vw - 320px)) !important;
  min-width: 420px !important;
  max-height: min(78vh, 720px) !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: auto !important;
  border: 1px solid rgba(37, 99, 235, 0.32) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 253, 0.99) 100%) !important;
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.22),
    0 10px 24px rgba(37, 99, 235, 0.12),
    inset 4px 0 0 rgba(37, 99, 235, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  transform-origin: 18px -8px !important;
  animation: top1TeamRegistryPopoverIn 150ms ease-out both !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover > .top1-team-edit-form::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  left: 18px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 1px solid rgba(37, 99, 235, 0.32) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.32) !important;
  background: rgba(255, 255, 255, 0.99) !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-credentials-popover > .top1-team-credentials-form {
  width: min(390px, calc(100vw - 320px)) !important;
  min-width: 320px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-registry-popover > .top1-team-edit-form .top1-team-edit-grid {
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover > .top1-team-edit-form,
.top1-app-shell[data-top1-section="team"] .top1-team-credentials-popover > .top1-team-credentials-form {
  left: auto !important;
  right: 0 !important;
  transform-origin: calc(100% - 18px) -8px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover > .top1-team-edit-form {
  width: min(760px, calc(100vw - 220px)) !important;
  min-width: min(680px, calc(100vw - 34px)) !important;
  max-height: min(72vh, 650px) !important;
  padding: 12px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover > .top1-team-edit-form::before,
.top1-app-shell[data-top1-section="team"] .top1-team-credentials-popover > .top1-team-credentials-form::before {
  left: auto !important;
  right: 18px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-team-edit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-client-address-fieldset {
  gap: 6px !important;
  padding: 8px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-client-address-grid {
  grid-template-columns: minmax(104px, 0.85fr) minmax(132px, 1fr) minmax(160px, 1.35fr) minmax(84px, 0.62fr) minmax(96px, 0.68fr) !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-client-address-part {
  gap: 3px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-client-address-part span {
  font-size: 9.5px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-client-address-part input {
  min-height: 32px !important;
  padding: 6px 8px !important;
  border: 1px solid #cfe0f3 !important;
  border-radius: var(--top1-radius-sm) !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-readonly-field strong {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: var(--top1-radius-sm) !important;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(241, 245, 249, 0.98) 100%) !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-action-popover > .top1-team-action-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: auto !important;
  right: 0 !important;
  z-index: 5320 !important;
  width: min(360px, calc(100vw - 220px)) !important;
  min-width: min(330px, calc(100vw - 34px)) !important;
  margin: 0 !important;
  padding: 12px !important;
  overflow: visible !important;
  border: 1px solid rgba(37, 99, 235, 0.3) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 249, 253, 0.99) 100%) !important;
  box-shadow:
    0 26px 62px rgba(15, 23, 42, 0.2),
    0 10px 24px rgba(37, 99, 235, 0.13),
    inset 4px 0 0 rgba(220, 38, 38, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  transform-origin: calc(100% - 18px) -8px !important;
  animation: top1TeamRegistryPopoverIn 150ms ease-out both !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-action-popover > .top1-team-action-panel::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  right: 18px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 1px solid rgba(37, 99, 235, 0.3) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.3) !important;
  background: rgba(255, 255, 255, 0.99) !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-action-head {
  display: grid !important;
  gap: 3px !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.72) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-action-head strong {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-action-head span,
.top1-app-shell[data-top1-section="team"] .top1-team-action-note {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-termination-form {
  display: grid !important;
  gap: 9px !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-termination-form label {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(191, 219, 254, 0.72) !important;
  border-radius: 10px !important;
  background: rgba(248, 250, 252, 0.86) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-termination-form label span {
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-termination-form input,
.top1-app-shell[data-top1-section="team"] .top1-team-termination-form select {
  width: 100% !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-termination-form input:focus,
.top1-app-shell[data-top1-section="team"] .top1-team-termination-form select:focus {
  border-color: rgba(37, 99, 235, 0.56) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-termination-form .top1-secondary-button.is-danger {
  justify-content: center !important;
  min-height: 36px !important;
  border-color: rgba(220, 38, 38, 0.28) !important;
  background:
    linear-gradient(180deg, rgba(254, 242, 242, 0.98) 0%, rgba(254, 226, 226, 0.98) 100%) !important;
  color: #991b1b !important;
  box-shadow: 0 12px 22px rgba(220, 38, 38, 0.12) !important;
}

@keyframes top1TeamRegistryPopoverIn {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-content-card,
  .top1-app-shell[data-top1-section="team"] .top1-team-registry,
  .top1-app-shell[data-top1-section="team"] .top1-team-admin-workspace .top1-client-form-grid,
  .top1-app-shell[data-top1-section="team"] .top1-team-edit-grid,
  .top1-app-shell[data-top1-section="team"] .top1-client-form-actions,
  .top1-app-shell[data-top1-section="team"] .top1-team-schedule-toolbar,
  .top1-app-shell[data-top1-section="team"] .top1-team-schedule-scroll {
    border-radius: 12px !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-shell .top1-content-card {
    padding: 14px !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-registry .top1-team-row {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-registry-popover > .top1-team-edit-form,
  .top1-app-shell[data-top1-section="team"] .top1-team-credentials-popover > .top1-team-credentials-form,
  .top1-app-shell[data-top1-section="team"] .top1-team-action-popover > .top1-team-action-panel {
    width: min(420px, calc(100vw - 34px)) !important;
    min-width: 0 !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-team-edit-grid,
  .top1-app-shell[data-top1-section="team"] .top1-team-card-edit-popover .top1-client-address-grid {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-card-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-schedule-card .top1-team-schedule-legend {
    justify-content: flex-start !important;
    justify-self: start !important;
    flex-wrap: wrap !important;
  }
}

/* Standalone orders page contrast pass. */
.top1-app-shell[data-top1-section="orders"] .top1-workspace-single,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main:not(.is-order-clean-view) {
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(226, 236, 247, 0.72) 0%, rgba(245, 249, 252, 0.92) 100%) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card:not(.is-under-detail) {
  padding: 18px !important;
  border-color: rgba(71, 85, 105, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(241, 247, 252, 0.98) 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.14),
    0 8px 20px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card:not(.is-under-detail) > .top1-orders-history-header {
  min-height: 54px !important;
  margin: -2px -2px 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.94) 46%, rgba(20, 184, 166, 0.1)),
    linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
  box-shadow:
    0 12px 26px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(37, 99, 235, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback {
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(100, 116, 139, 0.32) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(237, 244, 251, 0.96) 100%) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback .top1-inline-note {
  border-color: rgba(20, 184, 166, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.13), rgba(255, 255, 255, 0.98) 32%, rgba(255, 255, 255, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    inset 4px 0 0 rgba(20, 184, 166, 0.58) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback-form {
  gap: 12px !important;
  padding: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback-grid {
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 253, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback .top1-client-form-field {
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 251, 0.94)) !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback .top1-client-form-field span,
.top1-app-shell[data-top1-section="orders"] .top1-orders-search-field span {
  color: #475569 !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback :is(input, select, textarea),
.top1-app-shell[data-top1-section="orders"] .top1-orders-search-field input {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.07),
    0 6px 14px rgba(15, 23, 42, 0.04) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback :is(input, select, textarea):focus,
.top1-app-shell[data-top1-section="orders"] .top1-orders-search-field input:focus {
  border-color: rgba(37, 99, 235, 0.66) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.14),
    inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-create-fallback .top1-client-form-actions,
.top1-app-shell[data-top1-section="orders"] .top1-orders-search-form {
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 251, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-form {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center !important;
  gap: 8px;
  margin: 8px 0 10px !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 253, 0.96)) !important;
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.055),
    inset 3px 0 0 rgba(37, 99, 235, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-field span {
  min-width: 48px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0;
  text-align: right;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-field input {
  min-height: 34px;
  padding: 0 12px;
  border-color: rgba(148, 163, 184, 0.4);
  border-radius: 9px;
  background: #ffffff;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-form .top1-secondary-button {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 9px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-search-summary {
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(20, 184, 166, 0.28) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.1), rgba(255, 255, 255, 0.98) 34%, rgba(241, 246, 251, 0.94)) !important;
  color: #334155 !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.07),
    inset 4px 0 0 rgba(20, 184, 166, 0.5) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-table {
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow:
    0 22px 52px rgba(15, 23, 42, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row-head {
  min-height: 44px !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.26) !important;
  background:
    linear-gradient(180deg, #e7f0fb 0%, #d9e7f4 100%) !important;
  color: #334155 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.26) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.075), rgba(255, 255, 255, 0.99) 24%, rgba(244, 248, 252, 0.96)) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-row:not(.top1-orders-row-head) > div {
  border-color: rgba(203, 213, 225, 0.72) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card.top1-order-detail-card,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card {
  border: 1px solid rgba(100, 116, 139, 0.28) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(239, 246, 251, 0.88) 100%) !important;
  box-shadow:
    0 22px 54px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-card > .top1-card-header,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-document-summary,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-detail-flow {
  border: 1px solid rgba(100, 116, 139, 0.32) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.96) 100%) !important;
  box-shadow:
    0 16px 40px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main.is-order-clean-view .top1-order-work-block,
.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-services,
.top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-parts {
  border: 1px solid rgba(100, 116, 139, 0.32) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 253, 0.98) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form,
  #top1-order-parts > details.top1-order-controlled-disclosure[open],
  #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body,
  #top1-order-parts .top1-order-part-edit-form,
  .top1-order-document-summary .top1-order-inline-edit[open] > .top1-order-inline-edit-form,
  .top1-order-document-summary .top1-order-debt-payment-panel[open] > .top1-order-payment-form,
  .top1-order-print-popover-panel,
  #top1-order-services .top1-order-work-share-popover-panel
) :is(.top1-client-form-field, .top1-team-edit-field, .top1-order-part-edit-status) {
  border-color: rgba(148, 163, 184, 0.34) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 251, 0.92)) !important;
  box-shadow: inset 3px 0 0 rgba(20, 184, 166, 0.18) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form,
  #top1-order-parts > details.top1-order-controlled-disclosure[open],
  #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body,
  #top1-order-parts .top1-order-part-edit-form,
  .top1-order-document-summary .top1-order-inline-edit[open] > .top1-order-inline-edit-form,
  .top1-order-document-summary .top1-order-debt-payment-panel[open] > .top1-order-payment-form,
  .top1-order-print-popover-panel,
  #top1-order-services .top1-order-work-share-popover-panel
) :is(input, select, textarea) {
  border-color: rgba(37, 99, 235, 0.28) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  color: #0f172a !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  #top1-order-services .top1-order-add-work-panel[open] > .top1-order-add-work-form,
  #top1-order-parts > details.top1-order-controlled-disclosure[open],
  #top1-order-services .top1-order-work-edit-panel[open] > .top1-order-work-edit-popover-body,
  #top1-order-parts .top1-order-part-edit-form,
  .top1-order-document-summary .top1-order-inline-edit[open] > .top1-order-inline-edit-form,
  .top1-order-document-summary .top1-order-debt-payment-panel[open] > .top1-order-payment-form,
  .top1-order-print-popover-panel,
  #top1-order-services .top1-order-work-share-popover-panel
) :is(input, select, textarea):focus {
  border-color: rgba(37, 99, 235, 0.62) !important;
  background: #ffffff !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.13),
    inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  #top1-order-parts .top1-parts-selection-card,
  #top1-order-parts .top1-parts-selection-panel,
  #top1-order-parts .top1-parts-selection-suggestion,
  #top1-order-parts .top1-parts-selection-candidate,
  #top1-order-parts .top1-parts-selection-price-filter,
  #top1-order-parts .top1-parts-selection-price-row,
  #top1-order-parts .top1-stock-candidate,
  #top1-order-parts .top1-supplier-candidate,
  #top1-order-parts .top1-order-part-quote-card
) {
  border-color: rgba(100, 116, 139, 0.32) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.96)) !important;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
  .top1-order-action-panel > summary,
  .top1-order-inline-edit > summary,
  .top1-order-print-summary,
  .top1-order-work-share-summary,
  .top1-order-work-edit-summary,
  .top1-order-part-edit-panel > summary
) {
  border-color: rgba(37, 99, 235, 0.3) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  color: #0f172a !important;
  box-shadow:
    0 8px 18px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
  position: absolute !important;
  top: var(--top1-order-popover-top, 58px) !important;
  left: var(--top1-order-popover-left, 12px) !important;
  z-index: 90 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #cfdcf0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.18), 0 8px 20px rgba(15, 23, 42, 0.08) !important;
  box-sizing: border-box !important;
  width: var(--top1-order-popover-width, min(640px, calc(100% - 24px))) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: var(--top1-order-popover-max-height, min(430px, calc(100vh - 178px))) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  left: var(--top1-order-popover-arrow-left, 32px) !important;
  width: 12px !important;
  height: 12px !important;
  margin-left: -6px !important;
  border-top: 1px solid #cfdcf0 !important;
  border-left: 1px solid #cfdcf0 !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open] {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 253, 0.99) 100%) !important;
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.2),
    0 10px 26px rgba(37, 99, 235, 0.12),
    inset 4px 0 0 rgba(37, 99, 235, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > details.top1-order-controlled-disclosure[open]::before {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: #ffffff !important;
  box-shadow: -4px -4px 10px rgba(15, 23, 42, 0.04) !important;
}

/* Remote diagnostics action center: converts Android/OBD2 signal into CRM actions without noisy popups. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-panel {
  border-color: rgba(225, 29, 72, 0.28) !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(239, 68, 68, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 250, 252, 0.98) 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-panel .top1-card-header p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-card {
  display: grid !important;
  gap: 6px !important;
  min-height: 112px !important;
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 16px !important;
  color: #0f172a !important;
  text-decoration: none !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07) !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-card:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-card:focus-visible {
  border-color: rgba(225, 29, 72, 0.42) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.1), 0 0 0 3px rgba(225, 29, 72, 0.08) !important;
  transform: translateY(-1px) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-card.is-primary {
  border-color: rgba(225, 29, 72, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(255, 241, 242, 0.98) 0%, #ffffff 100%) !important;
  box-shadow: 0 14px 30px rgba(225, 29, 72, 0.1) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-card strong {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-card span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 2px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(225, 29, 72, 0.18) !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a:focus-visible {
  border-color: rgba(225, 29, 72, 0.36) !important;
  background: #ffe4e6 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a.top1-diagnostics-open-vehicle {
  border-color: rgba(20, 184, 166, 0.45) !important;
  background: #f0fdfa !important;
  color: #0f766e !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a.top1-diagnostics-open-vehicle:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a.top1-diagnostics-open-vehicle:focus-visible {
  border-color: rgba(20, 184, 166, 0.62) !important;
  background: #ccfbf1 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-pagination {
  justify-content: center !important;
  padding-top: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-pagination span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-grid {
    grid-template-columns: 1fr !important;
  }
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.7fr) minmax(220px, 1.2fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form label {
  display: grid !important;
  gap: 5px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form label span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form :is(select, input) {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form :is(select, input):focus {
  border-color: rgba(225, 29, 72, 0.48) !important;
  box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.08) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form button {
  min-height: 42px !important;
  white-space: nowrap !important;
}

@media (max-width: 920px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-form {
    grid-template-columns: 1fr !important;
  }
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-list {
  display: grid !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-row {
  display: grid !important;
  grid-template-columns: minmax(150px, 0.9fr) minmax(160px, 1fr) auto !important;
  gap: 8px 12px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-row strong {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-row span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-row p {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #334155 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 920px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-staff-action-row {
    grid-template-columns: 1fr !important;
  }
}

/* TOP1 Remote Diagnostics staff action center - non-destructive CRM workflow */
.top1-diagnostics-action-notice {
	margin-bottom: 14px;
}

.top1-diagnostics-crm-context {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.top1-diagnostics-crm-context span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 10px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.52);
	color: rgba(226, 232, 240, 0.9);
	font-size: 12px;
	line-height: 1.25;
}

.top1-diagnostics-crm-context span.is-ok {
	border-color: rgba(34, 197, 94, 0.42);
	background: rgba(22, 101, 52, 0.18);
	color: #bbf7d0;
}

.top1-diagnostics-crm-context span.is-warn {
	border-color: rgba(248, 113, 113, 0.48);
	background: rgba(127, 29, 29, 0.2);
	color: #fecaca;
}

.top1-diagnostics-action-form {
	display: inline-flex;
	margin: 0;
}

.top1-diagnostics-action-button,
.top1-diagnostics-row-actions .top1-diagnostics-action-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 7px 12px;
	border: 1px solid rgba(239, 68, 68, 0.52);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(127, 29, 29, 0.84), rgba(239, 68, 68, 0.28));
	box-shadow: 0 0 18px rgba(220, 38, 38, 0.22);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.top1-diagnostics-action-button:hover,
.top1-diagnostics-row-actions .top1-diagnostics-action-form button:hover {
	transform: translateY(-1px);
	border-color: rgba(248, 113, 113, 0.9);
	box-shadow: 0 0 24px rgba(239, 68, 68, 0.34);
}

.top1-diagnostics-action-button.is-request_recheck {
	border-color: rgba(250, 204, 21, 0.52);
	background: linear-gradient(135deg, rgba(113, 63, 18, 0.84), rgba(250, 204, 21, 0.22));
	box-shadow: 0 0 18px rgba(250, 204, 21, 0.16);
}

.top1-diagnostics-action-button.is-contact_client {
	border-color: rgba(96, 165, 250, 0.52);
	background: linear-gradient(135deg, rgba(30, 64, 175, 0.8), rgba(96, 165, 250, 0.2));
	box-shadow: 0 0 18px rgba(96, 165, 250, 0.16);
}

.top1-diagnostics-actions-card {
	margin-bottom: 16px;
}

.top1-diagnostics-staff-action-list {
	display: grid;
	gap: 10px;
}

.top1-diagnostics-staff-action {
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 16px;
	background: radial-gradient(circle at top left, rgba(239, 68, 68, 0.12), rgba(15, 23, 42, 0.68));
}

.top1-diagnostics-staff-action strong,
.top1-diagnostics-staff-action span,
.top1-diagnostics-staff-action small {
	display: block;
}

.top1-diagnostics-staff-action strong {
	color: #f8fafc;
	font-size: 13px;
}

.top1-diagnostics-staff-action span {
	margin-top: 3px;
	color: rgba(226, 232, 240, 0.82);
	font-size: 12px;
}

.top1-diagnostics-staff-action small {
	margin-top: 3px;
	color: rgba(148, 163, 184, 0.86);
	font-size: 11px;
}

.top1-diagnostics-staff-action p {
	margin: 8px 0 0;
	color: rgba(226, 232, 240, 0.82);
	font-size: 12px;
	line-height: 1.45;
}

@media (max-width: 760px) {
	.top1-diagnostics-crm-context,
	.top1-diagnostics-row-actions {
		gap: 6px;
	}

	.top1-diagnostics-action-button,
	.top1-diagnostics-row-actions .top1-diagnostics-action-form button {
		width: 100%;
	}

	.top1-diagnostics-action-form {
		width: 100%;
	}
}

/* Remote diagnostics mobile device cards: quiet, useful, no popups. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device-list {
  display: grid !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device {
  display: grid !important;
  gap: 8px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device.is-active {
  border-color: rgba(22, 163, 74, 0.22) !important;
  box-shadow: 0 10px 22px rgba(22, 163, 74, 0.06) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device.is-inactive {
  border-color: rgba(225, 29, 72, 0.24) !important;
  background: linear-gradient(180deg, #fff7f7 0%, #ffffff 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device .top1-diagnostics-row-head span {
  border-radius: 999px !important;
  padding: 3px 8px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device.is-active .top1-diagnostics-row-head span {
  background: #dcfce7 !important;
  color: #166534 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-mobile-device.is-inactive .top1-diagnostics-row-head span {
  background: #ffe4e6 !important;
  color: #be123c !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a.is-call {
  border-color: rgba(22, 163, 74, 0.24) !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a.is-call:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-row-actions a.is-call:focus-visible {
  border-color: rgba(22, 163, 74, 0.42) !important;
  background: #dcfce7 !important;
}


/* CRM frontend device access management in Diagnostics: calm, visible, no wp-admin dependency. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-control-panel {
  display: grid !important;
  gap: 7px !important;
  margin-top: 2px !important;
  padding: 10px !important;
  border: 1px solid rgba(225, 29, 72, 0.2) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(225, 29, 72, 0.1), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-control-panel strong {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-control-panel p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-form {
  display: inline-flex !important;
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(225, 29, 72, 0.32) !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(225, 29, 72, 0.08) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button:focus-visible {
  border-color: rgba(225, 29, 72, 0.52) !important;
  background: #ffe4e6 !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button.is-restore_mobile_device {
  border-color: rgba(22, 163, 74, 0.34) !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.08) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button.is-restore_mobile_device:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button.is-restore_mobile_device:focus-visible {
  border-color: rgba(22, 163, 74, 0.52) !important;
  background: #dcfce7 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-hint {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px dashed rgba(148, 163, 184, 0.36) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-form,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-action-button,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-hint {
    width: 100% !important;
  }
}


/* Diagnostics frontend: access and consent history, visible but not noisy. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history {
  margin-top: 2px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history summary::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history summary::after {
  content: "Показать" !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history[open] summary::after {
  content: "Скрыть" !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-list,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-center {
  display: grid !important;
  gap: 7px !important;
  padding: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-center {
  padding: 0 !important;
  border-top: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) minmax(130px, 0.85fr) minmax(120px, 0.8fr) auto !important;
  gap: 6px 10px !important;
  align-items: center !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-list .top1-diagnostics-device-history-row {
  grid-template-columns: minmax(150px, 1fr) auto !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row.is-ok {
  border-color: rgba(22, 163, 74, 0.22) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row.is-warn {
  border-color: rgba(225, 29, 72, 0.24) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff1f2 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row strong {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row span {
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row small {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row p {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-list .top1-diagnostics-device-history-row {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-history-row small {
    white-space: normal !important;
  }
}


/* CRM frontend device notes: simple inline note, no modal, no irritation. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form {
  display: grid !important;
  gap: 7px !important;
  margin: 2px 0 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form textarea {
  width: 100% !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form textarea:focus {
  border-color: rgba(225, 29, 72, 0.46) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.08) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form button {
  justify-self: start !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form button:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form button:focus-visible {
  background: #111827 !important;
  border-color: rgba(225, 29, 72, 0.5) !important;
  outline: none !important;
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-device-note-form button {
    width: 100% !important;
  }
}


/* Diagnostics frontend: client-facing report center. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report-list {
  display: grid !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report.is-ok {
  border-color: rgba(22, 163, 74, 0.24) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report.is-attention,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report.is-critical {
  border-color: rgba(225, 29, 72, 0.26) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff1f2 100%) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report > p {
  margin: 0 !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-details {
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  overflow: hidden !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-details summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  cursor: pointer !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  list-style: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-details summary::-webkit-details-marker {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-details summary::after {
  content: "Открыть" !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-details[open] summary::after {
  content: "Скрыть" !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body strong {
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding-left: 18px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body li,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body p,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body small {
  margin: 0 !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-body small {
  color: #64748b !important;
}

/* TOP1 client diagnostic report lifecycle: draft -> published -> opened -> recheck. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-lifecycle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-lifecycle.is-draft {
  border-color: rgba(148, 163, 184, 0.42) !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-lifecycle.is-published {
  border-color: rgba(37, 99, 235, 0.28) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-lifecycle.is-opened {
  border-color: rgba(22, 163, 74, 0.28) !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-lifecycle.is-recheck_requested {
  border-color: rgba(225, 29, 72, 0.28) !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}


/* TOP1 report-to-action workflow: calm staff decisions inside Diagnostics. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-workflow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-workflow.is-needs_staff_action {
  border-color: rgba(234, 88, 12, 0.24) !important;
  background: #fff7ed !important;
  color: #c2410c !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-workflow.is-order_created,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-workflow.is-linked_order {
  border-color: rgba(22, 163, 74, 0.26) !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-workflow.is-contact_prepared {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-linked-order {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-linked-order:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-linked-order:focus-visible {
  border-color: rgba(225, 29, 72, 0.42) !important;
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.16) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-report.is-lifecycle-draft {
  border-style: dashed !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-form {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e11d48 !important;
  box-shadow: 0 12px 22px rgba(225, 29, 72, 0.16) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-request_client_report_recheck {
  background: #0f172a !important;
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.18) !important;
}


.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-create_order_from_report {
  background: linear-gradient(135deg, #e11d48 0%, #b91c1c 100%) !important;
  box-shadow: 0 14px 24px rgba(225, 29, 72, 0.18) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-link_report_latest_order {
  background: #15803d !important;
  box-shadow: 0 14px 24px rgba(22, 163, 74, 0.16) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-prepare_report_contact {
  background: #1d4ed8 !important;
  box-shadow: 0 14px 24px rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button:focus-visible {
  transform: translateY(-1px) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-waiting {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}


/* TOP1 Knowledge Core — calm premium diagnostics intelligence */
.top1-knowledge-core-card {
	position: relative;
	overflow: hidden;
}
.top1-knowledge-core-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(circle at 10% 0%, rgba(220, 38, 38, 0.14), transparent 34%), radial-gradient(circle at 90% 10%, rgba(255,255,255,0.08), transparent 28%);
}
.top1-knowledge-core-card > * {
	position: relative;
	z-index: 1;
}
.top1-knowledge-core-layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 14px;
}
.top1-knowledge-core-panel {
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 18px;
	padding: 16px;
	background: linear-gradient(145deg, rgba(16, 18, 24, 0.95), rgba(33, 36, 45, 0.72));
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.top1-knowledge-core-panel strong,
.top1-knowledge-search-results strong {
	display: block;
	margin-bottom: 10px;
	color: #fff;
	letter-spacing: 0.02em;
}
.top1-knowledge-search-form {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0 0 10px;
}
.top1-knowledge-search-form input {
	width: 100%;
	min-height: 42px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(0,0,0,0.22);
	color: #fff;
	padding: 0 13px;
	outline: none;
}
.top1-knowledge-search-form input:focus {
	border-color: rgba(248, 113, 113, 0.72);
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}
.top1-knowledge-search-form button {
	min-height: 42px;
	border: 0;
	border-radius: 14px;
	padding: 0 16px;
	background: linear-gradient(135deg, #ef4444, #991b1b);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}
.top1-knowledge-core-panel p,
.top1-knowledge-search-results p,
.top1-knowledge-dtc-card p {
	color: rgba(255,255,255,0.72);
	margin: 0;
	line-height: 1.45;
}
.top1-knowledge-vin-result,
.top1-knowledge-soft-warning {
	display: grid;
	gap: 4px;
	margin-top: 10px;
	padding: 12px;
	border-radius: 14px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.08);
	color: rgba(255,255,255,0.86);
}
.top1-knowledge-soft-warning {
	color: #fca5a5;
}
.top1-knowledge-vin-result strong {
	margin: 0;
}
.top1-knowledge-vin-result small,
.top1-knowledge-dtc-card small {
	color: rgba(255,255,255,0.58);
}
.top1-knowledge-dtc-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}
.top1-knowledge-dtc-card {
	border-radius: 16px;
	padding: 14px;
	background: rgba(255,255,255,0.055);
	border: 1px solid rgba(255,255,255,0.10);
}
.top1-knowledge-dtc-card div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}
.top1-knowledge-dtc-card div strong {
	font-size: 18px;
	color: #fff;
}
.top1-knowledge-dtc-card div span {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #fecaca;
}
.top1-knowledge-dtc-card h3 {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.3;
	color: #fff;
}
.top1-knowledge-dtc-card.is-severity-3 {
	border-color: rgba(239, 68, 68, 0.52);
	box-shadow: 0 0 26px rgba(239, 68, 68, 0.10);
}
.top1-knowledge-dtc-card.is-severity-2 {
	border-color: rgba(251, 191, 36, 0.42);
}
.top1-knowledge-search-results {
	margin-top: 14px;
	padding: 14px;
	border-radius: 16px;
	background: rgba(255,255,255,0.045);
	border: 1px solid rgba(255,255,255,0.08);
}
.top1-diagnostics-dtc-knowledge-list {
	display: grid;
	gap: 6px;
	margin-top: 8px;
}
.top1-diagnostics-dtc-knowledge-list span {
	font-size: 12px;
	line-height: 1.35;
	color: rgba(255,255,255,0.72);
	padding: 8px 10px;
	border-radius: 12px;
	background: rgba(255,255,255,0.05);
}
@media (max-width: 1180px) {
	.top1-knowledge-dtc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.top1-knowledge-core-layout,
	.top1-knowledge-dtc-grid { grid-template-columns: 1fr; }
	.top1-knowledge-search-form { flex-direction: column; align-items: stretch; }
}


/* TOP1 Knowledge Core — calm premium diagnostics cards */
.top1-diagnostics-knowledge-core {
	background:
		radial-gradient(circle at 10% 0%, rgba(225, 29, 72, .12), transparent 34%),
		linear-gradient(145deg, rgba(10, 10, 14, .98), rgba(24, 24, 31, .96));
	border: 1px solid rgba(255,255,255,.08);
	box-shadow: 0 20px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
	color: #f8fafc;
}
.top1-diagnostics-knowledge-core .top1-card-header p,
.top1-diagnostics-knowledge-core small,
.top1-knowledge-principles {
	color: rgba(248,250,252,.72);
}
.top1-knowledge-core-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}
.top1-knowledge-core-tile {
	padding: 14px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.top1-knowledge-core-tile span {
	display: block;
	margin-bottom: 8px;
	color: rgba(248,250,252,.66);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.top1-knowledge-core-tile strong {
	display: block;
	font-size: 24px;
	line-height: 1.1;
	color: #fff;
}
.top1-knowledge-core-tile small {
	display: block;
	margin-top: 7px;
}
.top1-knowledge-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}
.top1-knowledge-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	padding: 7px 10px;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	color: rgba(248,250,252,.88);
	font-size: 12px;
}
.top1-knowledge-chip.is-critical,
.top1-knowledge-chip.is-danger {
	border-color: rgba(248, 113, 113, .36);
	background: rgba(127, 29, 29, .32);
}
.top1-knowledge-chip.is-attention,
.top1-knowledge-chip.is-warning {
	border-color: rgba(251, 191, 36, .35);
	background: rgba(113, 63, 18, .26);
}
.top1-knowledge-principles {
	margin: 14px 0 0;
	padding-left: 18px;
}
.top1-knowledge-principles li + li {
	margin-top: 5px;
}
.top1-diagnostics-report-knowledge {
	display: grid;
	gap: 6px;
	margin: 10px 0;
	padding: 10px 12px;
	border-radius: 16px;
	border: 1px solid rgba(225, 29, 72, .18);
	background: linear-gradient(135deg, rgba(127, 29, 29, .06), rgba(15, 23, 42, .04));
}
.top1-diagnostics-report-knowledge strong {
	font-size: 13px;
	color: #111827;
}
.top1-diagnostics-report-knowledge span {
	font-size: 13px;
	color: #334155;
}
@media (max-width: 1100px) {
	.top1-knowledge-core-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.top1-knowledge-core-grid { grid-template-columns: 1fr; }
}


/* TOP1 Knowledge Core importer: calm frontend control, no wp-admin needed */
.top1-knowledge-import-panel {
	margin-top: 18px;
	padding: 18px;
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(10, 14, 20, .95), rgba(28, 10, 12, .82));
	border: 1px solid rgba(255, 255, 255, .10);
	box-shadow: 0 22px 50px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}
.top1-knowledge-import-copy strong,
.top1-knowledge-import-history strong { color: #fff; letter-spacing: .02em; }
.top1-knowledge-import-copy p,
.top1-knowledge-import-hint small,
.top1-knowledge-import-row small { color: rgba(255, 255, 255, .68); }
.top1-knowledge-import-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}
.top1-knowledge-import-form label { display: flex; flex-direction: column; gap: 6px; }
.top1-knowledge-import-form label.is-wide { grid-column: 1 / -1; }
.top1-knowledge-import-form span,
.top1-knowledge-import-hint span { color: rgba(255,255,255,.75); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.top1-knowledge-import-form input,
.top1-knowledge-import-form select {
	width: 100%;
	border: 1px solid rgba(255,255,255,.12);
	background: rgba(255,255,255,.07);
	color: #fff;
	border-radius: 14px;
	padding: 11px 12px;
	outline: none;
}
.top1-knowledge-import-form input[type="file"] { padding: 9px 12px; }
.top1-knowledge-import-form input:focus,
.top1-knowledge-import-form select:focus { border-color: rgba(244, 36, 52, .75); box-shadow: 0 0 0 3px rgba(244, 36, 52, .14); }
.top1-knowledge-import-form button {
	align-self: end;
	border: 0;
	border-radius: 14px;
	padding: 12px 16px;
	font-weight: 800;
	color: #fff;
	background: linear-gradient(135deg, #ff2438, #8f0611);
	box-shadow: 0 12px 26px rgba(244, 36, 52, .28);
	cursor: pointer;
}
.top1-knowledge-import-hint {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.top1-knowledge-import-history {
	margin-top: 14px;
	display: grid;
	gap: 8px;
}
.top1-knowledge-import-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 6px 10px;
	align-items: center;
	padding: 10px 12px;
	border-radius: 14px;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.08);
}
.top1-knowledge-import-row span { color: #fff; font-weight: 700; }
.top1-knowledge-import-row b { color: #ff5363; font-size: 18px; }
.top1-knowledge-import-row small { grid-column: 1 / -1; }
@media (max-width: 860px) { .top1-knowledge-import-form { grid-template-columns: 1fr; } }

/* TOP1 Knowledge Core preset pack: one quiet primary action */
.top1-knowledge-import-preset {
	margin-top: 14px;
	padding: 14px;
	display: grid;
	grid-template-columns: minmax(180px, auto) 1fr;
	gap: 8px 14px;
	align-items: center;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(244, 36, 52, .18), rgba(255,255,255,.06));
	border: 1px solid rgba(244, 36, 52, .28);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.top1-knowledge-import-preset button {
	border: 0;
	border-radius: 14px;
	padding: 12px 16px;
	font-weight: 900;
	color: #fff;
	background: linear-gradient(135deg, #ff2438, #8f0611);
	box-shadow: 0 14px 30px rgba(244, 36, 52, .28);
	cursor: pointer;
}
.top1-knowledge-import-preset small,
.top1-knowledge-import-preset em {
	color: rgba(255,255,255,.72);
	font-style: normal;
	line-height: 1.45;
}
.top1-knowledge-import-preset em {
	grid-column: 2;
	font-size: 12px;
	color: rgba(255,255,255,.58);
}
@media (max-width: 760px) {
	.top1-knowledge-import-preset { grid-template-columns: 1fr; }
	.top1-knowledge-import-preset em { grid-column: 1; }
}


/* TOP1 Knowledge UI 2.0 — premium, light-to-use command cards */
.top1-knowledge-command-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(244, 36, 52, .24), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(145deg, #07080c 0%, #11131a 48%, #1d070a 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.top1-knowledge-command-header { align-items: flex-start !important; }
.top1-knowledge-eyebrow {
  display: inline-flex;
  margin-bottom: 6px;
  color: #ff5363;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.top1-knowledge-status-pill {
  background: rgba(244,36,52,.14) !important;
  border-color: rgba(244,36,52,.28) !important;
  color: #fecaca !important;
}
.top1-knowledge-command-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: 16px;
  margin-top: 16px;
}
.top1-knowledge-command-main,
.top1-knowledge-command-side,
.top1-knowledge-glass-card,
.top1-knowledge-fault-card {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.22);
}
.top1-knowledge-command-main { padding: 22px; }
.top1-knowledge-command-side { padding: 16px; display: grid; gap: 12px; }
.top1-knowledge-command-mark {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.04));
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .18em;
  text-shadow: 0 0 18px rgba(255,255,255,.30);
}
.top1-knowledge-command-main > strong {
  display: block;
  margin-top: 16px;
  color: #fff;
  font-size: clamp(24px, 2.8vw, 38px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.top1-knowledge-command-main > span {
  display: block;
  margin-top: 10px;
  max-width: 840px;
  color: rgba(248,250,252,.74);
  font-size: 14px;
  line-height: 1.55;
}
.top1-knowledge-command-search,
.top1-knowledge-inline-form {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.top1-knowledge-command-search input,
.top1-knowledge-inline-form input,
.top1-knowledge-import-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(0,0,0,.24);
  color: #fff;
  padding: 12px 14px;
  outline: none;
}
.top1-knowledge-command-search input:focus,
.top1-knowledge-inline-form input:focus,
.top1-knowledge-import-form textarea:focus {
  border-color: rgba(255,83,99,.76);
  box-shadow: 0 0 0 3px rgba(255,83,99,.14);
}
.top1-knowledge-command-search button,
.top1-knowledge-inline-form button {
  border: 0;
  border-radius: 16px;
  padding: 0 18px;
  min-height: 46px;
  background: linear-gradient(135deg, #ff2438, #8f0611);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(244,36,52,.26);
}
.top1-knowledge-mini-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.top1-knowledge-mini-metrics span {
  display: grid;
  gap: 3px;
  padding: 12px 10px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  color: rgba(248,250,252,.62);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.top1-knowledge-mini-metrics b { color: #fff; font-size: 22px; line-height: 1; }
.top1-knowledge-trust-note {
  display: grid;
  gap: 6px;
  padding: 13px;
  border-radius: 18px;
  background: rgba(244,36,52,.10);
  border: 1px solid rgba(244,36,52,.18);
}
.top1-knowledge-trust-note strong { color: #fff; }
.top1-knowledge-trust-note span { color: rgba(248,250,252,.68); font-size: 13px; line-height: 1.45; }
.top1-knowledge-top-grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 14px; margin-top: 14px; }
.top1-knowledge-glass-card { padding: 16px; }
.top1-knowledge-card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.top1-knowledge-card-title span {
  color: #ff9aa3;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.top1-knowledge-card-title strong { color: #fff; font-size: 17px; }
.top1-knowledge-vin-card p,
.top1-knowledge-next-card p { color: rgba(248,250,252,.66); margin: 12px 0 0; line-height: 1.5; }
.top1-knowledge-vin-profile { display: grid; gap: 7px; margin-top: 12px; padding: 13px; border-radius: 18px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); }
.top1-knowledge-vin-profile strong { color: #fff; font-size: 18px; }
.top1-knowledge-vin-profile span { color: rgba(248,250,252,.72); font-size: 13px; }
.top1-knowledge-vin-profile div { display: flex; flex-wrap: wrap; gap: 8px; }
.top1-knowledge-vin-profile small,
.top1-knowledge-work-row small { color: rgba(248,250,252,.58); }
.top1-knowledge-work-row {
  display: grid;
  gap: 6px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.top1-knowledge-work-row:first-of-type { border-top: 0; padding-top: 0; }
.top1-knowledge-work-row strong { color: #fff; }
.top1-knowledge-work-row span { color: rgba(248,250,252,.68); font-size: 13px; line-height: 1.45; }
.top1-knowledge-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 18px 0 10px;
}
.top1-knowledge-section-title strong { color: #fff; font-size: 16px; }
.top1-knowledge-section-title span { color: rgba(248,250,252,.58); font-size: 12px; }
.top1-knowledge-dtc-grid-premium { margin-top: 0; }
.top1-knowledge-premium-dtc { background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important; }
.top1-knowledge-fault-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.top1-knowledge-fault-card { padding: 14px; display: grid; gap: 9px; }
.top1-knowledge-fault-card strong { color: #fff; font-size: 15px; line-height: 1.25; }
.top1-knowledge-fault-card span { color: rgba(248,250,252,.68); font-size: 13px; line-height: 1.45; }
.top1-knowledge-fault-card.is-severity-3 { border-color: rgba(248,113,113,.34); box-shadow: 0 0 30px rgba(248,113,113,.10); }
.top1-knowledge-fault-card.is-severity-2 { border-color: rgba(251,191,36,.30); }
.top1-knowledge-search-results-premium { border-radius: 20px; background: rgba(255,255,255,.055); }
.top1-knowledge-search-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.top1-knowledge-search-result-grid p { padding: 10px 12px; border-radius: 14px; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.07); }
.top1-knowledge-import-drawer {
  margin-top: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.035);
  overflow: hidden;
}
.top1-knowledge-import-drawer > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
}
.top1-knowledge-import-drawer > summary::-webkit-details-marker { display: none; }
.top1-knowledge-import-drawer > summary span { color: #fff; font-weight: 900; }
.top1-knowledge-import-drawer > summary small { color: rgba(248,250,252,.56); }
.top1-knowledge-import-drawer .top1-knowledge-import-panel { margin-top: 0; border-radius: 0; border-width: 1px 0 0; box-shadow: none; }
@media (max-width: 1180px) {
  .top1-knowledge-command-hero,
  .top1-knowledge-top-grid { grid-template-columns: 1fr; }
  .top1-knowledge-fault-grid,
  .top1-knowledge-search-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .top1-knowledge-command-search,
  .top1-knowledge-inline-form { flex-direction: column; }
  .top1-knowledge-mini-metrics,
  .top1-knowledge-fault-grid,
  .top1-knowledge-search-result-grid { grid-template-columns: 1fr; }
  .top1-knowledge-section-title { align-items: flex-start; flex-direction: column; }
}

.top1-diagnostics-report-knowledge-work-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
	padding: 7px 0;
	border-top: 1px solid rgba(255, 255, 255, .07);
}
.top1-diagnostics-report-knowledge-work-row:first-of-type { border-top: 0; }
.top1-diagnostics-report-knowledge-work-row .top1-diagnostics-report-action-form { margin: 0; }
.top1-diagnostics-report-action-button.is-add_report_knowledge_work_to_order {
	min-height: 30px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(244, 36, 52, .44);
	background: linear-gradient(135deg, rgba(244, 36, 52, .22), rgba(255, 255, 255, .06));
	box-shadow: 0 0 18px rgba(244, 36, 52, .10);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}
.top1-diagnostics-report-knowledge-status {
	display: grid;
	gap: 6px;
	margin: 10px 0;
	padding: 10px 12px;
	border-radius: 16px;
	border: 1px solid rgba(74, 222, 128, .22);
	background: linear-gradient(135deg, rgba(34, 197, 94, .10), rgba(255, 255, 255, .035));
}
.top1-diagnostics-report-knowledge-status strong { color: #eafff1; font-size: 13px; }
.top1-diagnostics-report-knowledge-status span { color: rgba(248, 250, 252, .72); font-size: 12px; }
@media (max-width: 720px) {
	.top1-diagnostics-report-knowledge-work-row { grid-template-columns: 1fr; }
	.top1-diagnostics-report-action-button.is-add_report_knowledge_work_to_order { width: 100%; }
}


/* TOP1 Knowledge Action Bridge */
.top1-knowledge-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 12px;
}
.top1-knowledge-card-actions.is-compact { margin-top: 8px; }
.top1-knowledge-action-form { margin: 0; }
.top1-knowledge-action-button {
	min-height: 32px;
	padding: 8px 13px;
	border-radius: 999px;
	border: 1px solid rgba(244, 36, 52, .34);
	background: linear-gradient(135deg, rgba(244, 36, 52, .22), rgba(255, 255, 255, .055));
	box-shadow: 0 0 20px rgba(244, 36, 52, .10), inset 0 1px 0 rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.top1-knowledge-action-button:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 89, 101, .62);
	box-shadow: 0 0 28px rgba(244, 36, 52, .18), inset 0 1px 0 rgba(255, 255, 255, .11);
}
.top1-knowledge-action-button.is-knowledge_add_work_to_report {
	border-color: rgba(226, 232, 240, .22);
	background: linear-gradient(135deg, rgba(226, 232, 240, .10), rgba(255, 255, 255, .045));
	color: rgba(248, 250, 252, .92);
}
.top1-knowledge-search-work-item {
	display: grid;
	gap: 6px;
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .07);
}
.top1-knowledge-search-work-item p { margin: 0; }
.top1-diagnostics-report-knowledge-work-row .top1-knowledge-action-form { justify-self: end; }
.top1-diagnostics-report-knowledge-work-row .top1-knowledge-action-button {
	min-height: 30px;
	padding: 7px 12px;
	font-size: 12px;
}
@media (max-width: 720px) {
	.top1-knowledge-action-form,
	.top1-knowledge-action-button { width: 100%; }
	.top1-diagnostics-report-knowledge-work-row .top1-knowledge-action-form { justify-self: stretch; }
}


/* TOP1 Knowledge Action Bridge: calm action buttons inside Diagnostics. */
.top1-knowledge-action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.top1-knowledge-action-form {
  margin: 0;
  display: inline-flex;
}
.top1-knowledge-action-button {
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.065);
  color: rgba(248,250,252,.86);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.top1-knowledge-action-button:hover {
  transform: translateY(-1px);
  border-color: rgba(248,113,113,.34);
  background: rgba(255,255,255,.095);
  box-shadow: 0 10px 24px rgba(0,0,0,.18), 0 0 22px rgba(239,68,68,.10);
}
.top1-knowledge-action-button.is-primary {
  color: #fff;
  border-color: rgba(248,113,113,.42);
  background: linear-gradient(135deg, rgba(239,68,68,.95), rgba(127,29,29,.80));
  box-shadow: 0 12px 28px rgba(127,29,29,.22), inset 0 1px 0 rgba(255,255,255,.16);
}
.top1-knowledge-action-button.is-soft {
  color: #ffe4e6;
  border-color: rgba(248,113,113,.24);
  background: rgba(127,29,29,.24);
}
.top1-knowledge-action-button.is-quiet {
  color: rgba(248,250,252,.72);
  background: rgba(15,23,42,.36);
}
.top1-knowledge-dtc-card .top1-knowledge-action-row,
.top1-knowledge-fault-card .top1-knowledge-action-row {
  margin-top: 10px;
}
@media (max-width: 720px) {
  .top1-knowledge-action-row { flex-direction: column; align-items: stretch; }
  .top1-knowledge-action-form,
  .top1-knowledge-action-button { width: 100%; justify-content: center; }
}


/* TOP1 Knowledge Precision Pack v2: calm built-in package cards. */
.top1-knowledge-builtins {
  align-items: stretch;
  gap: 10px;
}
.top1-knowledge-builtins form {
  margin: 0;
  min-width: min(100%, 260px);
}
.top1-knowledge-builtins .top1-knowledge-soft-button {
  width: 100%;
  min-height: 54px;
  display: grid;
  gap: 4px;
  justify-items: start;
  text-align: left;
  border-radius: 18px;
}
.top1-knowledge-builtins .top1-knowledge-soft-button span {
  font-weight: 900;
  letter-spacing: .01em;
}
.top1-knowledge-builtins .top1-knowledge-soft-button small {
  color: rgba(248,250,252,.66);
  font-size: 11px;
  font-weight: 700;
}
@media (max-width: 720px) {
  .top1-knowledge-builtins { flex-direction: column; }
  .top1-knowledge-builtins form { width: 100%; }
}


/* TOP1 Knowledge brand precision cards */
.top1-knowledge-brand-title span{color:rgba(255,255,255,.62);font-size:12px;}
.top1-knowledge-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:12px 0 22px;}
.top1-knowledge-brand-card{position:relative;overflow:hidden;border:1px solid rgba(255,45,45,.18);border-radius:20px;padding:16px;background:linear-gradient(145deg,rgba(18,18,22,.94),rgba(6,6,9,.98));box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);}
.top1-knowledge-brand-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:180px;height:180px;background:radial-gradient(circle,rgba(225,22,35,.26),transparent 62%);pointer-events:none;}
.top1-knowledge-brand-card-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.top1-knowledge-brand-card-head span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 9px;color:#f4f4f5;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;letter-spacing:.08em;}
.top1-knowledge-brand-card-head small{color:#ff6b73;font-weight:800;letter-spacing:.04em;}
.top1-knowledge-brand-card strong{position:relative;display:block;color:#fff;font-size:15px;line-height:1.25;margin-bottom:8px;}
.top1-knowledge-brand-card p{position:relative;color:rgba(255,255,255,.74);font-size:13px;line-height:1.45;margin:0 0 10px;}
.top1-knowledge-checks-inline{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;}
.top1-knowledge-checks-inline span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 8px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);font-size:11px;}


/* TOP1 Engine & Generation Precision v4 */
.top1-knowledge-engine-title strong::before{content:'РІС™в„ў';display:inline-grid;place-items:center;width:28px;height:28px;border-radius:12px;margin-right:8px;background:linear-gradient(135deg,rgba(240,42,42,.26),rgba(255,255,255,.08));box-shadow:0 0 18px rgba(229,43,43,.22);font-size:15px}.top1-knowledge-engine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:14px 0 22px}.top1-knowledge-engine-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(16,18,24,.96),rgba(31,33,43,.88));box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}.top1-knowledge-engine-card::before{content:'';position:absolute;inset:-80px auto auto -80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(235,45,45,.23),transparent 68%);pointer-events:none}.top1-knowledge-engine-card-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.top1-knowledge-engine-card-head span{font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff}.top1-knowledge-engine-card-head small{border:1px solid rgba(239,68,68,.38);border-radius:999px;padding:5px 9px;color:#fecaca;background:rgba(127,29,29,.18)}.top1-knowledge-engine-card strong{position:relative;display:block;color:#fff;font-size:15px;margin-bottom:8px}.top1-knowledge-engine-card p{position:relative;color:rgba(255,255,255,.76);line-height:1.48;margin:0 0 11px}.top1-knowledge-engine-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}.top1-knowledge-engine-meta span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);font-size:12px}.top1-knowledge-engine-constraints{display:block;color:#fcd34d;margin-top:8px;line-height:1.4}.top1-knowledge-mini-metrics span b+span{margin-left:4px}

/* TOP1 Diagnostic Command Center v5 */
.top1-diagnostics-command-center {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(244,36,52,.20);
  background:
    radial-gradient(circle at 16% 0%, rgba(244,36,52,.18), transparent 34%),
    radial-gradient(circle at 96% 18%, rgba(255,255,255,.12), transparent 24%),
    linear-gradient(145deg, rgba(15,18,24,.98), rgba(5,7,12,.96));
  box-shadow: 0 24px 70px rgba(0,0,0,.36), 0 0 42px rgba(244,36,52,.08);
}
.top1-diagnostics-command-center::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 8px, transparent 8px 18px);
  opacity: .32;
  mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 70%, transparent 100%);
}
.top1-diagnostics-command-center > * { position: relative; z-index: 1; }
.top1-command-center-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 16px;
}
.top1-command-center-titleblock { display: grid; gap: 8px; max-width: 760px; }
.top1-command-eyebrow {
  color: #ff9aa3;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.top1-command-center-titleblock h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.02;
  letter-spacing: -.035em;
}
.top1-command-center-titleblock p {
  margin: 0;
  max-width: 710px;
  color: rgba(248,250,252,.70);
  font-size: 14px;
  line-height: 1.6;
}
.top1-command-status-pill {
  display: grid;
  gap: 4px;
  min-width: 150px;
  padding: 13px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  text-align: center;
  box-shadow: inset 0 0 24px rgba(255,255,255,.035);
}
.top1-command-status-pill span { color: #fff; font-weight: 900; }
.top1-command-status-pill small { color: rgba(248,250,252,.55); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.top1-diagnostics-command-center.is-critical .top1-command-status-pill { border-color: rgba(248,113,113,.38); background: rgba(244,36,52,.18); box-shadow: 0 0 28px rgba(244,36,52,.16); }
.top1-diagnostics-command-center.is-attention .top1-command-status-pill { border-color: rgba(251,191,36,.34); background: rgba(251,191,36,.10); }
.top1-diagnostics-command-center.is-calm .top1-command-status-pill { border-color: rgba(34,197,94,.26); background: rgba(34,197,94,.10); }
.top1-command-focus-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
.top1-command-focus-card {
  display: grid;
  gap: 7px;
  min-height: 126px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.top1-command-focus-card > span {
  color: #ff9aa3;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.top1-command-focus-card strong { color: #fff; font-size: 18px; line-height: 1.25; }
.top1-command-focus-card small { color: rgba(248,250,252,.62); font-size: 13px; line-height: 1.45; }
.top1-command-dtc-row,
.top1-command-metric-row { display: flex; flex-wrap: wrap; gap: 7px; }
.top1-command-dtc-row b,
.top1-command-metric-row small {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.10);
  font-size: 12px;
  white-space: nowrap;
}
.top1-command-dtc-row b { border-color: rgba(244,36,52,.34); box-shadow: 0 0 18px rgba(244,36,52,.10); }
.top1-command-flow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.top1-command-step {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 138px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.045);
}
.top1-command-step::after {
  content: "";
  position: absolute;
  top: 22px;
  right: -8px;
  width: 12px;
  height: 2px;
  background: rgba(244,36,52,.34);
}
.top1-command-step:last-child::after { display: none; }
.top1-command-step span {
  color: rgba(248,250,252,.48);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.top1-command-step strong { color: #fff; font-size: 14px; line-height: 1.25; }
.top1-command-step small { color: rgba(248,250,252,.62); font-size: 12px; line-height: 1.45; }
.top1-command-step.is-active { border-color: rgba(244,36,52,.34); background: rgba(244,36,52,.10); box-shadow: 0 0 26px rgba(244,36,52,.10); }
.top1-command-step.is-ready { border-color: rgba(34,197,94,.24); background: rgba(34,197,94,.075); }
.top1-command-step.is-waiting { opacity: .78; }
.top1-command-action-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.top1-command-action,
.top1-command-action-strip .top1-diagnostics-action-button,
.top1-command-action-strip .top1-knowledge-action-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  box-shadow: none;
}
.top1-command-action.is-primary,
.top1-command-action-strip .top1-diagnostics-action-button.is-generate_client_report,
.top1-command-action-strip .top1-knowledge-action-button.is-knowledge_add_work_to_order {
  border-color: rgba(244,36,52,.48);
  background: linear-gradient(135deg, rgba(244,36,52,.88), rgba(126,17,28,.82));
  box-shadow: 0 0 22px rgba(244,36,52,.16);
}
.top1-command-action.is-call { border-color: rgba(34,197,94,.32); background: rgba(34,197,94,.12); }
.top1-command-action-strip form { margin: 0; }
@media (max-width: 1280px) {
  .top1-command-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .top1-command-step::after { display: none; }
}
@media (max-width: 920px) {
  .top1-command-center-hero,
  .top1-command-focus-grid { grid-template-columns: 1fr; display: grid; }
  .top1-command-status-pill { justify-self: start; }
  .top1-command-flow { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .top1-command-action-strip { align-items: stretch; flex-direction: column; }
  .top1-command-action,
  .top1-command-action-strip form,
  .top1-command-action-strip .top1-diagnostics-action-button,
  .top1-command-action-strip .top1-knowledge-action-button { width: 100%; }
}

/* TOP1 Diagnostics Contact Center v6: calm contact status in frontend Diagnostics. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-center {
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(239, 68, 68, 0.22) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(239, 68, 68, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(3, 7, 18, 0.96), rgba(15, 23, 42, 0.92)) !important;
  box-shadow: 0 20px 55px rgba(2, 6, 23, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-center::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, transparent, rgba(255,255,255,0.045), transparent) !important;
  opacity: 0.6 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-header,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-grid,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history {
  position: relative !important;
  z-index: 1 !important;
}

.top1-contact-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  margin-bottom: 8px !important;
  border: 1px solid rgba(239, 68, 68, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(127, 29, 29, 0.18) !important;
  color: #fecaca !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  background: rgba(15, 23, 42, 0.68) !important;
  color: rgba(226, 232, 240, 0.94) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-ok,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-success {
  border-color: rgba(34, 197, 94, 0.42) !important;
  background: rgba(20, 83, 45, 0.26) !important;
  color: #bbf7d0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-info {
  border-color: rgba(96, 165, 250, 0.42) !important;
  background: rgba(30, 64, 175, 0.24) !important;
  color: #bfdbfe !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-warn {
  border-color: rgba(250, 204, 21, 0.42) !important;
  background: rgba(113, 63, 18, 0.24) !important;
  color: #fef3c7 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr) !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-hero,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-actions {
  padding: 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.84), rgba(2, 6, 23, 0.62)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-hero span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-actions > strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history > strong {
  display: block !important;
  color: rgba(148, 163, 184, 0.92) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-hero strong {
  display: block !important;
  margin-top: 6px !important;
  color: #f8fafc !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-hero small {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(226, 232, 240, 0.78) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-hero p {
  margin: 12px 0 0 !important;
  color: rgba(226, 232, 240, 0.84) !important;
  line-height: 1.5 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-phone-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-phone-row span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-phone-row a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  background: rgba(2, 6, 23, 0.46) !important;
  color: rgba(226, 232, 240, 0.9) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-phone-row a {
  border-color: rgba(239, 68, 68, 0.46) !important;
  color: #fecaca !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-action-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-form {
  margin: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button {
  width: 100% !important;
  min-height: 36px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.72) !important;
  color: rgba(241, 245, 249, 0.92) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(248, 113, 113, 0.72) !important;
  box-shadow: 0 0 20px rgba(239, 68, 68, 0.18) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-contact_status_called {
  border-color: rgba(34, 197, 94, 0.42) !important;
  background: linear-gradient(135deg, rgba(20, 83, 45, 0.72), rgba(34, 197, 94, 0.12)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-contact_status_messaged {
  border-color: rgba(96, 165, 250, 0.42) !important;
  background: linear-gradient(135deg, rgba(30, 64, 175, 0.72), rgba(96, 165, 250, 0.12)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-contact_status_booked {
  border-color: rgba(34, 197, 94, 0.56) !important;
  background: linear-gradient(135deg, rgba(22, 101, 52, 0.84), rgba(34, 197, 94, 0.16)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-contact_status_no_answer {
  border-color: rgba(250, 204, 21, 0.42) !important;
  background: linear-gradient(135deg, rgba(113, 63, 18, 0.74), rgba(250, 204, 21, 0.12)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-actions small {
  display: block !important;
  margin-top: 10px !important;
  color: rgba(148, 163, 184, 0.9) !important;
  line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history {
  margin-top: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 9px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item {
  min-height: 92px !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  background: rgba(15, 23, 42, 0.58) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item small {
  display: block !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item span {
  color: #fecaca !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item strong {
  margin-top: 5px !important;
  color: #f8fafc !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item small {
  margin-top: 5px !important;
  color: rgba(203, 213, 225, 0.8) !important;
  line-height: 1.35 !important;
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-action-row {
    grid-template-columns: 1fr !important;
  }
}

/* TOP1 Contact Status Center v6 — final calm status mapping */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-not_contacted,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status.is-not_contacted {
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: rgba(226, 232, 240, 0.86) !important;
  background: rgba(15, 23, 42, 0.72) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-prepared,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status.is-prepared {
  border-color: rgba(248, 113, 113, 0.36) !important;
  color: #fecaca !important;
  background: rgba(127, 29, 29, 0.26) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-called,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-written,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status.is-called,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status.is-written {
  border-color: rgba(96, 165, 250, 0.42) !important;
  color: #dbeafe !important;
  background: rgba(30, 64, 175, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-booked,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status.is-booked {
  border-color: rgba(34, 197, 94, 0.46) !important;
  color: #bbf7d0 !important;
  background: rgba(20, 83, 45, 0.28) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill.is-no_answer,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status.is-no_answer {
  border-color: rgba(250, 204, 21, 0.42) !important;
  color: #fef3c7 !important;
  background: rgba(113, 63, 18, 0.26) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-called,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-written {
  border-color: rgba(96, 165, 250, 0.42) !important;
  background: linear-gradient(135deg, rgba(30, 64, 175, 0.72), rgba(96, 165, 250, 0.12)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-booked {
  border-color: rgba(34, 197, 94, 0.56) !important;
  background: linear-gradient(135deg, rgba(22, 101, 52, 0.84), rgba(34, 197, 94, 0.16)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-no_answer {
  border-color: rgba(250, 204, 21, 0.42) !important;
  background: linear-gradient(135deg, rgba(113, 63, 18, 0.74), rgba(250, 204, 21, 0.12)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-contact-details {
  width: 100% !important;
  margin-top: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(2, 6, 23, 0.36) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-contact-details summary {
  cursor: pointer !important;
  color: rgba(226, 232, 240, 0.9) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}


/* TOP1 Diagnostics Planner Booking v7 — explicit, calm, no auto-booking */
.top1-diagnostics-planner-followup {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(14, 15, 20, 0.96), rgba(35, 8, 12, 0.88));
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.top1-diagnostics-planner-followup.is-ready { border-color: rgba(239, 68, 68, 0.36); }
.top1-diagnostics-planner-followup.is-linked { border-color: rgba(34, 197, 94, 0.34); }
.top1-diagnostics-planner-followup-head { display: grid; gap: 4px; margin-bottom: 12px; }
.top1-diagnostics-planner-followup-head span { font-size: 11px; letter-spacing: .13em; text-transform: uppercase; color: rgba(255, 255, 255, 0.54); }
.top1-diagnostics-planner-followup-head strong { color: #fff; font-size: 15px; }
.top1-diagnostics-planner-followup-head small { color: rgba(255, 255, 255, 0.68); }
.top1-diagnostics-planner-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; }
.top1-diagnostics-planner-visit-form { display: grid; gap: 10px; padding: 12px; border-radius: 16px; background: rgba(255, 255, 255, 0.045); border: 1px solid rgba(255, 255, 255, 0.08); }
.top1-diagnostics-planner-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.top1-diagnostics-planner-form-row label { display: grid; gap: 4px; font-size: 11px; color: rgba(255, 255, 255, 0.62); }
.top1-diagnostics-planner-form-row input,
.top1-diagnostics-planner-form-row select { width: 100%; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(0, 0, 0, 0.32); color: #fff; padding: 8px 10px; }
.top1-diagnostics-planner-visit-button,
.top1-diagnostics-planner-links a { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(239, 68, 68, 0.44); background: linear-gradient(135deg, rgba(220, 38, 38, 0.96), rgba(127, 29, 29, 0.9)); color: #fff; font-weight: 800; padding: 9px 14px; text-decoration: none; box-shadow: 0 10px 24px rgba(220, 38, 38, 0.24); cursor: pointer; }
.top1-diagnostics-planner-visit-button.is-create_planner_visit_from_contact { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.18); box-shadow: none; }
.top1-diagnostics-planner-links { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 720px) { .top1-diagnostics-planner-form-row { grid-template-columns: 1fr; } }


/* TOP1 Diagnostics Planner Overview v8 */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-card {
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at top left, rgba(239, 68, 68, 0.18), transparent 34%), linear-gradient(145deg, rgba(12, 12, 16, 0.97), rgba(18, 18, 24, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.09);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-card::before {
	content: "";
	position: absolute;
	inset: -40% auto auto -12%;
	width: 360px;
	height: 360px;
	background: radial-gradient(circle, rgba(239, 68, 68, 0.22), transparent 68%);
	pointer-events: none;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-header,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-stats,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-grid,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-empty {
	position: relative;
	z-index: 1;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 10px 15px;
	border: 1px solid rgba(239, 68, 68, 0.45);
	background: rgba(239, 68, 68, 0.12);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-stats span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border-radius: 999px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.09);
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-stats b {
	color: #fff;
	font-size: 15px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-empty {
	display: grid;
	gap: 6px;
	padding: 18px;
	border-radius: 18px;
	border: 1px dashed rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.045);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-empty strong { color: #fff; }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-empty span { color: rgba(255, 255, 255, 0.66); }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 14px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item {
	display: grid;
	gap: 10px;
	padding: 15px;
	border-radius: 20px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item.is-scheduled { border-color: rgba(59, 130, 246, 0.34); }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item.is-in_progress { border-color: rgba(245, 158, 11, 0.42); }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item.is-done { border-color: rgba(34, 197, 94, 0.34); }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item.is-cancelled { opacity: 0.68; }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item-head span {
	font-size: 11px;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item-head b {
	border-radius: 999px;
	padding: 5px 9px;
	background: rgba(239, 68, 68, 0.12);
	border: 1px solid rgba(239, 68, 68, 0.25);
	color: #fff;
	font-size: 11px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item > strong {
	color: #fff;
	font-size: 16px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item > small {
	color: rgba(255, 255, 255, 0.66);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-meta,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-flow,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-meta span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-flow span {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	padding: 6px 9px;
	background: rgba(0, 0, 0, 0.26);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.7);
	font-size: 11px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-flow span::after {
	content: "→";
	margin-left: 7px;
	color: rgba(239, 68, 68, 0.72);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-flow span:last-child::after { content: ""; margin: 0; }
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	font-weight: 800;
	font-size: 12px;
	text-decoration: none;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-actions a:first-child {
	background: linear-gradient(135deg, rgba(220, 38, 38, 0.95), rgba(127, 29, 29, 0.9));
	border-color: rgba(239, 68, 68, 0.44);
}
@media (max-width: 720px) {
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-header { gap: 12px; }
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-link { width: 100%; }
}


/* TOP1 Diagnostics Visit Result Center */
.top1-diagnostics-visit-result-center {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: radial-gradient(circle at top left, rgba(210, 24, 33, 0.18), transparent 32%), linear-gradient(135deg, rgba(14, 14, 18, 0.98), rgba(28, 28, 34, 0.96));
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}
.top1-diagnostics-visit-result-header p { max-width: 760px; }
.top1-diagnostics-visit-result-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 18px 0;
}
.top1-diagnostics-visit-result-stats span,
.top1-diagnostics-visit-result-note,
.top1-diagnostics-visit-result-empty {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.055);
	padding: 14px 16px;
	color: rgba(255, 255, 255, 0.74);
}
.top1-diagnostics-visit-result-stats b {
	display: block;
	font-size: 1.55rem;
	line-height: 1;
	color: #fff;
}
.top1-diagnostics-visit-result-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
}
.top1-diagnostics-visit-result-item {
	display: grid;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 22px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035));
	padding: 18px;
	color: rgba(255, 255, 255, 0.78);
}
.top1-diagnostics-visit-result-item.is-success,
.top1-diagnostics-visit-result-item.is-ready {
	border-color: rgba(89, 212, 139, 0.26);
}
.top1-diagnostics-visit-result-item.is-warn {
	border-color: rgba(255, 193, 92, 0.35);
}
.top1-diagnostics-visit-result-item.is-attention,
.top1-diagnostics-visit-result-item.is-progress {
	border-color: rgba(210, 24, 33, 0.34);
}
.top1-diagnostics-visit-result-item-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
}
.top1-diagnostics-visit-result-item-head span,
.top1-diagnostics-visit-result-text span,
.top1-diagnostics-visit-result-history span {
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.48);
}
.top1-diagnostics-visit-result-item-head b {
	border-radius: 999px;
	padding: 6px 10px;
	background: rgba(210, 24, 33, 0.16);
	color: #fff;
	font-size: 0.82rem;
}
.top1-diagnostics-visit-result-item strong { color: #fff; font-size: 1.05rem; }
.top1-diagnostics-visit-result-item p { margin: 0; }
.top1-diagnostics-visit-result-text {
	display: grid;
	gap: 4px;
	border-radius: 16px;
	background: rgba(0, 0, 0, 0.18);
	padding: 12px;
}
.top1-diagnostics-visit-result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.top1-diagnostics-visit-result-form {
	display: contents;
}
.top1-diagnostics-visit-result-form textarea {
	width: 100%;
	min-height: 74px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.22);
	color: #fff;
	padding: 10px 12px;
	font: inherit;
}
.top1-diagnostics-visit-result-button {
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	padding: 9px 12px;
	font-weight: 700;
	cursor: pointer;
}
.top1-diagnostics-visit-result-button:hover {
	background: rgba(210, 24, 33, 0.22);
	border-color: rgba(210, 24, 33, 0.46);
}
.top1-diagnostics-visit-result-history {
	display: grid;
	gap: 5px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 10px;
}
@media (max-width: 760px) {
	.top1-diagnostics-visit-result-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* TOP1 Diagnostics Visit Result v9 polish */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-center {
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		radial-gradient(circle at 12% 0%, rgba(229, 0, 33, 0.20), transparent 34%),
		linear-gradient(145deg, rgba(17, 18, 24, 0.97), rgba(5, 6, 10, 0.99));
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 10px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-meta em,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-flow span {
	font-style: normal;
	border-radius: 999px;
	padding: 7px 9px;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.66);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-flow {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 14px 0;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-action-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-note-input {
	min-width: min(260px, 100%);
	flex: 1 1 240px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.22);
	color: #fff;
	padding: 10px 13px;
	font: inherit;
	font-size: 12px;
	outline: none;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-note-input:focus {
	border-color: rgba(229, 0, 33, 0.45);
	box-shadow: 0 0 0 3px rgba(229, 0, 33, 0.12);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-action-button {
	appearance: none;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.10);
	color: #fff;
	padding: 10px 13px;
	font-weight: 800;
	font-size: 12px;
	cursor: pointer;
	transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-action-button:hover {
	transform: translateY(-1px);
	border-color: rgba(229, 0, 33, 0.48);
	background: rgba(229, 0, 33, 0.20);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_chain_closed {
	background: linear-gradient(135deg, #e50021, #9b0016);
	box-shadow: 0 12px 30px rgba(229, 0, 33, 0.24);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_no_show {
	background: rgba(255, 184, 77, 0.14);
	border-color: rgba(255, 184, 77, 0.32);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-note-text,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-text {
	border-radius: 16px;
	background: rgba(0, 0, 0, 0.20);
	border: 1px solid rgba(255, 255, 255, 0.07);
	padding: 12px;
	color: rgba(255, 255, 255, 0.74);
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-done {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	padding: 9px 12px;
	background: rgba(46, 224, 123, 0.10);
	border: 1px solid rgba(46, 224, 123, 0.25);
	color: rgba(255, 255, 255, 0.82);
	font-size: 12px;
	font-weight: 800;
}


/* TOP1 Knowledge Master Route v11 */
.top1-knowledge-master-route{position:relative;overflow:hidden;margin-top:16px;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 12% -10%,rgba(244,36,52,.24),transparent 36%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.11),transparent 26%),linear-gradient(145deg,rgba(10,12,17,.96),rgba(24,25,32,.91));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}
.top1-knowledge-master-route::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 6px,transparent 6px 18px);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 70%,transparent 100%)}
.top1-knowledge-master-route>*{position:relative;z-index:1}.top1-knowledge-master-route.is-critical{border-color:rgba(248,113,113,.34);box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 38px rgba(244,36,52,.13)}.top1-knowledge-master-route.is-attention{border-color:rgba(251,191,36,.28)}.top1-knowledge-master-route.is-calm{border-color:rgba(74,222,128,.18)}
.top1-knowledge-master-route-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.top1-knowledge-master-route-head>div:first-child{display:grid;gap:7px;max-width:850px}.top1-knowledge-master-route-head span{color:#ff9aa3;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.top1-knowledge-master-route-head strong{color:#fff;font-size:clamp(22px,2.6vw,34px);line-height:1.05;letter-spacing:-.035em}.top1-knowledge-master-route-head p{margin:0;color:rgba(248,250,252,.70);font-size:14px;line-height:1.55}
.top1-knowledge-master-route-status{display:grid;gap:4px;min-width:170px;padding:12px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.top1-knowledge-master-route-status b{color:#fff;font-weight:950}.top1-knowledge-master-route-status small,.top1-knowledge-master-route-status em{color:rgba(248,250,252,.55);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-style:normal}
.top1-knowledge-master-route-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.top1-knowledge-master-route-chips span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:rgba(248,250,252,.78);font-size:12px;font-weight:800}
.top1-knowledge-master-route-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:14px}.top1-knowledge-master-route-step{position:relative;display:grid;align-content:start;gap:7px;min-height:150px;padding:13px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.top1-knowledge-master-route-step:not(:last-child)::after{content:"";position:absolute;right:-8px;top:26px;width:12px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(244,36,52,.55),transparent)}.top1-knowledge-master-route-step span{color:#ff9aa3;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.top1-knowledge-master-route-step strong{color:#fff;font-size:14px;line-height:1.25}.top1-knowledge-master-route-step small{color:rgba(248,250,252,.62);font-size:12px;line-height:1.45}.top1-knowledge-master-route-step.is-primary{border-color:rgba(244,36,52,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 24px rgba(244,36,52,.08)}
.top1-knowledge-master-route-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:15px}.top1-knowledge-master-route-actions>span{color:rgba(248,250,252,.62);font-size:13px}.top1-knowledge-master-route-note{margin-top:12px;padding:11px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);color:rgba(248,250,252,.68);font-size:12px;line-height:1.45}
@media (max-width:1320px){.top1-knowledge-master-route-flow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.top1-knowledge-master-route-step:nth-child(3)::after{display:none}}@media (max-width:820px){.top1-knowledge-master-route-head{flex-direction:column}.top1-knowledge-master-route-status{width:100%;border-radius:18px}.top1-knowledge-master-route-flow{grid-template-columns:1fr}.top1-knowledge-master-route-step::after{display:none}.top1-knowledge-master-route-actions{flex-direction:column;align-items:stretch}}


/* TOP1 Automotive Knowledge Core Plugin v11 — premium cockpit without noise */
.top1-knowledge-cockpit-panel { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 14px; margin-top: 14px; padding: 14px; border-radius: 26px; border: 1px solid rgba(255,255,255,.10); background: radial-gradient(circle at 8% 14%, rgba(244,36,52,.18), transparent 36%), linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.024)); box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 18px 46px rgba(0,0,0,.22); }
.top1-knowledge-cockpit-panel.is-attention { border-color: rgba(251,191,36,.24); }
.top1-knowledge-cockpit-score { display: grid; align-content: center; gap: 5px; min-height: 160px; padding: 18px; border-radius: 23px; background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.16), transparent 52%), linear-gradient(145deg, rgba(244,36,52,.24), rgba(20,20,25,.82)); border: 1px solid rgba(255,255,255,.12); text-align: center; }
.top1-knowledge-cockpit-score span { color: rgba(255,255,255,.66); font-size: 11px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.top1-knowledge-cockpit-score strong { color: #fff; font-size: 42px; line-height: 1; letter-spacing: -.055em; text-shadow: 0 0 24px rgba(244,36,52,.28); }
.top1-knowledge-cockpit-score small { color: #fecaca; font-size: 13px; font-weight: 900; }
.top1-knowledge-cockpit-body { display: grid; gap: 12px; }
.top1-knowledge-cockpit-route, .top1-knowledge-cockpit-footer { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.top1-knowledge-cockpit-route span { position: relative; display: inline-flex; align-items: center; min-height: 32px; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.055); color: rgba(248,250,252,.82); font-size: 12px; font-weight: 900; }
.top1-knowledge-cockpit-route span:not(:last-child)::after { content: "→"; position: absolute; right: -13px; color: rgba(255,154,163,.72); }
.top1-knowledge-cockpit-components { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.top1-knowledge-cockpit-component { display: grid; gap: 5px; min-height: 98px; padding: 12px; border-radius: 18px; border: 1px solid rgba(255,255,255,.09); background: rgba(0,0,0,.18); }
.top1-knowledge-cockpit-component strong { color: #fff; font-size: 12px; }
.top1-knowledge-cockpit-component span { color: #fff; font-size: 22px; font-weight: 950; line-height: 1; }
.top1-knowledge-cockpit-component small { color: rgba(248,250,252,.58); font-size: 11px; line-height: 1.35; }
.top1-knowledge-cockpit-component.is-low { border-color: rgba(248,113,113,.28); background: rgba(127,29,29,.15); }
.top1-knowledge-cockpit-component.is-attention { border-color: rgba(251,191,36,.24); background: rgba(120,53,15,.14); }
.top1-knowledge-cockpit-component.is-good { border-color: rgba(74,222,128,.18); }
.top1-knowledge-cockpit-footer { padding: 12px; border-radius: 18px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.08); }
.top1-knowledge-cockpit-footer span, .top1-knowledge-cockpit-footer em { color: rgba(248,250,252,.66); font-size: 12px; font-style: normal; }
.top1-knowledge-cockpit-footer em { flex-basis: 100%; color: rgba(254,202,202,.82); line-height: 1.42; }
@media (max-width: 1180px) { .top1-knowledge-cockpit-panel { grid-template-columns: 1fr; } .top1-knowledge-cockpit-score { min-height: auto; } .top1-knowledge-cockpit-components { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .top1-knowledge-cockpit-components { grid-template-columns: 1fr; } .top1-knowledge-cockpit-route span:not(:last-child)::after { display: none; } }

/* CRM login alignment for protected section entry screens. */
.top1-login-shell-entry {
  background:
    radial-gradient(circle at 14% 8%, rgba(37, 99, 235, 0.10), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(20, 184, 166, 0.08), transparent 30%),
    linear-gradient(180deg, #edf4fb 0%, #f7fafc 42%, #eef5f9 100%);
}

.top1-login-shell-entry::before {
  inset: -6% 54% 14% -12%;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(255, 255, 255, 0) 72%);
}

.top1-login-shell-entry::after {
  inset: 12% -10% -8% 62%;
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08) 0%, rgba(255, 255, 255, 0) 82%);
}

.top1-login-window-entry {
  border: 1px solid rgba(255, 255, 255, 0.82);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 253, 0.96) 46%, rgba(243, 246, 249, 0.94) 100%);
  box-shadow:
    0 28px 72px rgba(15, 23, 42, 0.12),
    0 10px 24px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18);
}

.top1-login-window-entry::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.18) 24%, rgba(255, 255, 255, 0) 44%),
    radial-gradient(360px 120px at 50% 0%, rgba(255, 255, 255, 0.26), transparent 74%);
}

.top1-login-window-entry::after {
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.top1-login-window-entry .top1-login-title::before,
.top1-login-window-entry .top1-login-title::after,
.top1-login-window-entry .top1-login-body::before {
  color: #0f172a;
  text-shadow: none;
}

.top1-login-window-entry .top1-login-title::after {
  color: #2563eb;
}

.top1-login-window-entry .top1-login-form-wrap {
  padding: 12px;
  border: 1px solid rgba(210, 218, 226, 0.84);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(252, 252, 253, 0.82) 0%, rgba(244, 247, 249, 0.94) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 10px 20px rgba(15, 23, 42, 0.04);
}

.top1-login-window-entry .top1-login-form-wrap label {
  color: #64748b;
}

.top1-login-window-entry .top1-login-form-wrap input[type="text"],
.top1-login-window-entry .top1-login-form-wrap input[type="email"],
.top1-login-window-entry .top1-login-form-wrap input[type="password"] {
  border-color: rgba(203, 212, 220, 0.82);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 249, 251, 0.98) 100%);
  color: #111827;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.84),
    0 2px 6px rgba(15, 23, 42, 0.02);
}

.top1-login-window-entry .top1-login-form-wrap .login-remember,
.top1-login-window-entry .top1-login-form-wrap .login-remember label,
.top1-login-window-entry .top1-login-inline-note {
  color: #66758a;
}

.top1-login-window-entry .top1-login-form-wrap input[type="submit"] {
  border-color: #1f2937;
  background: linear-gradient(180deg, #334155 0%, #111827 100%);
  color: #ffffff;
  box-shadow:
    0 10px 18px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.top1-login-window-entry .top1-login-form-wrap input[type="submit"]:hover {
  background: linear-gradient(180deg, #3f4d61 0%, #16202b 100%);
}

/* Diagnostics CRM alignment pass: keep diagnostics logic, but unify the page with the light CRM language. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-command-center,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-center,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-center,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-client-reports-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-action-panel {
  border-color: rgba(37, 99, 235, 0.22) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.08), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(20, 184, 166, 0.05), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-command-center::before,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-center::before,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-card::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-eyebrow,
  .top1-contact-eyebrow,
  .top1-diagnostics-command-eyebrow
) {
  color: #2563eb !important;
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-center-titleblock h2,
  .top1-diagnostics-contact-hero strong,
  .top1-diagnostics-planner-overview-item > strong,
  .top1-diagnostics-visit-result-item strong,
  .top1-diagnostics-client-report strong,
  .top1-diagnostics-planner-followup-head strong
) {
  color: #0f172a !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-center-titleblock p,
  .top1-command-focus-card small,
  .top1-command-step small,
  .top1-diagnostics-contact-hero small,
  .top1-diagnostics-contact-hero p,
  .top1-diagnostics-planner-overview-item > small,
  .top1-diagnostics-planner-followup-head small,
  .top1-diagnostics-visit-result-item p,
  .top1-diagnostics-client-report > p
) {
  color: #475569 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-command-status-pill,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-pill,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-link,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-linked-order {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-command-status-pill span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-command-status-pill small {
  color: #334155 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-focus-card,
  .top1-command-step,
  .top1-diagnostics-contact-hero,
  .top1-diagnostics-contact-actions,
  .top1-diagnostics-contact-history-item,
  .top1-diagnostics-planner-followup,
  .top1-diagnostics-planner-overview-item,
  .top1-diagnostics-visit-result-item,
  .top1-diagnostics-client-report
) {
  border-color: rgba(148, 163, 184, 0.24) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-command-focus-card > span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-command-step span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-history-item span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-followup-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-item-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-item-head span {
  color: #64748b !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-command-dtc-row b,
.top1-app-shell[data-top1-section="diagnostics"] .top1-command-metric-row small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-meta span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-overview-flow span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-stats span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-note,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-empty {
  background: #f8fafc !important;
  color: #334155 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-command-dtc-row b {
  color: #be123c !important;
  background: #fff1f2 !important;
  border-color: rgba(225, 29, 72, 0.22) !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-action,
  .top1-command-action-strip .top1-diagnostics-action-button,
  .top1-command-action-strip .top1-knowledge-action-button,
  .top1-diagnostics-contact-status-button,
  .top1-diagnostics-planner-visit-button,
  .top1-diagnostics-report-action-button,
  .top1-diagnostics-visit-result-action-button,
  .top1-diagnostics-report-knowledge-work-row .top1-knowledge-action-button
) {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-action.is-primary,
  .top1-command-action-strip .top1-diagnostics-action-button.is-generate_client_report,
  .top1-command-action-strip .top1-knowledge-action-button.is-knowledge_add_work_to_order,
  .top1-diagnostics-report-action-button.is-create_order_from_report,
  .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_chain_closed
) {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37, 99, 235, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-command-action.is-call,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-link_report_latest_order,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-booked {
  background: #f0fdf4 !important;
  color: #15803d !important;
  border-color: rgba(22, 163, 74, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-request_client_report_recheck,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-no_answer,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_no_show {
  background: #fff7ed !important;
  color: #c2410c !important;
  border-color: rgba(234, 88, 12, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-action-button.is-prepare_report_contact,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-called,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contact-status-button.is-written {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border-color: rgba(37, 99, 235, 0.24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] :is(
  .top1-command-action:hover,
  .top1-command-action:focus-visible,
  .top1-diagnostics-contact-status-button:hover,
  .top1-diagnostics-report-action-button:hover,
  .top1-diagnostics-report-action-button:focus-visible,
  .top1-diagnostics-visit-result-action-button:hover
) {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.08) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-contact-details,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-text,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-knowledge,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-report-knowledge-status {
  background: #f8fafc !important;
  color: #334155 !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visit-result-note-input,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-form-row input,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-planner-form-row select {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}


/* TOP1 Knowledge Quality Control v12 */
.top1-knowledge-quality-panel{position:relative;overflow:hidden;margin-top:14px;padding:16px;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 0% 0%,rgba(244,36,52,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.026));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 52px rgba(0,0,0,.22)}
.top1-knowledge-quality-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 5px,transparent 5px 17px);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
.top1-knowledge-quality-panel>*{position:relative;z-index:1}.top1-knowledge-quality-panel.is-good{border-color:rgba(74,222,128,.18)}.top1-knowledge-quality-panel.is-attention{border-color:rgba(251,191,36,.24)}.top1-knowledge-quality-panel.is-low{border-color:rgba(248,113,113,.30)}
.top1-knowledge-quality-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.top1-knowledge-quality-head>div:first-child{display:grid;gap:6px;max-width:860px}.top1-knowledge-quality-head span{color:#ff9aa3;font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.top1-knowledge-quality-head strong{color:#fff;font-size:clamp(20px,2.1vw,28px);letter-spacing:-.035em;line-height:1.08}.top1-knowledge-quality-head p{margin:0;color:rgba(248,250,252,.66);font-size:13px;line-height:1.5}.top1-knowledge-quality-score{min-width:128px;display:grid;place-items:center;gap:2px;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(244,36,52,.20),rgba(0,0,0,.24));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.top1-knowledge-quality-score b{color:#fff;font-size:34px;line-height:1;text-shadow:0 0 24px rgba(244,36,52,.25)}.top1-knowledge-quality-score small{color:rgba(248,250,252,.64);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.top1-knowledge-quality-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.top1-knowledge-quality-check{display:grid;gap:5px;min-height:104px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.18)}.top1-knowledge-quality-check span{color:#fff;font-size:12px;font-weight:950}.top1-knowledge-quality-check strong{color:#fff;font-size:24px;line-height:1}.top1-knowledge-quality-check small{color:rgba(248,250,252,.58);font-size:11px;line-height:1.35}.top1-knowledge-quality-check.is-good{border-color:rgba(74,222,128,.18)}.top1-knowledge-quality-check.is-attention{border-color:rgba(251,191,36,.24);background:rgba(120,53,15,.12)}.top1-knowledge-quality-check.is-low{border-color:rgba(248,113,113,.28);background:rgba(127,29,29,.15)}
.top1-knowledge-quality-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.top1-knowledge-quality-list{display:grid;gap:8px;padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.top1-knowledge-quality-list>strong{color:#fff;font-size:13px}.top1-knowledge-quality-issue{display:grid;gap:3px;padding:10px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}.top1-knowledge-quality-issue span{color:#fff;font-weight:900;font-size:12px}.top1-knowledge-quality-issue small,.top1-knowledge-quality-list.is-actions span,.top1-knowledge-quality-list.is-actions small{color:rgba(248,250,252,.62);font-size:11px;line-height:1.42}.top1-knowledge-quality-issue.is-critical{border-color:rgba(248,113,113,.30)}.top1-knowledge-quality-issue.is-attention{border-color:rgba(251,191,36,.24)}.top1-knowledge-quality-list.is-actions span{display:block;padding:9px 10px;border-radius:14px;background:rgba(244,36,52,.10);border:1px solid rgba(244,36,52,.14);color:#fecaca;font-weight:850}.top1-knowledge-quality-trust{margin:12px 0 0;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);color:rgba(248,250,252,.62);font-size:12px;line-height:1.45}
@media (max-width:1180px){.top1-knowledge-quality-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.top1-knowledge-quality-bottom{grid-template-columns:1fr}}@media (max-width:720px){.top1-knowledge-quality-head{flex-direction:column}.top1-knowledge-quality-score{width:100%}.top1-knowledge-quality-checks{grid-template-columns:1fr}}

/* TOP1 Knowledge Quality Control v12 */
.top1-knowledge-quality-panel { margin-top: 14px; padding: 16px; border-radius: 28px; border: 1px solid rgba(255,255,255,.10); background: radial-gradient(circle at 8% 0%, rgba(244,36,52,.16), transparent 38%), linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.022)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 54px rgba(0,0,0,.20); }
.top1-knowledge-quality-panel.is-good { border-color: rgba(74,222,128,.18); }
.top1-knowledge-quality-panel.is-danger { border-color: rgba(248,113,113,.32); }
.top1-knowledge-quality-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.top1-knowledge-quality-head span { display: block; margin-bottom: 5px; color: rgba(255,154,163,.86); font-size: 11px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.top1-knowledge-quality-head strong { color: #fff; font-size: 21px; font-weight: 950; letter-spacing: -.035em; }
.top1-knowledge-quality-head p { max-width: 820px; margin: 6px 0 0; color: rgba(248,250,252,.64); font-size: 13px; line-height: 1.5; }
.top1-knowledge-quality-score { min-width: 130px; padding: 14px; border-radius: 22px; text-align: center; border: 1px solid rgba(255,255,255,.10); background: linear-gradient(145deg, rgba(244,36,52,.24), rgba(0,0,0,.20)); }
.top1-knowledge-quality-score b { display: block; color: #fff; font-size: 34px; line-height: 1; letter-spacing: -.05em; text-shadow: 0 0 22px rgba(244,36,52,.30); }
.top1-knowledge-quality-score small { display: block; margin-top: 6px; color: rgba(254,202,202,.82); font-size: 11px; font-weight: 850; }
.top1-knowledge-quality-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.top1-knowledge-quality-metric { min-height: 112px; padding: 12px; border-radius: 18px; border: 1px solid rgba(255,255,255,.09); background: rgba(0,0,0,.18); }
.top1-knowledge-quality-metric span { display: block; color: rgba(248,250,252,.72); font-size: 11px; font-weight: 900; }
.top1-knowledge-quality-metric strong { display: block; margin-top: 6px; color: #fff; font-size: 24px; line-height: 1; }
.top1-knowledge-quality-metric div { overflow: hidden; height: 5px; margin-top: 10px; border-radius: 999px; background: rgba(255,255,255,.08); }
.top1-knowledge-quality-metric i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgba(244,36,52,.92), rgba(255,178,63,.88)); }
.top1-knowledge-quality-metric small { display: block; margin-top: 8px; color: rgba(248,250,252,.54); font-size: 10px; line-height: 1.35; }
.top1-knowledge-quality-metric.is-good { border-color: rgba(74,222,128,.18); }
.top1-knowledge-quality-metric.is-low { border-color: rgba(248,113,113,.28); background: rgba(127,29,29,.14); }
.top1-knowledge-quality-metric.is-attention { border-color: rgba(251,191,36,.24); background: rgba(120,53,15,.13); }
.top1-knowledge-quality-issues { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.top1-knowledge-quality-issue { position: relative; min-height: 92px; padding: 13px; border-radius: 19px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.045); }
.top1-knowledge-quality-issue span { display: block; color: #fff; font-size: 13px; font-weight: 950; }
.top1-knowledge-quality-issue p { margin: 6px 0 0; color: rgba(248,250,252,.62); font-size: 12px; line-height: 1.42; }
.top1-knowledge-quality-issue b { position: absolute; right: 12px; top: 12px; color: rgba(255,255,255,.82); font-size: 18px; }
.top1-knowledge-quality-issue.is-good { border-color: rgba(74,222,128,.18); background: rgba(20,83,45,.14); }
.top1-knowledge-quality-issue.is-danger { border-color: rgba(248,113,113,.32); background: rgba(127,29,29,.17); }
.top1-knowledge-quality-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.top1-knowledge-quality-footer span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); color: rgba(248,250,252,.68); font-size: 12px; font-weight: 850; }
.top1-knowledge-quality-details { margin-top: 10px; border-radius: 20px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.14); }
.top1-knowledge-quality-details summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; list-style: none; }
.top1-knowledge-quality-details summary::-webkit-details-marker { display: none; }
.top1-knowledge-quality-details summary span { color: #fff; font-size: 13px; font-weight: 950; }
.top1-knowledge-quality-details summary small { color: rgba(248,250,252,.54); font-size: 11px; }
.top1-knowledge-quality-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 0 12px 12px; }
.top1-knowledge-quality-detail-grid > div { padding: 12px; border-radius: 16px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.07); }
.top1-knowledge-quality-detail-grid strong { display: block; margin-bottom: 7px; color: rgba(255,154,163,.86); font-size: 12px; font-weight: 950; }
.top1-knowledge-quality-detail-grid p { margin: 5px 0; color: rgba(248,250,252,.62); font-size: 12px; line-height: 1.38; }
.top1-knowledge-quality-detail-grid p b { color: #fff; }
@media (max-width: 1240px) { .top1-knowledge-quality-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .top1-knowledge-quality-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .top1-knowledge-quality-head { display: grid; } .top1-knowledge-quality-score { width: 100%; } .top1-knowledge-quality-grid, .top1-knowledge-quality-issues, .top1-knowledge-quality-detail-grid { grid-template-columns: 1fr; } }

/* TOP1 Knowledge Source Manager v13 */
.top1-knowledge-source-panel { margin-top: 14px; padding: 16px; border-radius: 28px; border: 1px solid rgba(255,255,255,.10); background: radial-gradient(circle at 8% 0%, rgba(244,36,52,.17), transparent 35%), linear-gradient(145deg, rgba(8,10,15,.94), rgba(22,24,31,.82)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 58px rgba(0,0,0,.28); }
.top1-knowledge-source-panel.is-good { border-color: rgba(74,222,128,.18); }
.top1-knowledge-source-panel.is-attention { border-color: rgba(251,191,36,.24); }
.top1-knowledge-source-panel.is-low { border-color: rgba(248,113,113,.30); }
.top1-knowledge-source-head { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.top1-knowledge-source-head span { display:inline-flex; margin-bottom:5px; color:#f87171; font-size:11px; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
.top1-knowledge-source-head strong { display:block; color:#fff; font-size:22px; letter-spacing:-.025em; }
.top1-knowledge-source-head p { max-width:760px; margin:6px 0 0; color:rgba(248,250,252,.68); font-size:13px; line-height:1.45; }
.top1-knowledge-source-score { min-width:138px; padding:14px 16px; border-radius:22px; border:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.14), transparent 58%), rgba(255,255,255,.055); text-align:center; }
.top1-knowledge-source-score b { display:block; color:#fff; font-size:34px; line-height:1; letter-spacing:-.055em; text-shadow:0 0 24px rgba(244,36,52,.30); }
.top1-knowledge-source-score small { display:block; margin-top:5px; color:#fecaca; font-size:12px; font-weight:900; }
.top1-knowledge-source-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:14px; }
.top1-knowledge-source-metrics span { min-height:72px; display:grid; align-content:center; gap:4px; padding:11px 12px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.045); color:rgba(248,250,252,.64); font-size:11px; font-weight:900; }
.top1-knowledge-source-metrics b { color:#fff; font-size:24px; line-height:1; }
.top1-knowledge-source-list { display:grid; gap:10px; margin-top:12px; }
.top1-knowledge-source-card { border-radius:20px; border:1px solid rgba(255,255,255,.09); background:rgba(0,0,0,.18); overflow:hidden; }
.top1-knowledge-source-card.is-good { border-color:rgba(74,222,128,.18); }
.top1-knowledge-source-card.is-attention { border-color:rgba(251,191,36,.22); }
.top1-knowledge-source-card.is-low { border-color:rgba(248,113,113,.30); }
.top1-knowledge-source-card summary { cursor:pointer; list-style:none; display:grid; grid-template-columns:minmax(96px,140px) 1fr auto; gap:12px; align-items:center; padding:13px 14px; }
.top1-knowledge-source-card summary::-webkit-details-marker { display:none; }
.top1-knowledge-source-card summary span { color:#fca5a5; font-size:11px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.top1-knowledge-source-card summary strong { color:#fff; font-size:14px; }
.top1-knowledge-source-card summary small { color:rgba(248,250,252,.62); font-size:12px; text-align:right; }
.top1-knowledge-source-body { padding:0 14px 14px; }
.top1-knowledge-source-body p { margin:0 0 10px; color:rgba(248,250,252,.68); font-size:12px; line-height:1.45; }
.top1-knowledge-source-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.top1-knowledge-source-tags span { padding:5px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); color:rgba(248,250,252,.70); font-size:11px; font-weight:800; }
.top1-knowledge-source-form { display:grid; grid-template-columns:1.1fr .65fr .75fr 1fr auto; gap:8px; align-items:end; }
.top1-knowledge-source-form label { display:grid; gap:5px; }
.top1-knowledge-source-form label span { color:rgba(248,250,252,.66); font-size:11px; font-weight:900; }
.top1-knowledge-source-form label.is-wide { grid-column:span 2; }
.top1-knowledge-source-form input, .top1-knowledge-source-form select { min-height:38px; width:100%; border-radius:13px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.065); color:#fff; padding:0 10px; }
.top1-knowledge-source-form select option { color:#111827; }
.top1-knowledge-source-form button { min-height:38px; border:0; border-radius:14px; padding:0 14px; background:linear-gradient(135deg,#ef4444,#991b1b); color:#fff; font-weight:950; box-shadow:0 10px 22px rgba(220,38,38,.22); }
.top1-knowledge-source-checkbox { display:flex !important; align-items:center; gap:7px !important; padding:0 4px 6px; }
.top1-knowledge-source-checkbox input { width:auto; min-height:0; }
.top1-knowledge-source-next { margin-top:12px; padding:12px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); }
.top1-knowledge-source-next strong { display:block; color:#fff; font-size:13px; margin-bottom:7px; }
.top1-knowledge-source-next span { display:block; color:rgba(248,250,252,.66); font-size:12px; line-height:1.4; }
.top1-knowledge-source-next span + span { margin-top:4px; }
@media (max-width:1180px) { .top1-knowledge-source-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .top1-knowledge-source-form { grid-template-columns:1fr 1fr; } .top1-knowledge-source-form label.is-wide { grid-column:span 2; } }
@media (max-width:720px) { .top1-knowledge-source-head { flex-direction:column; align-items:stretch; } .top1-knowledge-source-score { min-width:0; } .top1-knowledge-source-metrics { grid-template-columns:1fr; } .top1-knowledge-source-card summary { grid-template-columns:1fr; } .top1-knowledge-source-card summary small { text-align:left; } .top1-knowledge-source-form { grid-template-columns:1fr; } .top1-knowledge-source-form label.is-wide { grid-column:auto; } }

/* TOP1 Knowledge Coverage Map v14 */
.top1-knowledge-coverage-panel{position:relative;overflow:hidden;margin-top:14px;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 8% -12%,rgba(244,36,52,.24),transparent 36%),radial-gradient(circle at 98% 0%,rgba(255,255,255,.10),transparent 25%),linear-gradient(145deg,rgba(7,9,14,.97),rgba(22,23,31,.92));box-shadow:0 24px 68px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)}
.top1-knowledge-coverage-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 5px,transparent 5px 18px),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 82%,transparent 100%)}
.top1-knowledge-coverage-panel>*{position:relative;z-index:1}.top1-knowledge-coverage-panel.is-good{border-color:rgba(74,222,128,.20)}.top1-knowledge-coverage-panel.is-attention{border-color:rgba(251,191,36,.25)}.top1-knowledge-coverage-panel.is-low{border-color:rgba(248,113,113,.32);box-shadow:0 24px 68px rgba(0,0,0,.34),0 0 34px rgba(244,36,52,.10)}
.top1-knowledge-coverage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.top1-knowledge-coverage-head>div:first-child{display:grid;gap:7px;max-width:860px}.top1-knowledge-coverage-head span{color:#ff9aa3;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.top1-knowledge-coverage-head strong{color:#fff;font-size:clamp(20px,2.3vw,30px);line-height:1.07;letter-spacing:-.035em}.top1-knowledge-coverage-head p{margin:0;color:rgba(248,250,252,.68);font-size:13px;line-height:1.5}
.top1-knowledge-coverage-score{min-width:140px;display:grid;place-items:center;gap:3px;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(244,36,52,.22),rgba(0,0,0,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);text-align:center}.top1-knowledge-coverage-score b{color:#fff;font-size:35px;line-height:1;text-shadow:0 0 26px rgba(244,36,52,.28)}.top1-knowledge-coverage-score small{color:#fecaca;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.top1-knowledge-coverage-catalogs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:14px}.top1-knowledge-coverage-catalog{display:grid;gap:5px;min-height:104px;padding:11px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045)}.top1-knowledge-coverage-catalog span{color:#fff;font-size:12px;font-weight:950}.top1-knowledge-coverage-catalog strong{color:#fff;font-size:23px;line-height:1}.top1-knowledge-coverage-catalog div{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.top1-knowledge-coverage-catalog i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#fca5a5)}.top1-knowledge-coverage-catalog small{color:rgba(248,250,252,.58);font-size:11px;line-height:1.35}.top1-knowledge-coverage-catalog.is-good{border-color:rgba(74,222,128,.20)}.top1-knowledge-coverage-catalog.is-attention{border-color:rgba(251,191,36,.24)}.top1-knowledge-coverage-catalog.is-low{border-color:rgba(248,113,113,.28);background:rgba(127,29,29,.12)}
.top1-knowledge-coverage-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.top1-knowledge-coverage-group{display:grid;gap:8px;align-content:start;min-height:225px;padding:13px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.026));box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}.top1-knowledge-coverage-group.is-good{border-color:rgba(74,222,128,.20)}.top1-knowledge-coverage-group.is-attention{border-color:rgba(251,191,36,.24)}.top1-knowledge-coverage-group.is-low{border-color:rgba(248,113,113,.32);background:linear-gradient(145deg,rgba(127,29,29,.15),rgba(255,255,255,.025))}.top1-knowledge-coverage-group-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.top1-knowledge-coverage-group-top span{color:#fff;font-size:14px;font-weight:950}.top1-knowledge-coverage-group-top b{display:inline-flex;min-width:52px;justify-content:center;padding:5px 9px;border-radius:999px;background:rgba(244,36,52,.16);border:1px solid rgba(244,36,52,.20);color:#fff;font-size:13px}.top1-knowledge-coverage-group p{margin:0;color:rgba(248,250,252,.66);font-size:12px;line-height:1.45}.top1-knowledge-coverage-group>strong{margin-top:auto;color:#fecaca;font-size:12px;line-height:1.4}.top1-knowledge-coverage-group-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.top1-knowledge-coverage-group-metrics small{padding:7px 8px;border-radius:12px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.07);color:rgba(248,250,252,.68);font-size:10px;font-weight:850;line-height:1.25}.top1-knowledge-coverage-tags{display:flex;flex-wrap:wrap;gap:5px}.top1-knowledge-coverage-tags em{font-style:normal;padding:4px 7px;border-radius:999px;border:1px solid rgba(248,113,113,.22);background:rgba(244,36,52,.11);color:#fecaca;font-size:10px;font-weight:950}.top1-knowledge-coverage-muted{display:block;color:rgba(248,250,252,.52);font-size:11px;line-height:1.35}
.top1-knowledge-coverage-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.top1-knowledge-coverage-gaps,.top1-knowledge-coverage-priority{display:grid;gap:8px;padding:13px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}.top1-knowledge-coverage-gaps>strong,.top1-knowledge-coverage-priority>strong{color:#fff;font-size:13px}.top1-knowledge-coverage-gaps>div,.top1-knowledge-coverage-priority>div{display:grid;gap:3px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.top1-knowledge-coverage-gaps span,.top1-knowledge-coverage-priority span{color:#fff;font-size:12px;font-weight:950}.top1-knowledge-coverage-gaps b{justify-self:end;margin-top:-23px;color:#fff;font-size:21px;line-height:1}.top1-knowledge-coverage-gaps small,.top1-knowledge-coverage-priority small,.top1-knowledge-coverage-priority p{margin:0;color:rgba(248,250,252,.63);font-size:11px;line-height:1.4}.top1-knowledge-coverage-gaps em,.top1-knowledge-coverage-priority em{font-style:normal;color:#fecaca;font-size:11px;line-height:1.35}.top1-knowledge-coverage-priority p{padding:8px 10px;border-radius:14px;background:rgba(244,36,52,.10);border:1px solid rgba(244,36,52,.13)}
@media (max-width:1320px){.top1-knowledge-coverage-catalogs{grid-template-columns:repeat(4,minmax(0,1fr))}.top1-knowledge-coverage-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:840px){.top1-knowledge-coverage-head{flex-direction:column}.top1-knowledge-coverage-score{width:100%}.top1-knowledge-coverage-catalogs,.top1-knowledge-coverage-groups,.top1-knowledge-coverage-bottom{grid-template-columns:1fr}.top1-knowledge-coverage-group-metrics{grid-template-columns:1fr}}

/* TOP1 Knowledge Labor Bridge v18 — calm order hints from Diagnostics */
.top1-order-knowledge-labor-hint {
	display: grid;
	gap: 5px;
	max-width: 640px;
	margin-top: 9px;
	padding: 10px 12px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 16px;
	background: radial-gradient(circle at 0 0, rgba(244,36,52,.18), transparent 42%), linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}
.top1-order-knowledge-labor-hint span {
	color: #ff9aa3;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.top1-order-knowledge-labor-hint strong {
	color: #fff;
	font-size: 14px;
	font-weight: 950;
	letter-spacing: -.01em;
}
.top1-order-knowledge-labor-hint small {
	color: rgba(248,250,252,.68);
	font-size: 12px;
	line-height: 1.45;
}

/* TOP1 Knowledge Labor Confirm v19 — master confirms time without automatic pricing */

.top1-order-knowledge-labor-hint.is-confirmed {
	border-color: rgba(74,222,128,.24);
	background: radial-gradient(circle at 0 0, rgba(34,197,94,.18), transparent 42%), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.026));
}
.top1-order-knowledge-labor-hint.is-confirmed span { color: #86efac; }
.top1-order-knowledge-labor-confirm-meta { color: rgba(187,247,208,.72) !important; }
.top1-order-knowledge-labor-confirm-form {
	display: grid;
	grid-template-columns: minmax(78px, .35fr) minmax(160px, 1fr) auto;
	gap: 8px;
	align-items: end;
	margin-top: 6px;
}
.top1-order-knowledge-labor-confirm-form label { display: grid; gap: 4px; margin: 0; }
.top1-order-knowledge-labor-confirm-form label span {
	color: rgba(248,250,252,.62);
	font-size: 9px;
	letter-spacing: .10em;
	text-transform: uppercase;
}
.top1-order-knowledge-labor-confirm-form input {
	width: 100%;
	min-height: 34px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 12px;
	background: rgba(0,0,0,.24);
	color: #fff;
	padding: 0 10px;
	font-size: 12px;
	outline: none;
}
.top1-order-knowledge-labor-confirm-form input:focus { border-color: rgba(244,36,52,.45); box-shadow: 0 0 0 3px rgba(244,36,52,.10); }
.top1-order-knowledge-labor-confirm-form button {
	min-height: 34px;
	border: 0;
	border-radius: 12px;
	padding: 0 11px;
	background: linear-gradient(135deg,#ef4444,#991b1b);
	color: #fff;
	font-size: 11px;
	font-weight: 950;
	box-shadow: 0 10px 22px rgba(220,38,38,.18);
	cursor: pointer;
}
.top1-order-knowledge-labor-confirm-form button:hover { transform: translateY(-1px); }
@media (max-width: 760px) { .top1-order-knowledge-labor-confirm-form { grid-template-columns: 1fr; } }


/* TOP1 Knowledge labor preliminary calculation — calm manual estimate, not final price. */
.top1-order-knowledge-labor-precalc{
	margin-top:10px;
	padding:12px;
	border-radius:16px;
	border:1px solid rgba(248,113,113,.22);
	background:linear-gradient(135deg,rgba(17,24,39,.9),rgba(69,10,10,.18));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.top1-order-knowledge-labor-precalc.is-saved{
	border-color:rgba(251,191,36,.28);
	background:linear-gradient(135deg,rgba(17,24,39,.94),rgba(120,53,15,.18));
}
.top1-order-knowledge-labor-precalc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px;}
.top1-order-knowledge-labor-precalc-head span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:rgba(254,202,202,.82);}
.top1-order-knowledge-labor-precalc-head strong{font-size:15px;font-weight:950;color:#fff;text-align:right;}
.top1-order-knowledge-labor-precalc small{display:block;color:rgba(226,232,240,.74);line-height:1.35;}
.top1-order-knowledge-labor-precalc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.top1-order-knowledge-labor-precalc-meta span{border-radius:999px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-size:11px;font-weight:800;}
.top1-order-knowledge-labor-precalc-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(110px,.8fr) minmax(110px,.8fr);gap:8px;align-items:end;margin-top:10px;}
.top1-order-knowledge-labor-precalc-form label{display:flex;flex-direction:column;gap:4px;margin:0;}
.top1-order-knowledge-labor-precalc-form label.is-note{grid-column:1 / -2;}
.top1-order-knowledge-labor-precalc-form span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:rgba(226,232,240,.6);}
.top1-order-knowledge-labor-precalc-form input,.top1-order-knowledge-labor-precalc-form select{width:100%;min-height:36px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(15,23,42,.82);color:#fff;padding:8px 10px;outline:none;}
.top1-order-knowledge-labor-precalc-form input:focus,.top1-order-knowledge-labor-precalc-form select:focus{border-color:rgba(248,113,113,.58);box-shadow:0 0 0 3px rgba(239,68,68,.14);}
.top1-order-knowledge-labor-precalc-form button{min-height:36px;border:0;border-radius:12px;padding:8px 12px;background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(220,38,38,.24);cursor:pointer;}
@media (max-width: 860px){.top1-order-knowledge-labor-precalc-form{grid-template-columns:1fr}.top1-order-knowledge-labor-precalc-form label.is-note{grid-column:auto}.top1-order-knowledge-labor-precalc-head{flex-direction:column}.top1-order-knowledge-labor-precalc-head strong{text-align:left}}

/* TOP1 Knowledge price acceptance v21: manual preliminary amount -> current work price. */
.top1-order-knowledge-labor-precalc.is-price-accepted{
  border-color:rgba(34,197,94,.36);
  box-shadow:0 14px 32px rgba(34,197,94,.09), inset 0 1px 0 rgba(255,255,255,.07);
}
.top1-order-knowledge-labor-price-acceptance{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,41,59,.72));
  padding:10px;
}
.top1-order-knowledge-labor-price-acceptance.is-accepted{
  border-color:rgba(34,197,94,.34);
  background:linear-gradient(135deg,rgba(20,83,45,.42),rgba(15,23,42,.78));
}
.top1-order-knowledge-labor-price-acceptance-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.top1-order-knowledge-labor-price-acceptance-copy span{
  color:rgba(254,202,202,.84);
  font-size:10px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.top1-order-knowledge-labor-price-acceptance.is-accepted .top1-order-knowledge-labor-price-acceptance-copy span{color:#86efac;}
.top1-order-knowledge-labor-price-acceptance-copy strong{
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.top1-order-knowledge-labor-price-acceptance-copy small{
  color:rgba(226,232,240,.72);
  line-height:1.35;
}
.top1-order-knowledge-labor-price-accept-form{margin:0;flex:0 0 auto;}
.top1-order-knowledge-labor-price-accept-form button{
  min-height:36px;
  border:0;
  border-radius:999px;
  padding:8px 13px;
  background:linear-gradient(135deg,#22c55e,#15803d);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 12px 28px rgba(34,197,94,.22);
  cursor:pointer;
  white-space:nowrap;
}
.top1-order-knowledge-labor-price-accept-form button:hover{transform:translateY(-1px);}
@media (max-width: 760px){
  .top1-order-knowledge-labor-price-acceptance{align-items:stretch;flex-direction:column;}
  .top1-order-knowledge-labor-price-accept-form button{width:100%;}
}

/* ===== V24 Experience Learning: final order confirmation ===== */
.top1-app-shell[data-top1-section="orders"] .top1-order-experience-panel {
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.98));
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.07);
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-panel > summary {
  cursor: pointer;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-panel > p {
  margin: 8px 0 12px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid label,
.top1-app-shell[data-top1-section="orders"] .top1-order-experience-checkbox {
  display: grid;
  gap: 6px;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid input,
.top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid textarea,
.top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid select {
  width: 100%;
  border: 1px solid rgba(203, 213, 225, 0.95);
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 650;
  padding: 9px 10px;
  outline: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid textarea {
  min-height: 56px;
  resize: vertical;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-override-form {
  border-color: rgba(245, 158, 11, 0.34);
  background: linear-gradient(180deg, rgba(255, 251, 235, 0.98), rgba(255, 255, 255, 0.98));
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-override-reason {
  display: grid;
  gap: 7px;
  margin: 12px 0;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-delivery-override-reason textarea {
  width: 100%;
  min-height: 72px;
  padding: 9px 10px;
  border: 1px solid rgba(203, 213, 225, 0.95);
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 650;
  resize: vertical;
  outline: none;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 13px;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-experience-checkbox input {
  width: 16px;
  height: 16px;
}

@media (max-width: 860px) {
  .top1-app-shell[data-top1-section="orders"] .top1-order-experience-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== V25 Experience Learning: similar cases inside order ===== */
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-panel{
  margin: 16px 0 18px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(226,232,240,.92);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-head span{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#ef4444;
}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-head h2{
  margin:0;
  color:#0f172a;
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.03em;
}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-head p{
  max-width:720px;
  margin:7px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-score{
  min-width:120px;
  padding:12px 14px;
  border-radius:18px;
  background:#0f172a;
  color:#fff;
  text-align:right;
  box-shadow:0 16px 36px rgba(15,23,42,.2);
}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-score strong{display:block;font-size:24px;font-weight:950;line-height:1;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-score span{display:block;margin:5px 0 0;color:rgba(255,255,255,.76);font-size:11px;font-weight:800;text-transform:none;letter-spacing:0;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-stats span{border:1px solid rgba(203,213,225,.92);border-radius:999px;background:#fff;padding:7px 10px;color:#475569;font-size:12px;font-weight:850;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-stats strong{color:#0f172a;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(203,213,225,.86);background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.05);}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card.is-suggestion{border-color:rgba(248,113,113,.35);background:linear-gradient(180deg,#fff,#fff7f7);}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card-head span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#ef4444;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card-head strong{border-radius:999px;background:#fee2e2;color:#991b1b;padding:5px 8px;font-size:12px;font-weight:950;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card h3{margin:0;color:#0f172a;font-size:16px;line-height:1.2;letter-spacing:-.015em;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card p{margin:0;color:#475569;font-size:13px;line-height:1.45;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-tags{display:flex;flex-wrap:wrap;gap:6px;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-tags span{border-radius:999px;border:1px solid rgba(203,213,225,.86);background:#f8fafc;padding:5px 8px;color:#334155;font-size:11px;font-weight:850;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:2px;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-actions form{margin:0;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-actions button{min-height:34px;border:0;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:950;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-actions button:hover{transform:translateY(-1px);}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-apply{background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.22);}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-reject{background:#f1f5f9;color:#334155;border:1px solid rgba(203,213,225,.92)!important;}
.top1-app-shell[data-top1-section="orders"] .top1-order-learning-card small{color:#64748b;font-size:12px;font-weight:750;}
@media (max-width: 960px){
  .top1-app-shell[data-top1-section="orders"] .top1-order-learning-head{flex-direction:column;}
  .top1-app-shell[data-top1-section="orders"] .top1-order-learning-score{text-align:left;width:100%;}
  .top1-app-shell[data-top1-section="orders"] .top1-order-learning-grid{grid-template-columns:1fr;}
}

/* TOP1 V26 — mechanic self-work assistant: only for assigned jobs in the executor cabinet. */
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-panel{
  margin:16px 0 14px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(248,113,113,.32);
  background:linear-gradient(135deg,#0f172a 0%,#111827 52%,#220909 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.18);
  color:#fff;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin:0 0 12px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-head span{
  display:block;
  margin:0 0 5px;
  color:#fca5a5;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-head h3{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-head p{
  margin:8px 0 0;
  color:rgba(255,255,255,.76);
  font-size:13px;
  line-height:1.45;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-score{
  min-width:96px;
  padding:11px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  text-align:center;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-score strong{
  display:block;
  font-size:25px;
  font-weight:950;
  line-height:1;
  color:#fff;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-score span{
  display:block;
  margin:6px 0 0;
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:850;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-chips,
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-rules{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 13px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-chips span{
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.88);
  padding:6px 9px;
  font-size:11px;
  font-weight:850;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 12px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-card{
  display:grid;
  gap:7px;
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-card span{
  color:#fecaca;
  font-size:10px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-card strong{
  color:#fff;
  font-size:14px;
  line-height:1.25;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-card p{
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:12px;
  line-height:1.42;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-experience{
  display:grid;
  gap:7px;
  margin:0 0 12px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(251,191,36,.22);
  background:rgba(251,191,36,.09);
  color:rgba(255,255,255,.88);
  font-size:12px;
  line-height:1.45;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-rules{
  margin:0;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-rules span{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.72);
  padding:7px 9px;
  font-size:11px;
  font-weight:750;
}
@media (max-width: 900px){
  .top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-head{display:grid;}
  .top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-score{width:max-content;min-width:96px;}
  .top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-assistant-grid{grid-template-columns:1fr;}
}

/* TOP1 V27 — executor facts/measurements/photos/add-work requests to master. */
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-panel,
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-requests-panel{
  margin:16px 0;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(226,232,240,.92);
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin:0 0 14px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-head span,
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-head span{
  display:block;
  margin:0 0 5px;
  color:#ef4444;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-head h3{
  margin:0;
  color:#0f172a;
  font-size:19px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-head p{
  margin:7px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-head > strong{
  min-width:44px;
  border-radius:16px;
  background:#0f172a;
  color:#fff;
  text-align:center;
  padding:10px 12px;
  font-size:18px;
  line-height:1;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-form .top1-client-form-grid{
  margin-top:0;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-list > div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  border-radius:16px;
  border:1px solid rgba(226,232,240,.92);
  background:#fff;
  padding:10px 12px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-list strong{
  color:#0f172a;
  font-size:13px;
}
.top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-list span{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-requests-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card{
  display:grid;
  gap:9px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(226,232,240,.95);
  background:#fff;
  box-shadow:0 14px 30px rgba(15,23,42,.06);
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card.is-pending{
  border-color:rgba(239,68,68,.28);
  box-shadow:0 18px 36px rgba(239,68,68,.08);
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card.is-approved{
  border-color:rgba(34,197,94,.28);
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card.is-rejected{
  opacity:.82;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-head strong{
  border-radius:999px;
  background:#f1f5f9;
  color:#334155;
  padding:5px 8px;
  font-size:11px;
  font-weight:950;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card h3{
  margin:0;
  color:#0f172a;
  font-size:16px;
  line-height:1.2;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card p{
  margin:0;
  color:#475569;
  font-size:13px;
  line-height:1.45;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-card a{
  color:#dc2626;
  font-weight:900;
  text-decoration:none;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-actions{
  display:grid;
  gap:8px;
  margin-top:2px;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-actions form{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-actions input[type="text"],
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-actions input[type="number"]{
  min-height:34px;
  border-radius:12px;
  border:1px solid rgba(203,213,225,.92);
  padding:7px 10px;
  font-size:12px;
}
.top1-app-shell[data-top1-section="orders"] .top1-mechanic-request-actions label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#334155;
  font-size:12px;
  font-weight:850;
}
@media (max-width: 960px){
  .top1-app-shell[data-top1-section="orders"] .top1-mechanic-requests-grid{grid-template-columns:1fr;}
  .top1-app-shell[data-top1-section="my_jobs"] .top1-mechanic-master-request-head{display:grid;}
}

/* Diagnostics final CRM surface pass. */
.top1-app-shell[data-top1-section="diagnostics"] {
  background:
    radial-gradient(860px 360px at 18% -8%, rgba(227, 6, 19, 0.08), transparent 64%),
    radial-gradient(760px 320px at 94% 2%, rgba(227, 6, 19, 0.055), transparent 66%),
    linear-gradient(180deg, #f7f9fc 0%, var(--top1-bg) 46%, #e8eef6 100%) !important;
  color: var(--top1-text) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content {
  color: var(--top1-text) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-workspace,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-workspace {
  gap: 14px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-content-card,
  .top1-diagnostics-overview-card,
  .top1-diagnostics-priority-card,
  .top1-diagnostics-card,
  .top1-knowledge-core-card,
  .top1-knowledge-command-hero,
  .top1-knowledge-command-main,
  .top1-knowledge-command-side,
  .top1-knowledge-trust-note,
  .top1-knowledge-cockpit-panel,
  .top1-knowledge-cockpit-score,
  .top1-knowledge-cockpit-component,
  .top1-knowledge-cockpit-footer,
  .top1-knowledge-quality-panel,
  .top1-knowledge-quality-score,
  .top1-knowledge-quality-metric,
  .top1-knowledge-quality-issue,
  .top1-knowledge-quality-details,
  .top1-knowledge-quality-detail-grid > *,
  .top1-knowledge-coverage-panel,
  .top1-knowledge-coverage-score,
  .top1-knowledge-coverage-catalog,
  .top1-knowledge-coverage-group,
  .top1-knowledge-coverage-bottom,
  .top1-knowledge-coverage-gaps,
  .top1-knowledge-coverage-priority,
  .top1-knowledge-source-panel,
  .top1-knowledge-source-score,
  .top1-knowledge-source-metrics > *,
  .top1-knowledge-source-card,
  .top1-knowledge-source-next,
  .top1-knowledge-master-route,
  .top1-knowledge-master-route-status,
  .top1-knowledge-master-route-step,
  .top1-knowledge-master-route-note,
  .top1-knowledge-glass-card,
  .top1-knowledge-work-row,
  .top1-knowledge-dtc-card,
  .top1-knowledge-engine-card,
  .top1-knowledge-brand-card,
  .top1-knowledge-fault-card,
  .top1-knowledge-search-results,
  .top1-knowledge-search-work-item,
  .top1-knowledge-import-panel,
  .top1-knowledge-import-form,
  .top1-knowledge-import-row,
  .top1-command-focus-card,
  .top1-command-step,
  .top1-diagnostics-contact-hero,
  .top1-diagnostics-contact-actions,
  .top1-diagnostics-contact-history-item,
  .top1-diagnostics-planner-followup,
  .top1-diagnostics-planner-overview-item,
  .top1-diagnostics-visit-result-item,
  .top1-diagnostics-mobile-device,
  .top1-diagnostics-device-control-panel,
  .top1-diagnostics-device-history,
  .top1-diagnostics-device-history-row,
  .top1-diagnostics-client-report,
  .top1-diagnostics-report-contact-details,
  .top1-diagnostics-report-body,
  .top1-diagnostics-report-knowledge,
  .top1-diagnostics-report-knowledge-status,
  .top1-diagnostics-report-knowledge-work-row,
  .top1-diagnostics-staff-action-row,
  .top1-diagnostics-vehicle-row,
  .top1-diagnostics-alert-row,
  .top1-diagnostics-entry-row
) {
  border: 1px solid var(--top1-ui-card-border, rgba(148, 163, 184, 0.28)) !important;
  border-radius: var(--top1-radius-md, 12px) !important;
  background: var(--top1-ui-card-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94))), var(--top1-surface, #ffffff) !important;
  color: var(--top1-text) !important;
  box-shadow: var(--top1-ui-card-shadow, 0 12px 30px rgba(15, 23, 42, 0.08)) !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-diagnostics-overview-card,
  .top1-diagnostics-priority-card,
  .top1-diagnostics-card,
  .top1-knowledge-core-card,
  .top1-knowledge-command-hero,
  .top1-knowledge-cockpit-panel,
  .top1-knowledge-quality-panel,
  .top1-knowledge-coverage-panel,
  .top1-knowledge-source-panel,
  .top1-knowledge-master-route
)::before {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-card-header,
  .top1-knowledge-command-header,
  .top1-diagnostics-contact-header,
  .top1-diagnostics-planner-overview-header,
  .top1-diagnostics-visit-result-header,
  .top1-knowledge-quality-head,
  .top1-knowledge-coverage-head,
  .top1-knowledge-source-head,
  .top1-knowledge-master-route-head,
  .top1-knowledge-section-title,
  .top1-knowledge-card-title
) {
  gap: 12px !important;
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
  background: transparent !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(h1, h2, h3, h4, strong, b, summary, label) {
  color: var(--top1-text) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(p, small, li, em) {
  color: var(--top1-muted) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-knowledge-command-main > strong,
  .top1-knowledge-master-route-head strong,
  .top1-knowledge-quality-head strong,
  .top1-knowledge-coverage-head strong,
  .top1-knowledge-source-head strong
) {
  font-size: clamp(1.05rem, 1.2vw, 1.25rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(.top1-knowledge-cockpit-score strong) {
  font-size: clamp(1.45rem, 1.8vw, 1.75rem) !important;
  line-height: 1.05 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-knowledge-command-main > span,
  .top1-knowledge-cockpit-score span,
  .top1-knowledge-cockpit-component span,
  .top1-knowledge-quality-head span,
  .top1-knowledge-coverage-head span,
  .top1-knowledge-source-head span,
  .top1-knowledge-master-route-head span,
  .top1-knowledge-master-route-step span
) {
  color: var(--top1-muted) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content .top1-knowledge-command-mark {
  border: 1px solid rgba(227, 6, 19, 0.22) !important;
  background: var(--top1-brand-red-soft, #fff1f2) !important;
  color: var(--top1-brand-red, #e30613) !important;
  letter-spacing: 0.04em !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-eyebrow,
  .top1-contact-eyebrow,
  .top1-knowledge-eyebrow,
  .top1-diagnostics-command-eyebrow,
  .top1-diagnostics-card-note,
  .top1-status-pill,
  .top1-command-status-pill,
  .top1-diagnostics-contact-pill,
  .top1-diagnostics-contact-status,
  .top1-diagnostics-report-lifecycle,
  .top1-diagnostics-report-workflow,
  .top1-diagnostics-chip,
  .top1-knowledge-status-pill
) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  width: fit-content !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(203, 213, 225, 0.82) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-eyebrow,
  .top1-contact-eyebrow,
  .top1-knowledge-eyebrow,
  .top1-diagnostics-command-eyebrow
) {
  background: var(--top1-brand-red-soft, #fff1f2) !important;
  color: var(--top1-brand-red, #e30613) !important;
  border-color: rgba(227, 6, 19, 0.22) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-action,
  .top1-primary-button,
  .top1-diagnostics-action-card,
  .top1-diagnostics-action-button,
  .top1-diagnostics-contact-status-button,
  .top1-diagnostics-planner-visit-button,
  .top1-diagnostics-device-action-button,
  .top1-diagnostics-report-action-button,
  .top1-diagnostics-visit-result-action-button,
  .top1-knowledge-action-button,
  .top1-knowledge-soft-button,
  .top1-knowledge-command-search button,
  .top1-knowledge-import-form button,
  .top1-diagnostics-device-note-form button
) {
  min-height: 34px !important;
  border: 1px solid rgba(203, 213, 225, 0.92) !important;
  border-radius: var(--top1-radius-md) !important;
  background: #ffffff !important;
  color: var(--top1-text) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-primary-button,
  .top1-command-action.is-primary,
  .top1-diagnostics-action-card.is-primary,
  .top1-diagnostics-action-button.is-generate_client_report,
  .top1-diagnostics-report-action-button.is-create_order_from_report,
  .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_chain_closed,
  .top1-knowledge-action-button.is-knowledge_add_work_to_order
) {
  background: linear-gradient(180deg, #f43f46 0%, var(--top1-brand-red, #e30613) 100%) !important;
  color: #ffffff !important;
  border-color: rgba(227, 6, 19, 0.74) !important;
  box-shadow: var(--top1-ui-action-shadow, 0 12px 24px rgba(227, 6, 19, 0.20)) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-action.is-call,
  .top1-diagnostics-contact-status-button.is-booked,
  .top1-diagnostics-report-action-button.is-link_report_latest_order
) {
  background: #f0fdf4 !important;
  color: #15803d !important;
  border-color: rgba(22, 163, 74, 0.26) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-diagnostics-contact-status-button.is-no_answer,
  .top1-diagnostics-report-action-button.is-request_client_report_recheck,
  .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_no_show
) {
  background: #fff7ed !important;
  color: #c2410c !important;
  border-color: rgba(234, 88, 12, 0.26) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-action:hover,
  .top1-primary-button:hover,
  .top1-secondary-button:hover,
  .top1-diagnostics-action-card:hover,
  .top1-diagnostics-action-button:hover,
  .top1-diagnostics-contact-status-button:hover,
  .top1-diagnostics-planner-visit-button:hover,
  .top1-diagnostics-report-action-button:hover,
  .top1-diagnostics-visit-result-action-button:hover,
  .top1-knowledge-action-button:hover,
  .top1-knowledge-soft-button:hover
) {
  background: #f8fafc !important;
  border-color: rgba(227, 6, 19, 0.28) !important;
  color: var(--top1-brand-red, #e30613) !important;
  box-shadow: 0 10px 20px rgba(227, 6, 19, 0.08) !important;
  transform: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-primary-button:hover,
  .top1-command-action.is-primary:hover,
  .top1-diagnostics-action-card.is-primary:hover,
  .top1-diagnostics-action-button.is-generate_client_report:hover,
  .top1-diagnostics-report-action-button.is-create_order_from_report:hover,
  .top1-diagnostics-visit-result-action-button.is-diagnostics_visit_chain_closed:hover,
  .top1-knowledge-action-button.is-knowledge_add_work_to_order:hover
) {
  background: linear-gradient(180deg, #dc2626 0%, var(--top1-brand-red-hover, #c8000d) 100%) !important;
  border-color: rgba(227, 6, 19, 0.82) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(227, 6, 19, 0.22) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(input, select, textarea) {
  border: 1px solid rgba(203, 213, 225, 0.92) !important;
  border-radius: var(--top1-radius-md) !important;
  background: #ffffff !important;
  color: var(--top1-text) !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(input, select, textarea):focus {
  border-color: rgba(227, 6, 19, 0.46) !important;
  box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12) !important;
  outline: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-focus-grid,
  .top1-command-flow,
  .top1-command-action-strip,
  .top1-diagnostics-contact-grid,
  .top1-diagnostics-contact-action-row,
  .top1-diagnostics-contact-history-grid,
  .top1-diagnostics-planner-overview-stats,
  .top1-diagnostics-planner-overview-grid,
  .top1-diagnostics-visit-result-stats,
  .top1-diagnostics-visit-result-grid,
  .top1-diagnostics-action-grid,
  .top1-knowledge-quality-grid,
  .top1-knowledge-quality-checks,
  .top1-knowledge-quality-bottom,
  .top1-knowledge-coverage-catalogs,
  .top1-knowledge-coverage-groups,
  .top1-knowledge-source-metrics,
  .top1-knowledge-source-list,
  .top1-knowledge-master-route-flow,
  .top1-knowledge-top-grid,
  .top1-knowledge-dtc-grid,
  .top1-knowledge-engine-grid,
  .top1-knowledge-brand-grid,
  .top1-knowledge-fault-grid,
  .top1-knowledge-search-result-grid,
  .top1-knowledge-import-grid
) {
  gap: 10px !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-command-dtc-row b,
  .top1-command-metric-row small,
  .top1-knowledge-mini-metrics span,
  .top1-knowledge-checks-inline span,
  .top1-knowledge-coverage-tags span,
  .top1-knowledge-source-tags span,
  .top1-diagnostics-planner-overview-meta span,
  .top1-diagnostics-planner-overview-flow span,
  .top1-diagnostics-visit-result-flow span,
  .top1-diagnostics-visit-result-meta em,
  .top1-diagnostics-visit-result-note,
  .top1-diagnostics-visit-result-empty,
  .top1-diagnostics-report-waiting
) {
  border: 1px solid rgba(203, 213, 225, 0.78) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
  .top1-diagnostics-muted-state,
  .top1-diagnostics-process-error,
  .top1-knowledge-soft-warning
) {
  border: 1px dashed rgba(148, 163, 184, 0.58) !important;
  border-radius: var(--top1-radius-md) !important;
  background: #f8fafc !important;
  color: var(--top1-muted) !important;
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content .top1-diagnostics-process-error,
.top1-app-shell[data-top1-section="diagnostics"] .top1-app-content .top1-knowledge-soft-warning {
  border-color: rgba(239, 68, 68, 0.32) !important;
  background: #fff1f1 !important;
  color: var(--top1-danger) !important;
}

@media (max-width: 900px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
    .top1-diagnostics-overview-head,
    .top1-card-header,
    .top1-knowledge-quality-head,
    .top1-knowledge-coverage-head,
    .top1-knowledge-source-head,
    .top1-knowledge-master-route-head
  ) {
    display: grid !important;
    justify-content: stretch !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
    .top1-diagnostics-overview-actions,
    .top1-diagnostics-priority-actions,
    .top1-command-action-strip,
    .top1-diagnostics-row-actions,
    .top1-diagnostics-contact-action-row,
    .top1-diagnostics-report-actions,
    .top1-diagnostics-visit-result-actions,
    .top1-knowledge-card-actions
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-app-content :is(
    .top1-diagnostics-overview-actions > *,
    .top1-diagnostics-priority-actions > *,
    .top1-command-action-strip > *,
    .top1-diagnostics-row-actions > *,
    .top1-diagnostics-contact-action-row > *,
    .top1-diagnostics-report-actions > *,
    .top1-diagnostics-visit-result-actions > *,
    .top1-knowledge-card-actions > *
  ) {
    width: 100% !important;
  }
}

/* Diagnostics scanner state center. */
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-shell-header.is-scanner-start {
  grid-template-columns: minmax(0, 1fr) !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-shell-header.is-title-only {
  align-items: center;
  padding: 16px 18px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-shell-header.is-title-only .top1-diagnostics-shell-copy h1 {
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-shell-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--top1-control-gap, 8px);
  align-items: flex-start;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-shell-toolbar .top1-diagnostics-shell-status {
  flex: 1 1 280px;
  max-width: 420px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-shell-toolbar .top1-diagnostics-shell-actions {
  flex: 999 1 360px;
  justify-content: flex-end;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-subnav[hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] [data-top1-diagnostics-group-block][hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-card {
  display: grid;
  gap: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-summary > div {
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-summary span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-vin-row span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-summary strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 20px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-vin-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-vin-row input {
  width: 100%;
  min-height: 40px;
  margin-top: 5px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  padding: 8px 10px;
  font-size: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--top1-scanner-accent, #475569) 24%, #dbe3ef 76%);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  padding: 14px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-hero {
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-hero > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-hero span:not(.top1-diagnoz-scanner-brand):not(.top1-diagnoz-scanner-wordmark) {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-hero h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-hero p {
  max-width: 760px;
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid article,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts article {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts span {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-models {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-models span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-workspace {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-draft span {
  color: #475569;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-head strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-draft strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-functions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function {
  display: grid;
  align-content: space-between;
  gap: 10px;
  min-width: 0;
  min-height: 148px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function.is-active {
  border-color: #0f766e;
  background: #f0fdfa;
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.12);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function span {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function strong {
  overflow-wrap: anywhere;
  color: #334155;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function em {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-function .top1-secondary-button {
  justify-self: start;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-surface,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-surface,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-surface {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  padding: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] [data-top1-diagnoz-selected-vehicle-panel][hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-head,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-head,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-head,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-lock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-head > div,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-head > div,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-lock span {
  color: #475569;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-head strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-head strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-head strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-lock strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-head small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-head small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-head small {
  overflow-wrap: anywhere;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-lock {
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px 9px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts article,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map article,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items article,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps article {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px 9px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid dl {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid dl > div {
  display: grid;
  grid-template-columns: minmax(72px, 0.4fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  border-top: 1px solid #e2e8f0;
  padding-top: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid dt {
  color: #64748b;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid dd {
  color: #0f172a;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid dl {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid dl > div {
  display: grid;
  grid-template-columns: minmax(72px, 0.4fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  border-top: 1px solid #e2e8f0;
  padding-top: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid dt {
  color: #64748b;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid dd {
  color: #0f172a;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources article {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #f8fafc;
  padding: 7px 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidate-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid dl {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list dl {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid dl {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid dl {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid dl > div {
  display: grid;
  grid-template-columns: minmax(72px, 0.42fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  border-top: 1px solid #e2e8f0;
  padding-top: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list dl > div {
  display: grid;
  grid-template-columns: minmax(58px, 0.34fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  border-top: 1px solid #e2e8f0;
  padding-top: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid dl > div {
  display: grid;
  grid-template-columns: minmax(74px, 0.4fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  border-top: 1px solid #e2e8f0;
  padding-top: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid dl > div {
  display: grid;
  grid-template-columns: minmax(72px, 0.4fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  border-top: 1px solid #e2e8f0;
  padding-top: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid dd,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list dd,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid dd,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid dt,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid dt {
  color: #64748b;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid dd,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list dd,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid dd,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid dd {
  color: #0f172a;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map article {
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps span {
  color: #475569;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps small {
  overflow-wrap: anywhere;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-boundary,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-boundary,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-boundary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-boundary span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-boundary span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-boundary span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-draft {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
  padding: 9px 11px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-head span {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-head p {
  max-width: 780px;
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-logo {
  width: 74px;
  height: 54px;
  object-fit: contain;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 9px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 260px));
  justify-content: start;
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card {
  display: grid;
  grid-template-rows: 118px 1fr auto;
  gap: 8px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
  color: inherit;
  padding: 8px;
  text-decoration: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid.is-text-only {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid.is-family {
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  max-height: min(520px, 62vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-gutter: stable;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-text-only {
  grid-template-rows: 1fr auto;
  min-height: 146px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-model-family {
  grid-template-rows: 58px;
  min-height: 58px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-name-plate {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 54px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.92)),
    linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(15, 23, 42, 0.02));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset -12px -14px 22px rgba(15, 23, 42, 0.06),
    0 16px 24px rgba(15, 23, 42, 0.09);
  transform: perspective(420px) rotateX(8deg) rotateY(-7deg);
  transform-style: preserve-3d;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-name-plate::before {
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0));
  content: "";
  pointer-events: none;
  transform: translateZ(8px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-name-plate strong {
  position: relative;
  z-index: 1;
  max-width: 92%;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.05;
  font-weight: 950;
  text-align: center;
  overflow-wrap: anywhere;
  transform: translateZ(18px);
  text-shadow: 0 1px 0 #ffffff, 0 10px 20px rgba(15, 23, 42, 0.14);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card:focus-visible {
  border-color: #2563eb;
  box-shadow: 0 14px 26px rgba(37, 99, 235, 0.14);
  transform: translateY(-1px);
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-model-family:hover .top1-diagnoz-scanner-model-name-plate,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-model-family:focus-visible .top1-diagnoz-scanner-model-name-plate {
  transform: perspective(420px) rotateX(4deg) rotateY(-3deg) translateY(-1px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-model-family:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-model-family:focus-visible {
  box-shadow: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card img {
  width: 100%;
  height: 118px;
  object-fit: cover;
  border-radius: 8px;
  background: #e2e8f0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card-copy strong {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card-copy small {
  color: #334155;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card-copy em {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-sources span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #ffffff;
  color: #475569;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 2px 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-list-header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-list-header strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-list-header span {
  color: #64748b;
  font-size: 13px;
  font-weight: 750;
  text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-filter {
  display: grid;
  gap: 4px;
  min-width: min(100%, 280px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-filter span {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-filter input {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  padding: 8px 10px;
  font-size: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folders {
  display: grid;
  gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder {
  --top1-scanner-folder-accent: #2563eb;
  display: grid;
  gap: 10px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder.is-chinese {
  --top1-scanner-folder-accent: #16a34a;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder.is-heavy_commercial {
  --top1-scanner-folder-accent: #d97706;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder[hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-header {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  cursor: pointer;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-header::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-icon {
  position: relative;
  display: block;
  width: 44px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--top1-scanner-folder-accent) 32%, #cbd5e1 68%);
  border-radius: 7px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.74)),
    linear-gradient(145deg, color-mix(in srgb, var(--top1-scanner-folder-accent) 38%, #ffffff 62%), #ffffff);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 12px 18px rgba(15, 23, 42, 0.08);
  transform: perspective(240px) rotateX(8deg) rotateY(-8deg);
  transform-style: preserve-3d;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-icon::before {
  position: absolute;
  left: 6px;
  top: -7px;
  width: 21px;
  height: 9px;
  border: 1px solid color-mix(in srgb, var(--top1-scanner-folder-accent) 28%, #cbd5e1 72%);
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: color-mix(in srgb, var(--top1-scanner-folder-accent) 16%, #ffffff 84%);
  content: "";
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-copy strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-copy small {
  overflow-wrap: anywhere;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-header em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  min-height: 30px;
  border: 1px solid color-mix(in srgb, var(--top1-scanner-folder-accent) 24%, #dbe3ef 76%);
  border-radius: 999px;
  background: color-mix(in srgb, var(--top1-scanner-folder-accent) 8%, #ffffff 92%);
  color: #334155;
  padding: 4px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-list {
  display: grid;
  gap: 8px;
  padding-top: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fbfdff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type[hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  cursor: pointer;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-header::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-header > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-header strong {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-header small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-type-header em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 28px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  padding: 4px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder .top1-diagnoz-scanner-grid {
  max-height: min(360px, 56vh);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-height: min(760px, 72vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-gutter: stable;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  min-height: 108px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #0f172a;
  padding: 12px;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make[hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-brand {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  min-height: 84px;
  align-self: center;
  border: 1px solid color-mix(in srgb, var(--top1-scanner-accent, #475569) 22%, #dbe3ef 78%);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.92) 46%, rgba(226, 232, 240, 0.72) 100%),
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 42%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset -10px -12px 22px rgba(15, 23, 42, 0.05),
    0 16px 26px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  transform: perspective(360px) rotateX(7deg) rotateY(-7deg);
  transform-style: preserve-3d;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-brand::before {
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0));
  content: "";
  pointer-events: none;
  transform: translateZ(8px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make:hover .top1-diagnoz-scanner-brand,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make:focus-visible .top1-diagnoz-scanner-brand {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset -10px -12px 22px rgba(15, 23, 42, 0.05),
    0 20px 30px rgba(15, 23, 42, 0.12);
  transform: perspective(360px) rotateX(3deg) rotateY(-3deg) translateY(-2px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-logo {
  display: block;
  width: 66px;
  height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 8px 10px rgba(15, 23, 42, 0.12));
  transform: translateZ(18px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-wordmark {
  display: block;
  max-width: 82px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
  text-align: center;
  overflow-wrap: anywhere;
  transform: translateZ(18px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make:focus-visible {
  border-color: var(--top1-scanner-accent, #475569);
  outline: none;
  transform: translateY(-1px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-copy {
  display: grid;
  align-content: center;
  min-width: 0;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-copy strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-copy small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-models {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-models em,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-boundary span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  padding: 3px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-boundary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

@media (max-width: 1100px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-summary,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-functions,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 260px));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid.is-text-only {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-vin-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-summary,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-parts,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-functions,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-facts,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-map,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-items,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-sources,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-list,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-steps,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid.is-text-only,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-vin-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-diagnostics-bridge-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-review-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-candidates-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-market-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-parts-linkage-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-parts-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-guided-lock,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-selected-vehicle-draft {
    display: grid;
    gap: 4px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-grid.is-family {
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card {
    grid-template-rows: 130px 1fr auto;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card.is-model-family {
    grid-template-rows: 58px;
    min-height: 58px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-name-plate {
    min-height: 54px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-card img {
    height: 130px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-head {
    align-items: flex-start;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-model-picker-logo {
    width: 62px;
    height: 46px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-selection-hero {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-make {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-list-header {
    display: grid;
    gap: 4px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-list-header span {
    text-align: left;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-filter {
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-header {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-scanner-folder-header em {
    grid-column: 2;
    justify-self: flex-start;
  }
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-monitor-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-scan-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-history-card {
  display: grid;
  gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-header,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-scan-header,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-history-header {
  align-items: flex-start;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-trend {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  min-height: 34px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-trend.is-better {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-trend.is-worse {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-trend.is-stable {
  border-color: #bae6fd;
  background: #f0f9ff;
  color: #075985;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-trend.is-baseline,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-trend.is-no_data {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #475569;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-actions {
  display: grid;
  justify-items: end;
  gap: 8px;
  min-width: min(100%, 360px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 30px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-tab:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-tab:focus-visible {
  border-color: #0891b2;
  color: #0e7490;
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-tab.is-active {
  border-color: #0891b2;
  background: #ecfeff;
  color: #155e75;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, auto);
  align-items: center;
  gap: 12px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #94a3b8;
  border-radius: 8px;
  background: #fff;
  padding: 11px 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight > div {
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight span[data-top1-period-label] {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight p {
  margin: 4px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight.is-better {
  border-left-color: #22c55e;
  background: linear-gradient(90deg, #f0fdf4 0%, #fff 46%);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight.is-worse {
  border-left-color: #ef4444;
  background: linear-gradient(90deg, #fef2f2 0%, #fff 46%);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight.is-stable {
  border-left-color: #0ea5e9;
  background: linear-gradient(90deg, #f0f9ff 0%, #fff 46%);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight.is-baseline,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight.is-no_data {
  border-left-color: #94a3b8;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-metrics span {
  display: grid;
  gap: 2px;
  min-width: 0;
  border: 1px solid rgba(203, 213, 225, .78);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  padding: 7px 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-metrics b {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-metrics small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-grid {
  display: grid;
  grid-template-columns: minmax(300px, .95fr) minmax(360px, 1.05fr);
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystems-panel {
  grid-column: 1 / -1;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #fbfdff;
  padding: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-panel-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-gauge-cell span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-legend span {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-panel-head b {
  border-radius: 999px;
  background: #f8fafc;
  padding: 5px 8px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-panel canvas {
  display: block;
  width: 100%;
  border: 1px solid rgba(226, 232, 240, .92);
  border-radius: 8px;
  background: #fff;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-car-visual-grid {
  display: grid;
  grid-template-columns: minmax(160px, .72fr) minmax(220px, 1fr);
  gap: 8px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-car-state-panel canvas[data-top1-diagnostics-car-map] {
  height: 180px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-car-three-stage {
  min-height: 180px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-panel canvas {
  height: 174px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart {
  display: grid;
  grid-template-rows: auto 96px;
  gap: 7px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart span {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart small {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart canvas {
  height: 96px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart.is-warning,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart.is-watch {
  border-color: #fde68a;
  background: #fffdf5;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart.is-danger,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart.is-critical,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-chart.is-error {
  border-color: #fecaca;
  background: #fff8f8;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-flask-panel canvas {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-gauge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-gauge-cell {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-gauge-cell canvas {
  aspect-ratio: 1 / 1;
  height: auto;
  min-height: 94px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-status-strip,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-status-strip span {
  display: grid;
  gap: 2px;
  min-width: 0;
  border: 1px solid rgba(203, 213, 225, .8);
  border-radius: 8px;
  background: #fff;
  padding: 7px 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-status-strip b {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-status-strip small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-legend span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 4px 8px;
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-legend span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  margin-right: 6px;
  background: #0891b2;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-legend .is-risk::before {
  background: #dc2626;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-legend .is-dtc::before {
  background: #f59e0b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  background: #f8fafc;
  color: #334155;
  font-size: 14px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-score.is-sev-2 {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-score.is-sev-3 {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(210px, .75fr) minmax(210px, .75fr) minmax(280px, 1fr);
  gap: 12px;
  overflow: visible;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-panel,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day {
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-panel.is-dtc {
  overflow: visible;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-panel > span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-head span {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-panel p,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day p {
  margin: 0;
  color: #475569;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-dtc-row,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-change-row,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-weak-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-dtc-row b,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-chip,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-change-row em,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-weak-row span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 999px;
  padding: 4px 9px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-wrap {
  position: relative;
  display: inline-flex;
  overflow: visible;
}

.top1-app-shell[data-top1-section="diagnostics"] details.top1-diagnostics-dtc-popover-wrap {
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-chip::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-chip {
  border: 1px solid #e2e8f0;
  cursor: pointer;
  font-family: inherit;
  line-height: 1;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-chip:hover,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-chip:focus-visible {
  border-color: #ef4444;
  background: #fff1f2;
  color: #991b1b;
  box-shadow: 0 8px 22px rgba(239, 68, 68, .16);
  outline: none;
  transform: translateY(-1px);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 120;
  display: grid;
  width: 420px;
  max-width: min(420px, calc(100dvw - 48px));
  max-height: min(560px, calc(100dvh - 128px));
  gap: 10px;
  padding: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid rgba(148, 163, 184, .38);
  border-radius: 8px;
  background: #0f172a;
  box-shadow: 0 24px 52px rgba(15, 23, 42, .28);
  color: #e5e7eb;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .16s ease, transform .16s ease;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover::before {
  content: "";
  position: absolute;
  left: 16px;
  top: -6px;
  width: 10px;
  height: 10px;
  border-left: 1px solid rgba(148, 163, 184, .38);
  border-top: 1px solid rgba(148, 163, 184, .38);
  background: #0f172a;
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-wrap.is-open .top1-diagnostics-dtc-popover,
.top1-app-shell[data-top1-section="diagnostics"] details.top1-diagnostics-dtc-popover-wrap[open] .top1-diagnostics-dtc-popover {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-head strong {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid rgba(251, 113, 133, .38);
  border-radius: 8px;
  background: rgba(127, 29, 29, .46);
  color: #fecdd3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  font-size: 12px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-head em {
  min-width: 0;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-text {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section {
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section b {
  color: #93c5fd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section small {
  position: relative;
  display: block;
  padding-left: 12px;
  color: #e2e8f0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section small::before {
  content: "";
  position: absolute;
  left: 0;
  top: .52em;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #38bdf8;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section.is-recommend b {
  color: #fbbf24;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section.is-recommend small::before {
  background: #f59e0b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section.is-cause b {
  color: #fca5a5;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-section.is-cause small::before {
  background: #fb7185;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-dtc-popover-foot {
  justify-self: start;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(34, 211, 238, .12);
  color: #a5f3fc;
  font-size: 10px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-change-row em.is-new {
  background: #fef2f2;
  color: #991b1b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-change-row em.is-cleared {
  background: #ecfdf5;
  color: #047857;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-list {
  display: grid;
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  border-left: 3px solid #94a3b8;
  padding: 8px 0 8px 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-item.is-attention {
  border-left-color: #f59e0b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-item.is-critical {
  border-left-color: #ef4444;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-item em {
  color: #334155;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-item small {
  grid-column: 1 / -1;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-recommendations {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-recommendations > span {
  color: #0f172a;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-recommendations div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-recommendations small {
  border-radius: 999px;
  background: #fff;
  padding: 6px 9px;
  color: #334155;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-current-parameters {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-current-parameters summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  padding: 12px 14px;
  color: #0f172a;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-current-parameters summary::marker {
  color: #64748b;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-current-parameters summary b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 24px;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-height: 440px;
  overflow: auto;
  padding: 0 12px 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item {
  display: grid;
  gap: 5px;
  padding: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item strong {
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item.is-attention {
  border-color: #fde68a;
  background: #fffbeb;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item.is-critical {
  border-color: #fecaca;
  background: #fef2f2;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-item.is-watch {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day {
  display: grid;
  gap: 9px;
  padding: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day.is-attention,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day.is-watch {
  border-color: #fde68a;
  background: #fffbeb;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day.is-critical {
  border-color: #fecaca;
  background: #fef2f2;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day.is-better {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-head,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-score,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-head b {
  border-radius: 999px;
  background: #f1f5f9;
  padding: 4px 8px;
  color: #334155;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-score strong {
  font-size: 30px;
  line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-score span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-meta {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-meta span {
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  padding: 5px 8px;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-panel {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-car-state-panel {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-overview,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-actions {
    justify-items: stretch;
    width: 100%;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-tabs {
    justify-content: flex-start;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-insight {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-period-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-visual-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-car-visual-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-subsystem-grid,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-live-overview,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-timeline,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-grid {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-panel {
    grid-column: auto;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-flask-panel canvas,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-trend-panel canvas,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-car-state-panel canvas[data-top1-diagnostics-car-map] {
    height: 190px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-gauge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-parameter-grid {
    max-height: 520px;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-weak-item {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-head,
  .top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-state-day-score {
    align-items: flex-start;
  }
}


.top1-diagnostics-preloader {
  position: fixed;
  inset: 0 0 0 var(--top1-sidebar-width);
  z-index: 240;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 16% 18%, rgba(45, 212, 191, .16), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(251, 113, 133, .12), transparent 26%),
    linear-gradient(135deg, rgba(15, 23, 42, .96) 0%, rgba(17, 24, 39, .94) 58%, rgba(30, 41, 59, .96) 100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .34s ease, visibility .34s ease;
}

.top1-diagnostics-preloader::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(34, 211, 238, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, .07) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

.top1-app-shell[data-top1-diagnostics-preloading="1"] .top1-diagnostics-preloader {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.top1-app-shell[data-top1-diagnostics-preload-done="1"] .top1-diagnostics-preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.top1-app-shell[data-top1-diagnostics-preloading="1"] .top1-app-content {
  filter: blur(5px);
  opacity: .28;
  pointer-events: none;
}

.top1-diagnostics-preloader-panel {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  min-height: 300px;
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: 18px;
  align-items: center;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(45, 212, 191, .22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 16%, rgba(34, 211, 238, .14), transparent 28%),
    linear-gradient(135deg, rgba(15, 23, 42, .98) 0%, rgba(17, 24, 39, .96) 62%, rgba(30, 41, 59, .96) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 24px 70px rgba(0, 0, 0, .34);
}

.top1-diagnostics-preloader-visual {
  height: 120px;
  display: grid;
  place-items: center;
}

.top1-diagnostics-preloader-scope {
  position: relative;
  width: min(420px, 100%);
  height: 112px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  background:
    linear-gradient(rgba(34, 211, 238, .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, .08) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(20, 184, 166, .18), transparent 34%),
    linear-gradient(135deg, #111827 0%, #0f172a 58%, #1f2937 100%);
  background-size: 28px 28px, 28px 28px, auto, auto;
  box-shadow: inset 0 0 44px rgba(45, 212, 191, .10), 0 18px 38px rgba(0, 0, 0, .24);
}

.top1-diagnostics-preloader-scope i {
  position: absolute;
  display: block;
}

.top1-diagnostics-preloader-scope .is-node {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(226, 232, 240, .84);
  border-radius: 50%;
  background: #0f172a;
  box-shadow: 0 0 22px rgba(34, 211, 238, .42);
}

.top1-diagnostics-preloader-scope .is-node.is-left {
  left: 16%;
  top: 34%;
}

.top1-diagnostics-preloader-scope .is-node.is-center {
  left: 50%;
  top: 54%;
  border-color: rgba(251, 113, 133, .84);
  transform: translateX(-50%);
  box-shadow: 0 0 24px rgba(251, 113, 133, .42);
}

.top1-diagnostics-preloader-scope .is-node.is-right {
  right: 16%;
  top: 28%;
  border-color: rgba(34, 197, 94, .84);
  box-shadow: 0 0 24px rgba(34, 197, 94, .42);
}

.top1-diagnostics-preloader-scope .is-scan {
  left: 8%;
  right: 8%;
  top: 50%;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, #22d3ee 18%, #fb7185 52%, #22c55e 78%, transparent 100%);
  box-shadow: 0 0 26px rgba(45, 212, 191, .42);
  transform-origin: left center;
  animation: top1DiagnosticsPreloaderScan 1.2s ease-in-out infinite;
}

.top1-diagnostics-preloader-copy {
  display: grid;
  gap: 8px;
  text-align: center;
}

.top1-diagnostics-preloader-copy span {
  color: #67e8f9;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.top1-diagnostics-preloader-copy strong {
  color: #f8fafc;
  font-size: 25px;
  font-weight: 950;
  line-height: 1.12;
}

.top1-diagnostics-preloader-copy small {
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.top1-diagnostics-preloader-line {
  height: 10px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  background: rgba(15, 23, 42, .76);
}

.top1-diagnostics-preloader-line span {
  display: block;
  width: 8%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ef4444 0%, #f59e0b 32%, #22c55e 64%, #06b6d4 100%);
  box-shadow: 0 0 22px rgba(34, 197, 94, .28);
  animation: top1DiagnosticsPreloadLine 1.05s cubic-bezier(.22, .9, .28, 1) forwards;
}

.top1-diagnostics-preloader-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.top1-diagnostics-preloader-steps span {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  background: rgba(248, 250, 252, .08);
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

@keyframes top1DiagnosticsPreloadLine {
  0% {
    width: 8%;
  }
  74% {
    width: 78%;
  }
  100% {
    width: 100%;
  }
}

@keyframes top1DiagnosticsPreloaderScan {
  0%,
  100% {
    opacity: .42;
    transform: scaleX(.42);
  }
  50% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@media (min-width: 981px) {
  .top1-app-shell.is-sidebar-collapsed .top1-diagnostics-preloader,
  .top1-sidebar-collapsed .top1-app-shell .top1-diagnostics-preloader {
    left: 72px;
  }
}

@media (max-width: 980px) {
  .top1-diagnostics-preloader {
    inset: 0;
    padding: 18px;
  }

  .top1-diagnostics-preloader-panel {
    padding: 22px;
  }

  .top1-diagnostics-preloader-copy strong {
    font-size: 21px;
  }

  .top1-diagnostics-preloader-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-app-content {
  height: 100vh;
  min-height: 100vh;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  scrollbar-gutter: auto;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-workspace,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-workspace {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"],
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-app-main,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-shell,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-group-blocks,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-group-blocks-diagnoz {
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-app-main,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-shell,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-group-blocks,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-group-blocks-diagnoz {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] {
  height: 100vh;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-workspace,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-shell,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-workspace {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  justify-self: stretch;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-shell-header.is-title-only,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-shell-toolbar,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-top-partsapi,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-role-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-group-blocks-diagnoz,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnoz-subnav {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subnav {
  position: sticky;
  top: 12px;
  z-index: 15;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  margin-top: 0;
  padding: 8px;
  border: 1px solid rgba(203, 213, 225, .82);
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
  backdrop-filter: blur(14px);
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button {
  min-width: 0;
  min-height: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(203, 213, 225, .82);
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  text-align: left;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button span,
.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button span {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.12;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button small {
  justify-self: end;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
  text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button:hover,
.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button.is-active {
  border-color: rgba(225, 29, 72, .38);
  background: #fff7f8;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button.is-active span {
  color: #e11d48;
}

.top1-app-shell[data-top1-section="diagnostics"]:not([data-top1-diagnoz-remote-active="1"]) .top1-diagnoz-subtab-button.is-technical {
  border-color: rgba(148, 163, 184, .46);
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-screen {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 12px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(34, 197, 94, .07), transparent 22%),
    radial-gradient(circle at 92% 18%, rgba(14, 165, 233, .08), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  align-items: stretch;
  padding: 8px;
  border: 1px solid rgba(45, 212, 191, .18);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(15, 23, 42, .96) 0%, rgba(17, 24, 39, .92) 55%, rgba(30, 41, 59, .95) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 26px rgba(0, 0, 0, .18);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > form,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a {
  min-width: 0;
  min-height: 42px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  background: rgba(15, 23, 42, .46);
  text-decoration: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker label {
  min-width: 0;
  display: block;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker input[type="search"] {
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 7px;
  background: rgba(248, 250, 252, .98);
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker input[type="search"]::placeholder {
  color: #64748b;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker input[type="search"]:focus {
  border-color: rgba(45, 212, 191, .72);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .14), inset 0 1px 0 rgba(255, 255, 255, .72);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker button,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker .top1-diagnostics-cockpit-vehicle-action {
  min-height: 32px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(45, 212, 191, .34);
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .94) 0%, rgba(17, 94, 89, .72) 100%);
  color: #ecfeff;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(20, 184, 166, .15);
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker .top1-diagnostics-cockpit-vehicle-action.is-clear {
  border-color: rgba(148, 163, 184, .32);
  background: rgba(15, 23, 42, .72);
  color: #cbd5e1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker button:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-picker .top1-diagnostics-cockpit-vehicle-action:hover {
  border-color: rgba(103, 232, 249, .72);
  transform: translateY(-1px);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > em {
  color: #cbd5e1;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > a.is-selected {
  border-color: rgba(45, 212, 191, .42);
  background: rgba(15, 23, 42, .72);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-console {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  min-height: 0;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .18);
  border-radius: 8px;
  background:
    linear-gradient(rgba(34, 211, 238, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, .055) 1px, transparent 1px),
    radial-gradient(circle at 14% 16%, rgba(45, 212, 191, .12), transparent 28%),
    radial-gradient(circle at 86% 20%, rgba(251, 113, 133, .10), transparent 26%),
    linear-gradient(135deg, #111827 0%, #0f172a 56%, #1e293b 100%);
  background-size: 36px 36px, 36px 36px, auto, auto, auto;
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .06), 0 16px 26px rgba(15, 23, 42, .10);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(226, 232, 240, .14);
  border-radius: 8px;
  background: rgba(15, 23, 42, .58);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar button {
  min-width: 0;
  min-height: 30px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: rgba(226, 232, 240, .78);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar button:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar button:focus-visible {
  border-color: rgba(125, 211, 252, .30);
  background: rgba(255, 255, 255, .08);
  color: #ffffff;
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar button.is-active,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar button[aria-selected="true"] {
  border-color: rgba(225, 29, 72, .24);
  background: #ffffff;
  color: #e11d48;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .16);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-panel-stack {
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-panel {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-panel.is-active {
  display: grid;
  height: 100%;
  max-height: 100%;
  animation: top1CockpitPanelIn .16s ease-out;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-panel {
  grid-template-columns: minmax(0, 1.38fr) minmax(210px, .62fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 8px;
  height: 100%;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-panel > .top1-diagnostics-cockpit-vehicle-strip {
  grid-column: 1 / -1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(170px, .28fr) minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(45, 212, 191, .20);
  border-radius: 8px;
  background:
    radial-gradient(circle at 96% 18%, rgba(34, 211, 238, .12), transparent 26%),
    linear-gradient(135deg, rgba(15, 23, 42, .94) 0%, rgba(17, 24, 39, .88) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 12px 26px rgba(0, 0, 0, .14);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport-head {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 4px 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport-head span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-grid span {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport-head strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport-head small {
  min-width: 0;
  overflow: hidden;
  color: #cbd5e1;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-grid > div,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-empty {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 46px;
  padding: 7px 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .70) 0%, rgba(30, 41, 59, .50) 100%);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-grid strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-empty strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-empty small {
  min-width: 0;
  overflow: hidden;
  color: #cbd5e1;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor {
  grid-column: 1 / -1;
  min-width: 0;
  border: 1px solid rgba(45, 212, 191, .24);
  border-radius: 8px;
  background: rgba(15, 23, 42, .58);
  overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor > summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  color: #f8fafc;
  cursor: pointer;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor > summary::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(45, 212, 191, .42);
  border-radius: 999px;
  color: #67e8f9;
  background: rgba(15, 23, 42, .72);
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor[open] > summary::after {
  content: "−";
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor > summary span {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor > summary small {
  min-width: 0;
  overflow: hidden;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor form {
  display: grid;
  gap: 8px;
  padding: 0 10px 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor-grid label {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor-grid label span {
  overflow: hidden;
  color: #7dd3fc;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor-grid input {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(125, 211, 252, .24);
  border-radius: 8px;
  color: #f8fafc;
  background: rgba(2, 6, 23, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor-grid input:focus {
  border-color: rgba(45, 212, 191, .72);
  box-shadow: 0 0 0 2px rgba(45, 212, 191, .14);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor button[type="submit"] {
  justify-self: start;
  min-height: 34px;
  padding: 0 16px;
  border: 1px solid rgba(45, 212, 191, .56);
  border-radius: 8px;
  color: #ecfeff;
  background: linear-gradient(135deg, rgba(15, 118, 110, .94) 0%, rgba(8, 145, 178, .90) 100%);
  box-shadow: 0 10px 20px rgba(8, 145, 178, .18);
  cursor: pointer;
  font-size: 11px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor button[type="submit"]:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-editor button[type="submit"]:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(8, 145, 178, .24);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-summary {
  display: grid;
  gap: 5px;
  min-height: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-summary span {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(203, 213, 225, .72);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-summary strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-summary strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.18;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-summary small {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-choice {
  display: grid;
  grid-template-rows: repeat(2, minmax(150px, 1fr));
  gap: 8px;
  min-width: 0;
  min-height: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button {
  position: relative;
  min-width: 0;
  min-height: 150px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 18px 18px 18px 20px;
  overflow: hidden;
  border: 1px solid rgba(45, 212, 191, .22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 16%, rgba(34, 211, 238, .14), transparent 26%),
    linear-gradient(135deg, rgba(15, 23, 42, .98) 0%, rgba(17, 24, 39, .96) 62%, rgba(30, 41, 59, .96) 100%);
  color: #f8fafc;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 34px rgba(0, 0, 0, .22);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #fb7185 0%, #f97316 52%, #22d3ee 100%);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button::after {
  content: ">";
  position: absolute;
  right: 16px;
  bottom: 14px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  background: rgba(248, 250, 252, .08);
  color: #e2e8f0;
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button:focus-visible {
  border-color: rgba(45, 212, 191, .48);
  background:
    radial-gradient(circle at 92% 16%, rgba(34, 211, 238, .20), transparent 28%),
    linear-gradient(135deg, rgba(15, 23, 42, 1) 0%, rgba(24, 32, 48, .98) 100%);
  outline: none;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 22px 42px rgba(0, 0, 0, .28);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button.is-active {
  border-color: rgba(45, 212, 191, .62);
  background:
    radial-gradient(circle at 92% 16%, rgba(34, 211, 238, .22), transparent 30%),
    linear-gradient(135deg, rgba(10, 19, 35, 1) 0%, rgba(17, 34, 48, .98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    inset 0 0 0 1px rgba(45, 212, 191, .16),
    0 22px 42px rgba(0, 0, 0, .30);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button span {
  color: #fb7185;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button .top1-diagnostics-cockpit-mode-route {
  width: fit-content;
  max-width: calc(100% - 18px);
  padding: 6px 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 999px;
  background: rgba(15, 23, 42, .52);
  color: #bfdbfe;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button strong {
  min-width: 0;
  overflow: hidden;
  max-width: calc(100% - 36px);
  color: #f8fafc;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button small {
  max-width: calc(100% - 18px);
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.28;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button em {
  min-width: 0;
  overflow: hidden;
  width: fit-content;
  max-width: calc(100% - 42px);
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  background: rgba(248, 250, 252, .08);
  color: #e2e8f0;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button.is-service span {
  color: #5eead4;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button.is-service::before {
  background: linear-gradient(180deg, #2dd4bf 0%, #22c55e 54%, #38bdf8 100%);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-main {
  display: grid;
  grid-template-columns: minmax(380px, 1.04fr) minmax(340px, .96fr);
  gap: 10px;
  align-items: stretch;
  min-height: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-stage {
  position: relative;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .16);
  border-radius: 8px;
  background:
    linear-gradient(rgba(34, 211, 238, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, .08) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(20, 184, 166, .13), transparent 32%),
    linear-gradient(135deg, #111827 0%, #0f172a 54%, #1f2937 100%);
  background-size: 38px 38px, 38px 38px, auto, auto;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-stage::before,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-stage::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-stage::before {
  inset: 12%;
  border: 1px solid rgba(45, 212, 191, .20);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 22%, rgba(34, 211, 238, .24) 0 4px, transparent 5px),
    radial-gradient(circle at 72% 28%, rgba(251, 113, 133, .28) 0 4px, transparent 5px),
    radial-gradient(circle at 64% 72%, rgba(34, 197, 94, .24) 0 4px, transparent 5px),
    linear-gradient(90deg, transparent 0%, rgba(45, 212, 191, .10) 50%, transparent 100%);
  box-shadow: inset 0 0 46px rgba(45, 212, 191, .08), 0 0 34px rgba(14, 165, 233, .06);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-stage::after {
  left: 10%;
  right: 10%;
  top: 50%;
  height: 28%;
  border-top: 1px solid rgba(45, 212, 191, .28);
  border-bottom: 1px solid rgba(251, 113, 133, .18);
  background:
    linear-gradient(90deg, transparent, rgba(34, 211, 238, .11), transparent),
    radial-gradient(ellipse at center, rgba(34, 211, 238, .13), transparent 62%);
  transform: translateY(-50%);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-grid {
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-grid::before,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-grid::before {
  background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .22), transparent);
  transform: translateX(-42%);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-grid::after {
  border: 1px solid rgba(248, 113, 113, .16);
  transform: scale(.72);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scan {
  position: absolute;
  left: 7%;
  right: 7%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, .95), rgba(248, 113, 113, .88), transparent);
  box-shadow: 0 0 28px rgba(45, 212, 191, .35);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-functions {
  display: contents;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 12%, rgba(34, 211, 238, .12), transparent 26%),
    linear-gradient(135deg, rgba(15, 23, 42, .92) 0%, rgba(17, 24, 39, .88) 56%, rgba(30, 41, 59, .86) 100%);
  color: #e5eefc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 28px rgba(0, 0, 0, .18);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function:focus-within {
  border-color: rgba(103, 232, 249, .36);
  background:
    radial-gradient(circle at 92% 12%, rgba(34, 211, 238, .16), transparent 28%),
    linear-gradient(135deg, rgba(15, 23, 42, .98) 0%, rgba(24, 32, 48, .94) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 18px 34px rgba(0, 0, 0, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-panel[hidden],
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-panel:not(.is-active) {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function[hidden] {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > summary,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > .top1-diagnostics-cockpit-function-head {
  position: relative;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding-right: 0;
  cursor: default;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-state-summary {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > summary::after {
  content: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function[open] > summary::after {
  content: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > summary > span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > .top1-diagnostics-cockpit-function-head > span {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > summary > strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function > .top1-diagnostics-cockpit-function-head > strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function[open] > summary > strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-service-scanner > .top1-diagnostics-cockpit-function-head > strong {
  -webkit-line-clamp: 2;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-route,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-route span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types button {
  min-width: 0;
  min-height: 30px;
  display: grid;
  place-items: center;
  padding: 0 8px;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background: rgba(15, 23, 42, .60);
  color: #dbeafe;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types button {
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types button.is-active,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types button:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-types button:focus-visible {
  border-color: rgba(45, 212, 191, .54);
  background: linear-gradient(135deg, rgba(20, 184, 166, .28), rgba(37, 99, 235, .18));
  color: #f8fafc;
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-session {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(45, 212, 191, .20);
  border-radius: 8px;
  background: rgba(15, 23, 42, .56);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-session form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-session button {
  min-height: 32px;
  border: 1px solid rgba(45, 212, 191, .38);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 184, 166, .24), rgba(15, 23, 42, .72));
  color: #f8fafc;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-session button:last-child {
  border-color: rgba(248, 113, 113, .32);
  background: linear-gradient(135deg, rgba(248, 113, 113, .18), rgba(15, 23, 42, .72));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-session small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-tech-profile {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(180px, .28fr) minmax(0, 1fr);
  gap: 6px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(45, 212, 191, .22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 20%, rgba(34, 211, 238, .12), transparent 25%),
    linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(30, 41, 59, .48));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-tech-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-tech-grid > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 3px;
  min-height: 42px;
  padding: 7px 8px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 8px;
  background: rgba(15, 23, 42, .58);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-tech-grid span {
  min-width: 0;
  overflow: hidden;
  color: #67e8f9;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-tech-grid strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources form {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: end;
  padding: 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background: rgba(15, 23, 42, .62);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources label {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources span {
  color: #93c5fd;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources select,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources input {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 8px;
  background: rgba(248, 250, 252, .96);
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(45, 212, 191, .34);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .94) 0%, rgba(17, 94, 89, .72) 100%);
  color: #ecfeff;
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-service-scanner {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  grid-template-rows: auto auto minmax(0, 1fr);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-service-scanner > .top1-diagnostics-cockpit-function-head {
  flex: 0 0 auto;
  grid-row: 1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-service-scanner > .top1-diagnostics-cockpit-service-sources {
  flex: 0 0 auto;
  grid-row: 2;
  min-height: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-service-scanner > .top1-diagnostics-cockpit-full-scanner-shell {
  flex: 1 1 0;
  grid-row: 3;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-hint {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background: rgba(15, 23, 42, .62);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-hint span {
  color: #93c5fd;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-hint strong {
  min-width: 0;
  overflow: hidden;
  color: #e5eefc;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell {
  min-width: 0;
  min-height: 0;
  height: auto;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background:
    linear-gradient(rgba(34, 211, 238, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, .045) 1px, transparent 1px),
    linear-gradient(135deg, rgba(15, 23, 42, .86) 0%, rgba(17, 24, 39, .82) 100%);
  background-size: 32px 32px, 32px 32px, auto;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-card {
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #e5eefc;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-card-header {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row {
  grid-template-columns: minmax(150px, 1fr) minmax(110px, .7fr) minmax(110px, .7fr) auto;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary > div,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-selection,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-picker,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card {
  border-color: rgba(125, 211, 252, .18);
  background:
    radial-gradient(circle at 92% 12%, rgba(34, 211, 238, .10), transparent 28%),
    rgba(15, 23, 42, .62);
  color: #e5eefc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 10px 22px rgba(0, 0, 0, .14);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-picker-head span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-sources span {
  color: #93c5fd;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-copy strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-picker-head h3,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card-copy strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-name-plate strong {
  color: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-copy small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-picker-head p,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card-copy small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card-copy em {
  color: #cbd5e1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row input,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-picker input {
  border-color: rgba(103, 232, 249, .24);
  background: rgba(248, 250, 252, .96);
  color: #0f172a;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-header em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card-action {
  border-color: rgba(103, 232, 249, .30);
  background: rgba(15, 23, 42, .72);
  color: #e5eefc;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folders {
  max-height: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form {
  display: grid;
  grid-template-columns: 1.1fr .72fr .72fr auto;
  gap: 6px;
  align-items: end;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form label {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form span {
  color: #93c5fd;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form input {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 8px;
  background: rgba(248, 250, 252, .96);
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form button {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #e11d48;
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-status {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-status b {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid rgba(45, 212, 191, .24);
  border-radius: 999px;
  background: rgba(20, 184, 166, .12);
  color: #99f6e4;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function b {
  min-width: 0;
  overflow: hidden;
  color: #cbd5e1 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-current {
  grid-template-rows: auto minmax(270px, .82fr) auto auto;
  align-content: stretch;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-grid {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 10px;
  overflow: visible;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card {
  min-height: 0;
  padding: 12px;
  overflow: visible;
  border-color: rgba(125, 211, 252, .16);
  background:
    radial-gradient(circle at 96% 12%, rgba(34, 211, 238, .10), transparent 24%),
    linear-gradient(135deg, rgba(15, 23, 42, .82) 0%, rgba(17, 24, 39, .72) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-evidence {
  border-color: rgba(34, 211, 238, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-decision {
  border-color: rgba(45, 212, 191, .24);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-subgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-subsection {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 9px;
  background: rgba(15, 23, 42, .44);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-subhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-subhead span {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-subhead strong {
  color: #f8fafc;
  font-size: 11px;
  line-height: 1.25;
  text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-dtc {
  grid-area: dtc;
  border-color: rgba(251, 113, 133, .20);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-trend {
  grid-area: trend;
  border-color: rgba(34, 211, 238, .20);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-analysis {
  grid-area: analysis;
  align-content: start;
  border-color: rgba(45, 212, 191, .24);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-next {
  grid-area: next;
  border-color: rgba(96, 165, 250, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card > summary {
  min-height: 34px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card > summary strong {
  font-size: 12px;
  line-height: 1.18;
  white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card > small {
  max-height: none;
  overflow: visible;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: clip;
  white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-analysis > small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card.is-next > small {
  max-height: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card .top1-diagnostics-cockpit-action-row span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card .top1-diagnostics-cockpit-state-row b,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-card .top1-diagnostics-cockpit-inline-zones b {
  white-space: normal;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-visual {
  min-width: 0;
  min-height: 0;
  display: grid;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage {
  position: relative;
  min-width: 0;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 58%, rgba(34, 211, 238, .20), transparent 22%),
    repeating-linear-gradient(0deg, rgba(125, 211, 252, .075) 0, rgba(125, 211, 252, .075) 1px, transparent 1px, transparent 34px),
    repeating-linear-gradient(90deg, rgba(125, 211, 252, .055) 0, rgba(125, 211, 252, .055) 1px, transparent 1px, transparent 46px),
    linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(15, 23, 42, .92) 52%, rgba(8, 47, 73, .82));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035), 0 18px 34px rgba(0, 0, 0, .24);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage:focus-visible {
  outline: 2px solid rgba(34, 211, 238, .72);
  outline-offset: 2px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage.is-dragging {
  cursor: grabbing;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage::before,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage::before {
  left: 8%;
  right: 8%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .54), rgba(248, 113, 113, .34), transparent);
  box-shadow: 0 0 24px rgba(34, 211, 238, .26);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage::after {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .72), transparent 18%, transparent 82%, rgba(2, 6, 23, .68)),
    linear-gradient(180deg, rgba(248, 250, 252, .06), transparent 36%, rgba(2, 6, 23, .20));
  mix-blend-mode: screen;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-status {
  position: absolute;
  z-index: 5;
  left: 10px;
  top: 10px;
  max-width: calc(100% - 58px);
  display: grid;
  justify-items: start;
  gap: 5px;
  pointer-events: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-status span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 10px;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .34);
  border-radius: 999px;
  background: rgba(15, 23, 42, .76);
  color: #e0f2fe;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .20);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-status small {
  display: inline-flex;
  max-width: 100%;
  padding: 4px 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  color: #cbd5e1;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-visual.is-stale .top1-diagnostics-cockpit-car-stage {
  filter: saturate(.58);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-visual.is-empty .top1-diagnostics-cockpit-car-stage {
  filter: saturate(.35) contrast(.92);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-controls {
  position: absolute;
  z-index: 6;
  top: 10px;
  right: 10px;
  display: grid;
  gap: 7px;
  width: min(520px, calc(100% - 310px));
  min-width: 360px;
  pointer-events: auto;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button {
  display: grid;
  gap: 3px;
  align-items: center;
  min-width: 0;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid rgba(248, 113, 113, .54);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(127, 29, 29, .86), rgba(239, 68, 68, .34));
  color: #fff1f2;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 10px 20px rgba(127, 29, 29, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button.is-auto {
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button:is(:hover, :focus-visible) {
  border-color: rgba(254, 202, 202, .86);
  outline: none;
  transform: translateY(-1px);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button.is-active,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button.is-success {
  border-color: rgba(74, 222, 128, .68);
  background: linear-gradient(135deg, rgba(20, 83, 45, .90), rgba(34, 197, 94, .36));
  color: #dcfce7;
  box-shadow: 0 10px 22px rgba(22, 101, 52, .24), inset 0 1px 0 rgba(255, 255, 255, .10);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button strong {
  color: inherit;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.12;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-button span {
  color: rgba(255, 255, 255, .78);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-copy {
  display: grid;
  gap: 3px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-interval {
  justify-self: end;
  width: 42px;
  min-width: 42px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .32);
  border-radius: 6px;
  background: rgba(2, 6, 23, .64);
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 16px rgba(0, 0, 0, .18);
  cursor: ns-resize;
  user-select: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-interval:focus-visible {
  border-color: rgba(34, 211, 238, .82);
  outline: 2px solid rgba(34, 211, 238, .28);
  outline-offset: 2px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-controls > small {
  justify-self: end;
  max-width: min(460px, 100%);
  padding: 5px 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background: rgba(2, 6, 23, .56);
  color: rgba(224, 242, 254, .82);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.3;
  text-align: right;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-readout {
  position: absolute;
  z-index: 3;
  left: 10px;
  bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: calc(100% - 64px);
  pointer-events: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-readout span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  color: #e0f2fe;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .18);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-reset {
  position: absolute;
  z-index: 4;
  right: 10px;
  top: 10px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125, 211, 252, .28);
  border-radius: 999px;
  background: rgba(15, 23, 42, .78);
  color: #e0f2fe;
  cursor: pointer;
  box-shadow: 0 10px 18px rgba(0, 0, 0, .20);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-reset:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-reset:focus-visible {
  border-color: rgba(45, 212, 191, .60);
  background: rgba(20, 184, 166, .24);
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-reset svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage.is-three-fallback::after {
  background:
    radial-gradient(circle at 50% 54%, rgba(34, 211, 238, .16), transparent 22%),
    linear-gradient(90deg, rgba(2, 6, 23, .72), transparent 18%, transparent 82%, rgba(2, 6, 23, .68));
}

@media (max-width: 720px) {
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-stage {
    min-height: 340px;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-readout {
    left: 8px;
    right: 50px;
    bottom: 8px;
    max-width: none;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-readout span {
    min-height: 22px;
    padding-inline: 7px;
    font-size: 10px;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-status {
    right: 50px;
    max-width: none;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-car-status span {
    min-height: 24px;
    padding-inline: 8px;
    font-size: 10px;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-controls {
    left: 8px;
    right: 8px;
    top: 44px;
    width: auto;
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-mode-buttons {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-refresh-controls > small {
    justify-self: stretch;
    text-align: left;
  }
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-zones > div,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-inline-zones,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-action-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-state-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 7px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions button {
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(248, 113, 113, .58);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(127, 29, 29, .82), rgba(239, 68, 68, .30));
  color: #fff1f2;
  cursor: pointer;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: 0 8px 16px rgba(127, 29, 29, .18);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions button:is(:hover, :focus-visible) {
  border-color: rgba(254, 202, 202, .86);
  outline: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions button.is-working {
  border-color: rgba(125, 211, 252, .68);
  background: linear-gradient(135deg, rgba(8, 47, 73, .84), rgba(14, 165, 233, .32));
  color: #e0f2fe;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions button.is-success {
  border-color: rgba(74, 222, 128, .68);
  background: linear-gradient(135deg, rgba(20, 83, 45, .88), rgba(34, 197, 94, .34));
  color: #dcfce7;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions button.is-error {
  border-color: rgba(248, 113, 113, .72);
  background: linear-gradient(135deg, rgba(127, 29, 29, .90), rgba(248, 113, 113, .36));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions button:disabled {
  cursor: wait;
  opacity: .86;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-dtc-actions small {
  min-width: min(260px, 100%);
  color: rgba(226, 232, 240, .72);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list b,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row b,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function.is-zones b,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-inline-zones b,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-action-row span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-state-row b {
  max-width: 100%;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 4px 7px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, .18);
  background: rgba(148, 163, 184, .10);
  color: #e5eefc !important;
  line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row b {
  border-color: rgba(251, 113, 133, .34);
  background: rgba(244, 63, 94, .13);
  color: #fecdd3 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-empty-inline,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-card-note {
  display: block;
  color: #94a3b8 !important;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
  white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-card-note {
  margin-top: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-chip {
  min-height: 26px;
  border-color: rgba(251, 113, 133, .38);
  background: rgba(244, 63, 94, .16);
  color: #fecdd3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-chip:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-chip:focus-visible {
  border-color: rgba(251, 113, 133, .76);
  background: rgba(127, 29, 29, .72);
  color: #fff1f2;
  box-shadow: 0 12px 26px rgba(244, 63, 94, .20);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  width: 420px;
  max-width: min(420px, calc(100dvw - 56px));
  max-height: min(560px, calc(100dvh - 140px));
  border-color: rgba(125, 211, 252, .28);
  background:
    radial-gradient(circle at 92% 8%, rgba(34, 211, 238, .12), transparent 28%),
    #0f172a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 14px 28px rgba(2, 6, 23, .26);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover::before {
  display: block;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row details.top1-diagnostics-dtc-popover-wrap[open],
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover-wrap.is-open {
  flex: 0 0 auto;
  width: auto;
  display: inline-flex;
  gap: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row details.top1-diagnostics-dtc-popover-wrap[open] .top1-diagnostics-dtc-popover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover-wrap.is-open .top1-diagnostics-dtc-popover {
  display: grid !important;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row details.top1-diagnostics-dtc-popover-wrap[open] .top1-diagnostics-dtc-chip,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover-wrap.is-open .top1-diagnostics-dtc-chip {
  justify-self: start;
  border-color: rgba(251, 113, 133, .76);
  background: rgba(127, 29, 29, .72);
  color: #fff1f2;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover b {
  overflow: visible;
  color: inherit !important;
  text-overflow: clip;
  white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-state-row b.is-active {
  border-color: rgba(251, 113, 133, .34);
  background: rgba(244, 63, 94, .13);
  color: #fecdd3 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-state-row b.is-muted {
  color: #94a3b8 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-status b {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(20, 184, 166, .12);
  color: #99f6e4 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mini-chart {
  display: flex;
  align-items: end;
  gap: 4px;
  min-height: 58px;
  padding: 4px 5px;
  border-radius: 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  background:
    linear-gradient(rgba(34, 211, 238, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, .055) 1px, transparent 1px),
    rgba(15, 23, 42, .54);
  background-size: 22px 22px, 22px 22px, auto;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mini-chart i {
  flex: 1 1 0;
  min-width: 0;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, #22d3ee, #0f766e);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database {
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(45, 212, 191, .18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 12%, rgba(34, 211, 238, .12), transparent 24%),
    linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(17, 24, 39, .86));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-tabs {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 190px)) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-tabs > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-tabs > label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 8px;
  background: rgba(15, 23, 42, .62);
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] #top1-diagnostics-db-service:checked + label,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] #top1-diagnostics-db-remote:checked + label {
  border-color: rgba(225, 29, 72, .24);
  background: #ffffff;
  color: #e11d48;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .14);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-panel {
  grid-column: 1 / -1;
  min-height: 0;
  display: none;
  gap: 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] #top1-diagnostics-db-service:checked ~ .top1-diagnostics-db-panel.is-service,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] #top1-diagnostics-db-remote:checked ~ .top1-diagnostics-db-panel.is-remote {
  display: grid;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-subhead {
  display: grid;
  gap: 2px;
  margin-top: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(34, 211, 238, .18);
  border-radius: 8px;
  background: rgba(8, 47, 73, .34);
  color: #e0f2fe;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-subhead strong {
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-subhead small {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-empty {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 8px;
  background: rgba(15, 23, 42, .58);
  color: #e5eefc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row.is-online {
  border-color: rgba(45, 212, 191, .34);
  background: linear-gradient(135deg, rgba(20, 184, 166, .14), rgba(15, 23, 42, .58));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row.is-offline,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row.is-no-data {
  border-color: rgba(148, 163, 184, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-empty strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-empty small {
  min-width: 0;
  overflow: hidden;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row p {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-state-link {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(45, 212, 191, .42);
  border-radius: 8px;
  background: rgba(20, 184, 166, .14);
  color: #ccfbf1;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-state-link:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-state-link:focus-visible {
  border-color: rgba(45, 212, 191, .72);
  background: rgba(20, 184, 166, .24);
  outline: none;
}

@keyframes top1CockpitPanelIn {
  from {
    opacity: .72;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-screen {
    min-height: 0;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-main {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-grid {
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-subgrid {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-overview-panel {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-empty {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form button {
    grid-column: 1 / -1;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-vehicle-strip > em {
    grid-column: 1 / -1;
  }

}

@media (max-width: 680px) {
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnoz-subnav,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-functions {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-screen {
    padding: 12px;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tabbar {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-tabs {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-remote-grid {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-code-row .top1-diagnostics-dtc-popover {
    width: min(420px, calc(100dvw - 44px));
    min-width: 0;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-scanner-form {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-service-sources form {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-stage {
    min-height: 300px;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-content-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-card {
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-card-header {
  gap: 10px;
  padding-bottom: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-card-header h2 {
  font-size: 18px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-card-header p {
  max-width: 760px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-command-eyebrow {
  border-radius: 999px;
  background: #fff5f5;
  color: #e11d48;
  font-size: 11px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-role-card {
  min-height: 0;
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-role-card .top1-card-header {
  align-items: center;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-telemetry-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-state-history-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-selector-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-visual-monitor-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-scan-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-current-parameters {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] [data-top1-remote-universal-control-screen] {
  display: grid !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-ai-floating-chat,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-ai-floating-chat__panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-ai-floating-chat__tools-popover {
  display: none !important;
}

body:has(.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"]) .top1-ai-floating-chat,
body:has(.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"]) .top1-ai-floating-chat__panel,
body:has(.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"]) .top1-ai-floating-chat__tools-popover {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-selector-card,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-card {
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 8px;
  align-items: center;
  min-height: 104px;
  padding: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle:hover,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle.is-selected {
  border-color: rgba(225, 29, 72, .36);
  background: #fff8f8;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle b {
  grid-column: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  color: #e5eefb;
  font-size: 11px;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param span {
  color: #cbd5e1;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param span::after {
  content: ":";
  color: rgba(203, 213, 225, .72);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param strong {
  flex: 0 0 auto;
  max-width: none;
  overflow: visible;
  color: #f8fafc !important;
  font-weight: 950;
  text-overflow: clip;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param small {
  flex: 0 0 auto;
  margin-left: 1px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .16);
  color: #cbd5e1 !important;
  font-size: 10px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-attention,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-warning {
  border-color: rgba(251, 191, 36, .7);
  background: rgba(146, 64, 14, .74);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-critical,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-danger {
  border-color: rgba(248, 113, 113, .78);
  background: rgba(127, 29, 29, .8);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-attention strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-warning strong {
  color: #fff7ed !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-critical strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-danger strong {
  color: #fff1f2 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle b {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle em {
  color: #e11d48;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card {
  display: grid;
  gap: 10px;
  margin: 10px 0;
  padding: 12px;
  border: 1px solid rgba(34, 211, 238, .24);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(8, 47, 73, .64), rgba(15, 23, 42, .86)),
    rgba(15, 23, 42, .88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 12px;
  align-items: center;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head span {
  color: #67e8f9;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head strong {
  justify-self: end;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head b {
  color: #fff;
  font-size: 16px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head small {
  grid-column: 1 / -1;
  color: rgba(226, 232, 240, .66) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 8px;
  min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: center;
  min-height: 72px;
  padding: 10px 11px;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, .20);
  background: linear-gradient(135deg, rgba(15, 23, 42, .88), rgba(30, 41, 59, .58));
  color: #e5eefb;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param small {
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param span {
  grid-column: 1 / -1;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param span::after {
  content: "";
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param strong {
  justify-self: start;
  color: #f8fafc !important;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param small {
  justify-self: end;
  margin: 0;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .14);
  color: #cbd5e1 !important;
  font-size: 10px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-attention,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-warning {
  border-color: rgba(251, 191, 36, .55);
  background: linear-gradient(135deg, rgba(120, 53, 15, .72), rgba(30, 41, 59, .58));
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-critical,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-card .top1-diagnostics-cockpit-param-list .top1-diagnostics-live-param.is-danger {
  border-color: rgba(248, 113, 113, .64);
  background: linear-gradient(135deg, rgba(127, 29, 29, .76), rgba(30, 41, 59, .58));
}

@media (max-width: 720px) {
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-param-head strong {
    justify-self: start;
  }
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-summary-grid {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-clients-summary-card {
  min-height: 76px;
  padding: 12px 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-clients-summary-value {
  font-size: 24px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-card {
  min-height: 0;
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-body {
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-item {
  min-height: 0;
  padding: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-card.is-focus .top1-diagnostics-priority-item strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-panel.is-summary p,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-weak-item small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-card.is-focus .top1-diagnostics-priority-item strong {
  -webkit-line-clamp: 7;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-card {
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 128px;
  padding: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item li {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.38;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item.is-trust {
  border-color: rgba(8, 145, 178, .28);
  background: #f8fdff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item.is-next {
  border-color: rgba(22, 163, 74, .28);
  background: #f8fdf9;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-item.is-zones {
  border-color: rgba(245, 158, 11, .32);
  background: #fffdf7;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-failure-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-failure-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 9px;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 999px;
  color: #64748b;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-failure-strip span.is-active {
  border-color: rgba(225, 29, 72, .24);
  color: #9f1239;
  background: #fff1f2;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-privacy-note {
  margin: 9px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-panel.is-summary p {
  -webkit-line-clamp: 6;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-weak-item small {
  -webkit-line-clamp: 3;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-workspace {
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-overview {
  grid-template-columns: minmax(0, 1.05fr) minmax(240px, 1fr) minmax(180px, .75fr) minmax(180px, .75fr) minmax(220px, .9fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-panel.is-parameters {
  border-color: rgba(8, 145, 178, .22);
  background: #f8fdff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param-list {
  display: grid;
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 8px;
  align-items: baseline;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(148, 163, 184, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param small {
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-param small {
  grid-column: 1 / -1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-parameter-item,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-vehicle-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-alert-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-mobile-device {
  border-radius: 8px;
  padding: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-main,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-deviations {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-main {
  border-color: rgba(22, 163, 74, .25);
  background: #f8fdf9;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-main > span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-deviations > span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-main > strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-deviations > strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-actions,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-list {
  display: grid;
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-actions small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-list small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-deviations > small {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-list div {
  display: grid;
  gap: 3px;
  padding-top: 7px;
  border-top: 1px solid rgba(148, 163, 184, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-list div:first-child {
  padding-top: 0;
  border-top: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-list strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 8px;
  background: #f8fbff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-head div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-head span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.3;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-head strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-head small {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-head b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  border-radius: 8px;
  background: #1d4ed8;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.3;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item p,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item small {
  margin: 0;
  overflow-wrap: anywhere;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-item em {
  color: #6b7280;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.35;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(13, 148, 136, .22);
  border-radius: 8px;
  background: #f6fffd;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-head div,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-title {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-head span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-title span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-step span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-card span {
  color: #0f766e;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.3;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-head strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-head small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-panel p {
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-head b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  border-radius: 8px;
  background: #0f766e;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-guards {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(20, 184, 166, .18);
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-title strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-guards strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.3;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-steps,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-cards {
  display: grid;
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-step,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 8px;
  background: #fbfffe;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-step strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-card strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-card p,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-card small {
  margin: 0;
  overflow-wrap: anywhere;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-guards div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-guards span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 8px;
  background: #ecfdf5;
  color: #115e59;
  font-size: 11px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 8px;
  background: #fbfcfe;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-head div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-head span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-summary span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-head span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norms > span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystems > span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-stand-list > span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-yandex > span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-head strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-head small {
  overflow-wrap: anywhere;
  color: #475569;
  font-size: 12px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-head b {
  flex: 0 0 auto;
  min-width: 54px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #e0f2fe;
  color: #075985;
  font-size: 14px;
  font-weight: 950;
  text-align: center;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control.is-warning .top1-diagnostics-engine-control-head b,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control.is-danger .top1-diagnostics-engine-control-head b {
  background: #fef3c7;
  color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(300px, 1.25fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-summary,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-matrix,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norms,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystems,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-stand-list,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-yandex {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-summary {
  border-color: rgba(8, 145, 178, .25);
  background: #f8fdff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-matrix {
  grid-column: 1 / -1;
  border-color: rgba(15, 118, 110, .22);
  background: #f8fffd;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-head div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-head strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.3;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-head em {
  flex: 0 0 auto;
  min-width: 58px;
  padding: 6px 8px;
  border-radius: 8px;
  background: #ccfbf1;
  color: #115e59;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
  text-align: center;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 7px;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 8px;
  background: #ffffff;
  color: #0f766e;
  font-size: 11px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-list {
  display: grid;
  gap: 7px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 1.4fr);
  gap: 10px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row.is-missing,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row.is-blocked {
  border-color: rgba(217, 119, 6, .28);
  background: #fffbeb;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row.is-warning {
  border-color: rgba(202, 138, 4, .3);
  background: #fefce8;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row.is-danger {
  border-color: rgba(220, 38, 38, .28);
  background: #fef2f2;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row div {
  display: grid;
  align-content: start;
  min-width: 0;
  gap: 3px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-empty small {
  overflow-wrap: anywhere;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row em {
  color: #0f766e;
  font-style: normal;
  font-size: 11px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-empty {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px dashed rgba(15, 118, 110, .28);
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-empty strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-summary strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-yandex strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-summary small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norms em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-stand-list small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-yandex small {
  overflow-wrap: anywhere;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norms em {
  font-style: normal;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm {
  display: grid;
  gap: 3px;
  padding-top: 7px;
  border-top: 1px solid rgba(148, 163, 184, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm.is-watch strong {
  color: #0369a1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm.is-warning strong {
  color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-norm.is-danger strong {
  color: #991b1b;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-stand-list div {
  display: grid;
  gap: 3px;
  padding-top: 7px;
  border-top: 1px solid rgba(148, 163, 184, .22);
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem:first-of-type,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-stand-list div:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-stand-list strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem.is-watch strong {
  color: #0369a1;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem.is-warning strong {
  color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-subsystem.is-danger strong {
  color: #991b1b;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-yandex {
  border-color: rgba(124, 58, 237, .18);
  background: #fcfbff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-current-parameters:not([open]) {
  gap: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-current-parameters:not([open]) summary {
  margin-bottom: 0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-current-parameters[open] .top1-diagnostics-parameter-grid {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 4px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-vehicles-card .top1-diagnostics-vehicle-row:nth-of-type(n+2),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-vehicles-card[data-top1-remote-has-selected-vehicle] .top1-diagnostics-vehicle-row:not(.is-selected),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-mobile-devices-card[data-top1-remote-has-active-device] .top1-diagnostics-mobile-device:not(.is-active) {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-main {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-vehicle-list,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-mobile-device-list {
  gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-details {
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 10px 12px;
  color: #0f172a;
  cursor: pointer;
  list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-details summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-details summary span {
  font-size: 13px;
  font-weight: 950;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-details summary small {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-details[open] summary {
  border-bottom: 1px solid #e2e8f0;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-device-control-panel {
  border: 0;
  border-radius: 0 0 8px 8px;
  background: #fff;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card .top1-knowledge-cockpit-panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card .top1-knowledge-quality-panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card .top1-knowledge-coverage-panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card .top1-knowledge-source-panel,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card .top1-knowledge-command-hero,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card .top1-knowledge-import-drawer {
  display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-card {
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-hero {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
  gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-main,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-side {
  padding: 14px;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-main > strong {
  font-size: 19px;
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-priority-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-main,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-analysis-layout,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-staging-knowledge-list,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-runtime-knowledge-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-control-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-knowledge-command-hero {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-summary-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-remote-vehicle-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-decision-grid,
  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-live-overview {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-card-header {
    align-items: flex-start;
  }

  .top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-engine-required-row {
    grid-template-columns: 1fr;
  }
}

/* TOP1 S4 Finance Command Center — protected read-only finance layer. */
.top1-finance-command-center {
	margin: 18px 0 20px;
	padding: 18px;
	border: 1px solid rgba(21, 28, 36, 0.12);
	border-radius: 28px;
	background:
		radial-gradient(circle at 18% -15%, rgba(227, 6, 19, 0.22), transparent 34%),
		linear-gradient(135deg, #05080b 0%, #0d1117 54%, #11161a 100%);
	box-shadow: 0 24px 70px rgba(5, 8, 11, 0.22);
	color: #e8ebf2;
}

.top1-finance-command-hero {
	display: grid;
	gap: 10px;
	max-width: 920px;
}

.top1-finance-command-kicker {
	color: #ff3038;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.top1-finance-command-hero h2 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(22px, 2.2vw, 34px);
	letter-spacing: -0.03em;
}

.top1-finance-command-hero p {
	margin: 0;
	max-width: 760px;
	color: rgba(232, 235, 242, 0.72);
	font-size: 14px;
	line-height: 1.55;
}

.top1-finance-command-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 6px;
}

.top1-finance-command-primary {
	min-width: min(100%, 320px);
}

.top1-finance-command-chip,
.top1-finance-next-actions span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 12px;
	border: 1px solid rgba(232, 235, 242, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.055);
	color: rgba(232, 235, 242, 0.78);
	font-size: 12px;
	font-weight: 700;
}

.top1-finance-command-cards {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
}

.top1-finance-command-card {
	min-height: 96px;
	padding: 13px;
	border: 1px solid rgba(232, 235, 242, 0.12);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.055);
}

.top1-finance-command-card span {
	display: block;
	color: rgba(232, 235, 242, 0.60);
	font-size: 12px;
	font-weight: 700;
}

.top1-finance-command-card strong {
	display: block;
	margin-top: 8px;
	color: #ffffff;
	font-size: 20px;
	letter-spacing: -0.03em;
}

.top1-finance-command-card.is-danger {
	border-color: rgba(255, 48, 56, 0.42);
	background: rgba(227, 6, 19, 0.13);
}

.top1-finance-command-card.is-warning {
	border-color: rgba(255, 191, 92, 0.38);
	background: rgba(255, 191, 92, 0.10);
}

.top1-finance-command-card.is-success {
	border-color: rgba(45, 211, 111, 0.35);
	background: rgba(45, 211, 111, 0.08);
}

.top1-finance-next-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 14px;
}

.top1-finance-next-title {
	width: 100%;
	color: rgba(232, 235, 242, 0.60);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

@media (max-width: 1180px) {
	.top1-finance-command-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.top1-finance-command-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-finance-command-center {
		border-radius: 22px;
		padding: 14px;
	}
}

/* Shared CRM Knowledge Core context */
.top1-crm-knowledge-context {
	margin: 0 0 14px;
	border: 1px solid rgba(148, 163, 184, 0.20);
	border-radius: 8px;
	background: rgba(15, 23, 42, 0.82);
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.18);
	color: #f8fafc;
	overflow: hidden;
}

.top1-crm-knowledge-context > summary {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-height: 48px;
	padding: 10px 12px;
	cursor: pointer;
	list-style: none;
}

.top1-crm-knowledge-context > summary::-webkit-details-marker {
	display: none;
}

.top1-crm-knowledge-context > summary span {
	color: #fecaca;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.top1-crm-knowledge-context > summary strong {
	min-width: 0;
	overflow: hidden;
	color: #ffffff;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top1-crm-knowledge-context > summary small {
	color: rgba(226, 232, 240, 0.72);
	font-size: 12px;
	font-weight: 750;
	text-align: right;
	white-space: nowrap;
}

.top1-crm-knowledge-context[open] > summary {
	border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.top1-crm-knowledge-context-body {
	display: grid;
	gap: 10px;
	padding: 12px;
}

.top1-crm-knowledge-context-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.top1-crm-knowledge-context-chips span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 8px;
	border: 1px solid rgba(248, 113, 113, 0.24);
	border-radius: 999px;
	background: rgba(248, 113, 113, 0.10);
	color: #fee2e2;
	font-size: 12px;
	font-weight: 800;
}

.top1-crm-knowledge-context-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.top1-crm-knowledge-context-list div {
	min-width: 0;
	padding: 9px 10px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
}

.top1-crm-knowledge-context-list span {
	display: block;
	margin-bottom: 4px;
	color: #93c5fd;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0;
	text-transform: uppercase;
}

.top1-crm-knowledge-context-list strong,
.top1-crm-knowledge-context-list small {
	display: block;
	min-width: 0;
	overflow-wrap: anywhere;
}

.top1-crm-knowledge-context-list strong {
	color: #ffffff;
	font-size: 13px;
	line-height: 1.25;
}

.top1-crm-knowledge-context-list small,
.top1-crm-knowledge-context-body p {
	margin: 4px 0 0;
	color: rgba(226, 232, 240, 0.70);
	font-size: 12px;
	line-height: 1.4;
}

.top1-crm-knowledge-context-link {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 10px;
	border-radius: 8px;
	background: #f8fafc;
	color: #111827;
	font-size: 12px;
	font-weight: 850;
	text-decoration: none;
}

@media (max-width: 760px) {
	.top1-crm-knowledge-context > summary {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.top1-crm-knowledge-context > summary small {
		text-align: left;
	}

	.top1-crm-knowledge-context-list {
		grid-template-columns: 1fr;
	}
}
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-subtab-button.is-technical {
	border-color: rgba(100, 116, 139, 0.34);
	color: rgba(71, 85, 105, 0.9);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-nav {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-button {
	min-width: 0;
	min-height: 58px;
	display: grid;
	align-content: center;
	gap: 4px;
	padding: 10px 12px;
	border: 1px solid rgba(148, 163, 184, 0.34);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.88);
	color: #0f172a;
	text-align: left;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-button span {
	font-size: 13px;
	font-weight: 800;
	line-height: 1.16;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-button small {
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	color: rgba(71, 85, 105, 0.82);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-button.is-active {
	border-color: rgba(239, 68, 68, 0.52);
	background: linear-gradient(180deg, rgba(255, 241, 242, 0.96), rgba(255, 255, 255, 0.96));
	color: #dc2626;
	box-shadow: 0 12px 28px rgba(239, 68, 68, 0.12);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-button:focus-visible {
	outline: 3px solid rgba(59, 130, 246, 0.28);
	outline-offset: 2px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-groups {
	grid-column: 1 / -1;
	display: grid;
	gap: 10px;
	width: 100%;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group {
	min-width: 0;
	border: 1px solid rgba(148, 163, 184, 0.28);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
	overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(120px, auto) auto;
	align-items: center;
	gap: 10px;
	min-height: 56px;
	padding: 12px 14px;
	cursor: pointer;
	list-style: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary::-webkit-details-marker {
	display: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary span {
	min-width: 0;
	color: #0f172a;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.15;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary small {
	min-width: 0;
	color: rgba(71, 85, 105, 0.84);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 24px;
	padding: 0 8px;
	border: 1px solid rgba(148, 163, 184, 0.28);
	border-radius: 999px;
	background: rgba(241, 245, 249, 0.94);
	color: #334155;
	font-size: 11px;
	font-weight: 850;
	line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group[open] > summary {
	border-bottom: 1px solid rgba(148, 163, 184, 0.18);
	background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group-body {
	display: grid;
	gap: 12px;
	min-width: 0;
	padding: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group-body > .top1-diagnostics-card {
	width: 100%;
	min-width: 0;
}

@media (max-width: 900px) {
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary small {
		grid-column: 1 / -1;
		text-align: left;
	}
}

@media (max-width: 640px) {
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-tech-nav {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group > summary {
		min-height: 52px;
		padding: 10px 12px;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-contract-group-body {
		padding: 10px;
	}
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-mode-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-parts-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-card,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-debug-intro-card {
	grid-column: 1 / -1;
	width: 100%;
	display: grid;
	gap: 18px;
}

.top1-app-shell[data-top1-section="diagnostics"] [data-top1-diagnoz-subtab-panel][hidden] {
	display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-mode-card > .top1-card-header > div,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-parts-card > .top1-card-header > div,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-card > .top1-card-header > div,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-debug-intro-card > .top1-card-header > div {
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-mode-card .top1-diagnostics-card-note,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-parts-card .top1-diagnostics-card-note,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-card .top1-diagnostics-card-note,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-debug-intro-card .top1-diagnostics-card-note {
	flex: 0 0 auto;
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-toolbar,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form {
	display: grid;
	gap: 12px;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.28);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.92);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-toolbar {
	grid-template-columns: minmax(220px, 1fr) minmax(160px, 220px) auto;
	align-items: end;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-toolbar label,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form label {
	min-width: 0;
	display: grid;
	gap: 5px;
	color: rgba(51, 65, 85, 0.86);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-toolbar input,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-toolbar select,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form input,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form select,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form textarea {
	width: 100%;
	min-width: 0;
	border: 1px solid rgba(147, 197, 253, 0.72);
	border-radius: 8px;
	background: #fff;
	color: #111827;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.35;
	padding: 9px 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form textarea {
	min-height: 62px;
	resize: vertical;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-create {
	border-color: rgba(37, 99, 235, 0.24);
	background: rgba(239, 246, 255, 0.56);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form-grid {
	display: grid;
	grid-template-columns: minmax(220px, 2fr) minmax(180px, 1fr) minmax(110px, 0.6fr) minmax(110px, 0.6fr);
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form-grid .is-wide {
	grid-column: span 2;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form label.top1-work-catalog-check {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-right: auto;
	color: rgba(30, 41, 59, 0.88);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-check input {
	width: 16px;
	height: 16px;
	padding: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.78);
	color: rgba(51, 65, 85, 0.9);
	font-size: 0.84rem;
	font-weight: 700;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range nav,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-page-jump {
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range b {
	color: #0f172a;
	font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range nav {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: flex-end;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range small {
	color: rgba(71, 85, 105, 0.82);
	font-size: 0.78rem;
	font-weight: 800;
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-page-jump {
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 6px;
	align-items: center;
	margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-page-jump label {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	margin: 0;
	color: rgba(71, 85, 105, 0.82);
	font-size: 0.78rem;
	font-weight: 800;
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-page-jump input {
	width: 58px;
	height: 34px;
	padding: 6px 8px;
	border: 1px solid rgba(148, 163, 184, 0.38);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.96);
	color: #0f172a;
	font: inherit;
	font-weight: 900;
	text-align: center;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-page-jump em {
	color: rgba(71, 85, 105, 0.72);
	font-style: normal;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range .is-disabled {
	opacity: 0.48;
	pointer-events: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-list {
	display: grid;
	gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item {
	border: 1px solid rgba(148, 163, 184, 0.3);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.94);
	overflow: hidden;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary {
	min-height: 56px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 220px) minmax(92px, 120px);
	gap: 12px;
	align-items: center;
	padding: 10px 12px;
	cursor: pointer;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary span {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary strong,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary em,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary b {
	min-width: 0;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary strong {
	color: #0f172a;
	font-size: 0.94rem;
	line-height: 1.28;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary small,
.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary em {
	color: rgba(71, 85, 105, 0.82);
	font-size: 0.78rem;
	font-style: normal;
	line-height: 1.3;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary b {
	justify-self: end;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(16, 185, 129, 0.12);
	color: #047857;
	font-size: 0.76rem;
	line-height: 1;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item.is-inactive summary b {
	background: rgba(245, 158, 11, 0.14);
	color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item > .top1-work-catalog-form {
	border-width: 1px 0 0;
	border-radius: 0;
	background: rgba(248, 250, 252, 0.88);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-empty {
	padding: 14px;
	border: 1px dashed rgba(148, 163, 184, 0.42);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.74);
	color: rgba(51, 65, 85, 0.9);
	font-weight: 700;
}

@media (max-width: 820px) {
	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-toolbar,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form-grid,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-range nav {
		justify-content: flex-start;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-page-jump {
		flex-wrap: wrap;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form-grid .is-wide {
		grid-column: auto;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-item summary b {
		justify-self: start;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-work-catalog-form-actions {
		justify-content: flex-start;
	}
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step {
	min-height: 132px;
	display: grid;
	align-content: start;
	gap: 8px;
	padding: 16px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 3px 0 0 rgba(148, 163, 184, 0.28);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step > span {
	width: 28px;
	height: 28px;
	display: inline-grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(239, 68, 68, 0.1);
	color: #dc2626;
	font-weight: 800;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step strong {
	color: #111827;
	font-size: 1rem;
	line-height: 1.22;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step small {
	color: rgba(30, 41, 59, 0.72);
	line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step .top1-diagnoz-simple-action-button {
	justify-self: start;
	margin-top: 4px;
	min-height: 36px;
	padding: 0 14px;
	font-size: 0.82rem;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-action-button.is-unavailable {
	opacity: 0.72;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	padding: 10px 0 2px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"num title"
		"num detail";
	column-gap: 10px;
	align-items: center;
	min-width: 0;
	padding: 4px 0 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-step > span {
	grid-area: num;
	width: 28px;
	height: 28px;
	display: inline-grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.14);
	color: #475569;
	font-size: 0.78rem;
	font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-step strong {
	grid-area: title;
	color: #111827;
	font-size: 0.92rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-step small {
	grid-area: detail;
	color: rgba(30, 41, 59, 0.68);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-step.is-active > span {
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-step.is-active strong {
	color: #b91c1c;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-note {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 8px 10px;
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.76);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-note span {
	flex: 0 0 auto;
	color: rgba(71, 85, 105, 0.86);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-note strong {
	min-width: 0;
	color: rgba(15, 23, 42, 0.88);
	font-size: 0.8rem;
	font-weight: 900;
	line-height: 1.3;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(59, 130, 246, 0.2);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(239, 246, 255, 0.82), rgba(248, 250, 252, 0.92));
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head span {
	color: rgba(30, 64, 175, 0.82);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head strong {
	color: #111827;
	font-size: 1rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head p {
	max-width: 430px;
	margin: 0;
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.45;
	text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-confirm-anchor {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"state vehicle"
		"state detail";
	column-gap: 10px;
	row-gap: 2px;
	align-items: center;
	min-width: 0;
	padding: 10px 12px;
	border-left: 3px solid rgba(16, 185, 129, 0.7);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-confirm-anchor span {
	grid-area: state;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(16, 185, 129, 0.12);
	color: #047857;
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-confirm-anchor strong {
	grid-area: vehicle;
	color: #111827;
	font-size: 0.92rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-confirm-anchor small {
	grid-area: detail;
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot {
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.52);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-head span {
	color: rgba(51, 65, 85, 0.86);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-grid article {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.7);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-grid strong {
	color: #111827;
	font-size: 0.84rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-grid small {
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-grid em {
	color: rgba(4, 120, 87, 0.9);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.62);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-head span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-head strong {
	color: rgba(30, 41, 59, 0.78);
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-grid article {
	display: grid;
	gap: 9px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.76);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-title {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-title span {
	color: rgba(37, 99, 235, 0.9);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-title strong {
	color: #111827;
	font-size: 0.86rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-rows {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-rows div {
	display: grid;
	grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-rows span {
	color: rgba(100, 116, 139, 0.95);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-rows strong {
	color: rgba(15, 23, 42, 0.9);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-grid em {
	margin-top: 2px;
	color: rgba(4, 120, 87, 0.88);
	font-size: 0.73rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head strong {
	color: #111827;
	font-size: 0.96rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head small {
	flex: 0 0 auto;
	max-width: 240px;
	color: rgba(185, 28, 28, 0.88);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid article {
	display: grid;
	align-content: start;
	gap: 4px;
	min-width: 0;
	padding: 9px 10px;
	border: 1px solid rgba(226, 232, 240, 0.9);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.76);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid span {
	color: rgba(37, 99, 235, 0.88);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid strong {
	color: #111827;
	font-size: 0.84rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid em {
	color: rgba(71, 85, 105, 0.86);
	font-size: 0.74rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence {
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.58);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-head span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-head strong {
	color: rgba(4, 120, 87, 0.9);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid article {
	display: grid;
	align-content: start;
	gap: 4px;
	min-width: 0;
	padding: 8px 9px;
	border: 1px solid rgba(226, 232, 240, 0.86);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid span {
	color: rgba(30, 64, 175, 0.84);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid strong {
	color: #111827;
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid em {
	color: rgba(71, 85, 105, 0.84);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.24;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence {
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(14, 165, 233, 0.16);
	border-radius: 8px;
	background: rgba(240, 249, 255, 0.42);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-head span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-head strong {
	color: rgba(3, 105, 161, 0.9);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid article {
	display: grid;
	align-content: start;
	gap: 4px;
	min-width: 0;
	padding: 8px 9px;
	border: 1px solid rgba(186, 230, 253, 0.72);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.74);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid span {
	color: rgba(2, 132, 199, 0.9);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: none;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid strong {
	color: #111827;
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid em {
	color: rgba(71, 85, 105, 0.84);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.24;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence {
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 8px;
	background: rgba(255, 251, 235, 0.44);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-head span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-head strong {
	color: rgba(120, 53, 15, 0.88);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid article {
	display: grid;
	align-content: start;
	gap: 4px;
	min-width: 0;
	padding: 8px 9px;
	border: 1px solid rgba(253, 230, 138, 0.58);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.74);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid span {
	color: rgba(146, 64, 14, 0.9);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: none;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid strong {
	color: #111827;
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid em {
	color: rgba(71, 85, 105, 0.84);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.24;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence {
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(13, 148, 136, 0.18);
	border-radius: 8px;
	background: rgba(240, 253, 250, 0.58);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-head span {
	color: rgba(15, 23, 42, 0.76);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-head strong {
	color: rgba(15, 118, 110, 0.95);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid article {
	display: grid;
	align-content: start;
	gap: 4px;
	min-width: 0;
	padding: 8px 9px;
	border: 1px solid rgba(153, 246, 228, 0.72);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid span {
	color: rgba(15, 118, 110, 0.92);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid strong {
	color: #111827;
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid em {
	color: rgba(71, 85, 105, 0.84);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.24;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence {
	display: grid;
	gap: 7px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 8px;
	background: #fbfdff;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-head span {
	color: rgba(15, 23, 42, 0.76);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-head strong {
	color: rgba(15, 23, 42, 0.9);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.25;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid article {
	display: grid;
	align-content: start;
	gap: 4px;
	min-width: 0;
	padding: 8px 9px;
	border: 1px solid rgba(203, 213, 225, 0.72);
	border-radius: 8px;
	background: #ffffff;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid span {
	color: rgba(37, 99, 235, 0.88);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: none;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid strong {
	color: #111827;
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid em {
	color: rgba(71, 85, 105, 0.84);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.24;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note {
	padding-top: 2px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note span {
	color: rgba(4, 120, 87, 0.9);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note strong {
	color: rgba(15, 23, 42, 0.9);
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"num title"
		"num body"
		"num note"
		"num action";
	column-gap: 10px;
	row-gap: 2px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step > span {
	grid-area: num;
	width: 26px;
	height: 26px;
	display: inline-grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.1);
	color: #1d4ed8;
	font-size: 0.75rem;
	font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step strong {
	grid-area: title;
	color: #111827;
	font-size: 0.9rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step small {
	grid-area: body;
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step em {
	grid-area: note;
	margin-top: 3px;
	color: rgba(29, 78, 216, 0.82);
	font-size: 0.74rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step .top1-diagnoz-simple-action-button,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-step .top1-secondary-button {
	grid-area: action;
	justify-self: start;
	max-width: 100%;
	min-height: 34px;
	margin-top: 5px;
	padding: 0 12px;
	font-size: 0.78rem;
	line-height: 1.15;
	text-align: center;
	white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-statuses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-statuses .top1-diagnoz-simple-status {
	margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.66);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-note span {
	color: rgba(29, 78, 216, 0.82);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-note strong {
	color: #111827;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid rgba(16, 185, 129, 0.22);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(236, 253, 245, 0.8), rgba(248, 250, 252, 0.94));
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head span {
	color: #047857;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head strong {
	color: #111827;
	font-size: 1rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head p,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-note {
	margin: 0;
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.45;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head p {
	max-width: 430px;
	text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-item {
	display: grid;
	gap: 5px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.74);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-item span {
	color: rgba(4, 120, 87, 0.9);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.25;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-item:not(:first-child) span {
	color: rgba(146, 64, 14, 0.92);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-item strong {
	color: #111827;
	font-size: 0.9rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-item small {
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-note {
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.66);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step.is-ready {
	box-shadow: inset 3px 0 0 rgba(16, 185, 129, 0.42);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step.is-waiting {
	box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.42);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-actions .is-technical {
	background: rgba(15, 23, 42, 0.04);
	color: rgba(51, 65, 85, 0.92);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-mode-card .top1-diagnoz-ordinary-detail-grid,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-parts-card .top1-diagnoz-ordinary-detail-grid {
	display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-group-blocks-diagnoz:not([data-top1-diagnoz-active-subtab="debug"]) > .top1-diagnostics-card:not(.top1-diagnoz-scanner-card):not(.top1-diagnoz-work-mode-card):not(.top1-diagnoz-simple-parts-card):not(.top1-diagnoz-simple-report-card) {
	display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-group-blocks-diagnoz:not([data-top1-diagnoz-active-subtab="debug"]) .top1-diagnostics-card[class*="top1-diagnoz-parts-"]:not(.top1-diagnoz-simple-parts-card) {
	display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnostics-group-blocks-diagnoz:not([data-top1-diagnoz-active-subtab="debug"]) .top1-diagnoz-report-readiness-card {
	display: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-card {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.9);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid span {
	color: rgba(29, 78, 216, 0.84);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head strong {
	color: #111827;
	font-size: 1rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head small {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 9px;
	border: 1px solid rgba(59, 130, 246, 0.24);
	border-radius: 999px;
	background: rgba(239, 246, 255, 0.92);
	color: #1d4ed8;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid article {
	display: grid;
	gap: 4px;
	min-width: 0;
	padding: 9px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.86);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid strong {
	color: #111827;
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid small {
	color: rgba(71, 85, 105, 0.86);
	font-size: 0.72rem;
	font-weight: 750;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-boundary {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-boundary span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 999px;
	background: #ffffff;
	color: #334155;
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1.2;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.86);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-note span {
	color: rgba(185, 28, 28, 0.86);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head strong {
	color: #111827;
	font-size: 1rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head p {
	max-width: 440px;
	margin: 0;
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.45;
	text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.64);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-head span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-head strong {
	color: rgba(30, 41, 59, 0.78);
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-grid article {
	display: grid;
	gap: 9px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.76);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-title {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-title span {
	color: rgba(37, 99, 235, 0.88);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-title strong {
	color: #111827;
	font-size: 0.86rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-rows {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-rows div {
	display: grid;
	grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-rows span {
	color: rgba(100, 116, 139, 0.95);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-rows strong {
	color: rgba(15, 23, 42, 0.9);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-grid em {
	margin-top: 2px;
	color: rgba(4, 120, 87, 0.88);
	font-size: 0.73rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid article {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"num main"
		"num state"
		"num action";
	column-gap: 10px;
	row-gap: 4px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.78);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid article > span {
	grid-area: num;
	width: 28px;
	height: 28px;
	display: inline-grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
	font-size: 0.78rem;
	font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid article > div {
	grid-area: main;
	display: grid;
	gap: 2px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid strong {
	color: #111827;
	font-size: 0.92rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid small {
	color: rgba(30, 41, 59, 0.68);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid em {
	grid-area: state;
	color: rgba(71, 85, 105, 0.9);
	font-size: 0.76rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid .top1-diagnoz-simple-action-button {
	grid-area: action;
	justify-self: start;
	max-width: 100%;
	min-height: 34px;
	margin-top: 3px;
	padding: 0 12px;
	font-size: 0.78rem;
	line-height: 1.15;
	text-align: center;
	white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-status {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	gap: 4px 12px;
	align-items: center;
	padding: 10px 12px;
	border-left: 3px solid rgba(37, 99, 235, 0.34);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.92);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-status > span {
	font-size: 11px;
	line-height: 1.2;
	font-weight: 800;
	color: rgba(71, 85, 105, 0.78);
	text-transform: uppercase;
	letter-spacing: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-status > strong {
	min-width: 0;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 800;
	color: #0f172a;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-status .top1-diagnoz-simple-status {
	grid-column: 1 / -1;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.86);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-note strong {
	color: #111827;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.86);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-note span {
	color: rgba(5, 150, 105, 0.92);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head strong {
	color: #111827;
	font-size: 1rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head p {
	max-width: 440px;
	margin: 0;
	color: rgba(30, 41, 59, 0.72);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.45;
	text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.64);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-head span {
	color: rgba(15, 23, 42, 0.74);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-head strong {
	color: rgba(30, 41, 59, 0.78);
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: right;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-grid article {
	display: grid;
	gap: 9px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.76);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-title {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-title span {
	color: rgba(5, 150, 105, 0.92);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-title strong {
	color: #111827;
	font-size: 0.86rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-rows {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-rows div {
	display: grid;
	grid-template-columns: minmax(92px, auto) minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-rows span {
	color: rgba(100, 116, 139, 0.95);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.25;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-rows strong {
	color: rgba(15, 23, 42, 0.9);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-grid em {
	margin-top: 2px;
	color: rgba(4, 120, 87, 0.88);
	font-size: 0.73rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid article {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"num main"
		"num state";
	column-gap: 10px;
	row-gap: 4px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.78);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid article > span {
	grid-area: num;
	width: 28px;
	height: 28px;
	display: inline-grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(16, 185, 129, 0.1);
	color: #059669;
	font-size: 0.78rem;
	font-weight: 900;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid article > div {
	grid-area: main;
	display: grid;
	gap: 2px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid strong {
	color: #111827;
	font-size: 0.92rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid small {
	color: rgba(30, 41, 59, 0.68);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid em {
	grid-area: state;
	color: rgba(71, 85, 105, 0.9);
	font-size: 0.76rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.86);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-note strong {
	color: #111827;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px 12px;
	border-left: 3px solid rgba(5, 150, 105, 0.34);
	border-radius: 8px;
	background: rgba(240, 253, 244, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-actions .top1-diagnoz-simple-report-form {
	display: inline-flex;
	margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-actions .top1-primary-button {
	min-height: 34px;
	padding: 0 14px;
	font-size: 0.82rem;
	white-space: normal;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-actions .top1-diagnoz-simple-status {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(30, 41, 59, 0.78);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid rgba(16, 185, 129, 0.22);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(240, 253, 244, 0.78), rgba(248, 250, 252, 0.88));
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head > div {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-note span {
	color: rgba(71, 85, 105, 0.78);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head strong {
	color: #064e3b;
	font-size: 1.08rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head small {
	max-width: 520px;
	color: rgba(30, 41, 59, 0.76);
	line-height: 1.35;
	text-align: right;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid article {
	display: grid;
	gap: 6px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.78);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid strong {
	color: #111827;
	font-size: 0.95rem;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid small {
	color: rgba(30, 41, 59, 0.68);
	line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-note strong {
	color: #047857;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.82);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head > div {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid span,
.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-note span {
	color: rgba(71, 85, 105, 0.78);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head strong {
	color: #111827;
	font-size: 1.02rem;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head small {
	flex: 0 0 auto;
	max-width: 260px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(59, 130, 246, 0.1);
	color: #1d4ed8;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.74);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div {
	display: grid;
	align-content: start;
	gap: 5px;
	min-width: 0;
	padding: 12px;
	border-right: 1px solid rgba(148, 163, 184, 0.16);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div:last-child {
	border-right: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid strong {
	color: #111827;
	font-size: 0.95rem;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid small {
	color: rgba(30, 41, 59, 0.68);
	line-height: 1.35;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(239, 246, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-note strong {
	color: #1e3a8a;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-stock-preview {
	border-color: rgba(14, 165, 233, 0.24);
	background: rgba(240, 249, 255, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-stock-preview .top1-diagnoz-simple-part-preview-head small {
	background: rgba(14, 165, 233, 0.12);
	color: #0369a1;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-stock-preview .top1-diagnoz-simple-part-preview-note {
	background: rgba(240, 253, 244, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-stock-preview .top1-diagnoz-simple-part-preview-note strong {
	color: #047857;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-supplier-preview {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(255, 251, 235, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-supplier-preview .top1-diagnoz-simple-part-preview-head small {
	background: rgba(245, 158, 11, 0.14);
	color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-supplier-preview .top1-diagnoz-simple-part-preview-note {
	background: rgba(255, 247, 237, 0.78);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-supplier-preview .top1-diagnoz-simple-part-preview-note strong {
	color: #9a3412;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-preview {
	border-color: rgba(16, 185, 129, 0.26);
	background: rgba(240, 253, 244, 0.72);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-preview .top1-diagnoz-simple-part-preview-head small {
	background: rgba(16, 185, 129, 0.12);
	color: #047857;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-preview .top1-diagnoz-simple-part-preview-note {
	background: rgba(236, 253, 245, 0.78);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-preview .top1-diagnoz-simple-part-preview-note strong {
	color: #065f46;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-report-form {
	margin: 0;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-status {
	min-height: 40px;
	display: flex;
	align-items: center;
	padding: 10px 12px;
	border: 1px solid rgba(148, 163, 184, 0.2);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.86);
	color: rgba(30, 41, 59, 0.76);
	font-size: 0.9rem;
	font-weight: 750;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-status.is-success {
	border-color: rgba(16, 185, 129, 0.24);
	background: rgba(236, 253, 245, 0.86);
	color: #047857;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-status.is-error {
	border-color: rgba(239, 68, 68, 0.24);
	background: rgba(254, 242, 242, 0.88);
	color: #b91c1c;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-status.is-working {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(255, 251, 235, 0.9);
	color: #92400e;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-result {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.84);
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-result span {
	min-width: 0;
	color: rgba(71, 85, 105, 0.78);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-result strong {
	min-width: 0;
	color: #111827;
	overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-result .top1-secondary-button {
	flex: 0 0 auto;
}

@media (max-width: 980px) {
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div:nth-child(2n) {
		border-right: 0;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div:nth-child(-n + 2) {
		border-bottom: 1px solid rgba(148, 163, 184, 0.16);
	}
}

@media (max-width: 640px) {
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-steps {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-step {
		min-height: 0;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-work-result {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-note,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-note,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-note {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-head small {
		max-width: none;
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-head small {
		max-width: none;
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-statuses {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-note {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-confirm-anchor {
		grid-template-columns: 1fr;
		grid-template-areas:
			"state"
			"vehicle"
			"detail";
		justify-items: start;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-confirm-anchor span {
		white-space: normal;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-readonly-snapshot-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-context-head small {
		white-space: normal;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-note,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-head,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-note {
		align-items: flex-start;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-head p,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-focus-head p,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-focus-head p,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-head p {
		max-width: none;
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-review-details-head strong {
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-diagnostics-review-details-head strong {
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-head small,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-note strong,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-head strong,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-head strong,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-head strong,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-head strong,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-head strong {
		max-width: none;
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-draft-details-head strong {
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-path-note strong {
		text-align: left;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-shop-trial-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-working-value-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-device-evidence-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-bus-evidence-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-cause-evidence-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-parts-evidence-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-report-evidence-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-next-step-plan-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-review-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div,
	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div:nth-child(2n) {
		border-right: 0;
		border-bottom: 1px solid rgba(148, 163, 184, 0.16);
	}

	.top1-app-shell[data-top1-section="diagnostics"] .top1-diagnoz-simple-part-preview-grid > div:last-child {
		border-bottom: 0;
	}
}

/* Order detail declutter: hide auxiliary TOP1 hint/mechanic request panels from the order-naryad. */
.top1-app-shell[data-top1-section="orders"] #top1-order-similar-cases,
.top1-app-shell[data-top1-section="orders"] #top1-order-mechanic-requests {
	display: none !important;
}

/* Order detail canvas: stretch the work-order window to the full available page width. */
.top1-app-shell[data-top1-section="orders"] .top1-app-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-workspace,
.top1-app-shell[data-top1-section="orders"] .top1-workspace-single,
.top1-app-shell[data-top1-section="orders"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main,
.top1-app-shell[data-top1-section="orders"] .top1-clients-card.top1-order-detail-card {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Order status control: keep the trailing letter clear of the disclosure arrow. */
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-status-panel > summary {
	min-width: 0 !important;
	padding: 6px 24px 6px 10px !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-status-panel > summary::after {
	right: 10px !important;
}

/* Order vehicle VIN row: compact copy affordance inside the value field. */
.top1-app-shell[data-top1-section="orders"] .top1-order-vehicle-panel .top1-order-vin-row {
	align-items: center !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-value {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-text {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-copy-button {
	width: 24px !important;
	height: 24px !important;
	flex: 0 0 24px !important;
	display: inline-grid !important;
	place-items: center !important;
	border: 1px solid rgba(37, 99, 235, 0.28) !important;
	border-radius: 7px !important;
	background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
	color: #2563eb !important;
	cursor: pointer !important;
	box-shadow: 0 6px 14px rgba(37, 99, 235, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-copy-button:hover,
.top1-app-shell[data-top1-section="orders"] .top1-order-vin-copy-button:focus-visible {
	border-color: rgba(37, 99, 235, 0.54) !important;
	background: #eff6ff !important;
	outline: 0 !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-copy-button.is-copied {
	border-color: #86efac !important;
	background: #f0fdf4 !important;
	color: #15803d !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-copy-button svg {
	width: 14px !important;
	height: 14px !important;
	display: block !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-vin-copy-button svg :is(rect, path) {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.9 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

/* Planner quick intake: keep the important call/vehicle facts at the top. */
.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > * {
	order: 20;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > input[type="hidden"] {
	order: 0;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-intake-search-field {
	order: 2;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-intake-selected {
	order: 3;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-intake-conflict {
	order: 4;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-intake-priority-grid {
	order: 5;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-quick-placement {
	order: 1;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-create .top1-planner-popover-head {
	align-items: center;
	min-height: 54px;
	padding: 11px 20px 10px 22px;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-create .top1-planner-popover-head::before {
	top: 12px;
	bottom: 12px;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-create .top1-planner-popover-head h2 {
	margin: 0;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
	align-items: end;
	min-width: 0;
	padding: 12px;
	border: 1px solid #cfe0f4;
	border-left: 4px solid #2563eb;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
	box-shadow:
		0 10px 22px rgba(15, 23, 42, 0.045),
		inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field {
	min-width: 0;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(1),
.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(2) {
	grid-column: span 2;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(5) {
	grid-column: 1 / -1;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid input {
	min-height: 38px;
	background: #ffffff;
}

.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-vehicle-parse:not(.top1-planner-name-parse) {
	grid-template-columns: auto repeat(3, minmax(0, 1fr));
}

@media (max-width: 980px) {
	.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(n) {
		grid-column: span 1;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(1),
	.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(2) {
		grid-column: 1 / -1;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row {
		grid-template-columns: 28px repeat(2, minmax(0, 1fr)) 32px;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-work {
		grid-column: 2 / 4;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(2),
	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(4) {
		grid-column: 1 / 3;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(3),
	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(5) {
		grid-column: 3 / 5;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-remove {
		grid-column: 4;
		grid-row: 1;
	}
}

@media (max-width: 640px) {
	.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid,
	.top1-app-shell[data-top1-section="planner"] .top1-planner-quick-intake-form > .top1-planner-vehicle-parse:not(.top1-planner-name-parse) {
		grid-template-columns: 1fr;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-intake-priority-grid > .top1-planner-field:nth-child(n) {
		grid-column: 1 / -1;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slots-head {
		align-items: stretch;
		flex-direction: column;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row {
		grid-template-columns: 28px minmax(0, 1fr) 32px;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row .top1-planner-field,
	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-work {
		grid-column: 1 / -1;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-row .top1-planner-field:nth-of-type(n) {
		grid-column: 1 / -1;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-work {
		grid-row: 2;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-number {
		grid-column: 1;
		grid-row: 1;
	}

	.top1-app-shell[data-top1-section="planner"] .top1-planner-multi-slot-remove {
		grid-column: 3;
		grid-row: 1;
	}
}

/* Stock section simplification: UI-only pass, keep forms and actions intact. */
.top1-app-shell[data-top1-section="parts"] .top1-app-content {
	background: #f5f7fb !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-grid {
	gap: 8px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	margin-bottom: 10px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card {
	min-height: 64px !important;
	padding: 10px 12px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card:nth-child(2) {
	border-left-color: #0f9f8f !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card:nth-child(3) {
	border-left-color: #7c3aed !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-card:nth-child(4) {
	border-left-color: #d97706 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-label {
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-value {
	margin-top: 4px !important;
	color: #0f172a !important;
	font-size: 20px !important;
	font-weight: 850 !important;
	line-height: 1.05 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel {
	display: grid !important;
	gap: 8px !important;
	margin: 0 0 10px !important;
	padding: 10px 12px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #0f9f8f !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-panel-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-panel-head span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-panel-head em {
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-panel-head strong {
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel > p,
.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-guardrail {
	display: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-chips span {
	padding: 3px 7px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 999px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 6px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list > div {
	min-height: 0 !important;
	padding: 8px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list small {
	color: #64748b !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list strong {
	display: block !important;
	margin-top: 3px !important;
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="parts"] .top1-clients-main {
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-content-card {
	padding: 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-content-card > .top1-card-header,
.top1-app-shell[data-top1-section="parts"] .top1-parts-stock-subheader {
	min-height: 0 !important;
	margin: 0 0 10px !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-card-header h2 {
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] :is(.top1-inline-note, .top1-inline-notice) {
	padding: 8px 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-left: 3px solid #64748b !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-inline-notice.is-success {
	border-color: #bbf7d0 !important;
	border-left-color: #16a34a !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-inline-notice.is-error {
	border-color: #fecaca !important;
	border-left-color: #dc2626 !important;
	background: #fef2f2 !important;
	color: #991b1b !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form {
	display: grid !important;
	gap: 10px !important;
	margin: 0 0 12px !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-header {
	display: grid !important;
	align-items: center !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 10px !important;
	width: 100% !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-header h2 {
	min-width: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-header .top1-parts-section-tabs {
	flex: 0 0 auto !important;
	justify-self: end !important;
	width: auto !important;
	max-width: max-content !important;
	margin: 0 !important;
	justify-content: flex-end !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-parts-stock-subheader {
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-client-form-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 150px !important;
	gap: 8px !important;
	align-items: end !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-client-form-field-wide {
	grid-column: auto !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-client-form-field {
	min-width: 0 !important;
	gap: 5px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-client-form-field span {
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea
) {
	min-height: 36px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
	.top1-client-form-field input:focus,
	.top1-client-form-field select:focus,
	.top1-client-form-field textarea:focus
) {
	border-color: #2563eb !important;
	outline: 3px solid rgba(37, 99, 235, 0.12) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-inline-notice.is-info {
	margin: 0 !important;
	padding: 7px 9px !important;
	border-color: #dbeafe !important;
	border-left-color: #2563eb !important;
	background: #eff6ff !important;
	color: #334155 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-inline-notice.is-info::before,
.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-inline-notice.is-info::after {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-client-form-actions {
	justify-content: flex-end !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-app-button {
	min-height: 36px !important;
	padding: 8px 14px !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] :is(.top1-parts-registry, .top1-stock-ledger-table) {
	max-width: 100% !important;
	margin-top: 8px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	-webkit-overflow-scrolling: touch !important;
}

.top1-app-shell[data-top1-section="parts"] :is(.top1-parts-row, .top1-stock-ledger-row) {
	min-height: 38px !important;
	padding: 9px 12px !important;
	border-top: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-row:nth-child(2n + 1):not(.top1-parts-row-head),
.top1-app-shell[data-top1-section="parts"] .top1-stock-ledger-row:nth-child(2n + 1):not(.top1-table-row-head) {
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="parts"] :is(.top1-parts-row-head, .top1-stock-ledger-row.top1-table-row-head) {
	min-height: 36px !important;
	border-top: 0 !important;
	border-bottom: 1px solid #cbd5e1 !important;
	background: #edf2f7 !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	text-transform: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-row:hover:not(.top1-parts-row-head),
.top1-app-shell[data-top1-section="parts"] .top1-stock-ledger-row:hover:not(.top1-table-row-head) {
	background: #eef6ff !important;
	box-shadow: inset 3px 0 0 #2563eb !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-row {
	grid-template-columns: 120px minmax(180px, 1.35fr) 130px 72px 104px 114px 92px 92px !important;
	min-width: 904px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-ledger-row {
	grid-template-columns: 104px minmax(220px, 1fr) 84px 142px 148px !important;
	min-width: 748px !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
	.top1-parts-row > div,
	.top1-stock-ledger-row > div,
	.top1-stock-ledger-row span
) {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #334155 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
	.top1-parts-row > div:nth-child(2),
	.top1-stock-ledger-row > div:nth-child(2)
) {
	white-space: normal !important;
}

.top1-app-shell[data-top1-section="parts"] :is(
	.top1-parts-row > div:first-child,
	.top1-stock-ledger-row > div:first-child,
	.top1-stock-ledger-row strong
) {
	color: #0f172a !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-stock-ledger-row strong {
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

@media (max-width: 1080px) {
	.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 720px) {
	.top1-app-shell[data-top1-section="parts"] .top1-clients-summary-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-client-form-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-list {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-content-card {
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-client-form-actions,
	.top1-app-shell[data-top1-section="parts"] .top1-stock-in-form .top1-app-button {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-knowledge-panel .top1-knowledge-decision-panel-head {
		align-items: flex-start !important;
		flex-direction: column !important;
	}
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tabs {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 0 10px !important;
	padding: 4px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	overflow-x: auto !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tab {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 0 12px !important;
	border-radius: 6px !important;
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tab:hover,
.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tab:focus-visible {
	background: #eef6ff !important;
	color: #0f172a !important;
	outline: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tab.is-active {
	background: #1d4ed8 !important;
	color: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-workspace,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-card {
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-card {
	display: grid !important;
	gap: 12px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-header {
	align-items: flex-start !important;
	gap: 12px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-header p {
	margin: 4px 0 0 !important;
	color: #64748b !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-form {
	display: grid !important;
	gap: 10px !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-form-grid {
	grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) minmax(140px, .7fr) minmax(180px, 1fr) !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-options {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-check {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-width: 0 !important;
	color: #334155 !important;
	font-size: 12px !important;
	font-weight: 760 !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-check input {
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 auto !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-status-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method {
	display: grid !important;
	gap: 3px !important;
	min-width: 0 !important;
	padding: 9px 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method.is-ready {
	border-color: #bbf7d0 !important;
	background: #f0fdf4 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method.is-blocked {
	border-color: #fecaca !important;
	background: #fff7f7 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method.is-usage {
	border-color: #fde68a !important;
	background: #fffbeb !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method small {
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-method strong {
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-notice.is-info {
	border-color: #dbeafe !important;
	border-left-color: #2563eb !important;
	background: #eff6ff !important;
	color: #1e3a8a !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-vehicle,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-results,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-side-card {
	display: grid !important;
	gap: 8px !important;
	min-width: 0 !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-vehicle h3,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-results h3,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-side-card h3 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-facts {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-facts > div,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-local-list > div {
	display: grid !important;
	gap: 3px !important;
	min-width: 0 !important;
	padding: 8px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-facts span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-local-list span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-local-list small {
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 760 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-facts strong,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-local-list strong {
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-results-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-results-head span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 28px !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	background: #eef2ff !important;
	color: #3730a3 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result {
	display: grid !important;
	grid-template-columns: 96px minmax(0, 1fr) !important;
	gap: 10px !important;
	min-width: 0 !important;
	min-height: 112px !important;
	padding: 9px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	background: #fbfdff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-photo {
	display: grid !important;
	place-items: center !important;
	width: 96px !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 7px !important;
	background: #f1f5f9 !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	text-align: center !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-main {
	display: grid !important;
	align-content: start !important;
	gap: 6px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-main strong,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-main small {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-main strong {
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-main small {
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-meta,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-errors,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-targets {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-meta span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-errors span {
	display: inline-flex !important;
	align-items: center !important;
	max-width: 100% !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-bottom-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .68fr) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-local-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

/* Compact stock frame: match diagnostics' minimal outer workspace spacing. */
.top1-app-shell[data-top1-section="parts"] .top1-app-content {
	padding: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-workspace,
.top1-app-shell[data-top1-section="parts"] .top1-workspace-single,
.top1-app-shell[data-top1-section="parts"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="parts"] .top1-clients-main {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-workspace,
.top1-app-shell[data-top1-section="parts"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="parts"] .top1-clients-main {
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-clients-main {
	padding: 10px !important;
	border-radius: 8px !important;
}

@media (max-width: 1080px) {
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-form-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-status-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result-list,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-bottom-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-local-list {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 720px) {
	.top1-app-shell[data-top1-section="parts"] .top1-parts-registry-header {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tabs {
		display: flex !important;
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-section-tab {
		flex: 1 0 auto !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-header,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-options {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-form-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-status-grid,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-facts {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-result {
		grid-template-columns: 78px minmax(0, 1fr) !important;
		min-height: 94px !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-lookup-photo {
		width: 78px !important;
	}
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-workspace {
	display: block !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-shell {
	display: grid !important;
	grid-template-columns: minmax(760px, 1fr) 270px !important;
	gap: 10px !important;
	align-items: start !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-main,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside {
	min-width: 0 !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-main {
	overflow: hidden !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search {
	display: grid !important;
	gap: 8px !important;
	padding: 10px !important;
	border-bottom: 1px solid #dbe4ee !important;
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-row {
	display: grid !important;
	grid-template-columns: minmax(240px, 1.4fr) minmax(130px, .62fr) minmax(180px, .82fr) 86px 74px !important;
	gap: 8px !important;
	align-items: end !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-extra {
	display: grid !important;
	grid-template-columns: minmax(240px, .9fr) 82px max-content !important;
	gap: 8px !important;
	align-items: end !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-field {
	display: grid !important;
	gap: 4px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-field span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-check span {
	overflow: hidden !important;
	color: #334155 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	line-height: 1.15 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-field input {
	width: 100% !important;
	min-width: 0 !important;
	height: 34px !important;
	padding: 6px 9px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 760 !important;
	line-height: 1.2 !important;
	box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-field.is-code input {
	font-size: 14px !important;
	font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-submit,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-reset {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 34px !important;
	padding: 7px 10px !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-submit {
	background: #ef1f2d !important;
	border-color: #dc1827 !important;
	color: #ffffff !important;
	box-shadow: 0 8px 16px rgba(239, 31, 45, .16) !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-check {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	min-width: 0 !important;
	min-height: 34px !important;
	padding: 0 9px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-check input[type="checkbox"] {
	width: 15px !important;
	height: 15px !important;
	flex: 0 0 auto !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-registry-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 0 11px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #0f3d7a !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-toolbar {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	min-width: 0 !important;
	padding: 8px 10px !important;
	overflow-x: auto !important;
	border-bottom: 1px solid #dbe4ee !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-toolbar strong {
	flex: 0 0 auto !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-chip,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-usage {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	flex: 0 0 auto !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 999px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-chip small {
	color: #64748b !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-chip.is-ready {
	border-color: #86efac !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-chip.is-blocked {
	border-color: #fecaca !important;
	background: #fff7f7 !important;
	color: #991b1b !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-usage {
	margin-left: auto !important;
	border-color: #fde68a !important;
	background: #fffbeb !important;
	color: #92400e !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-notice {
	margin: 8px 10px 0 !important;
	padding: 8px 10px !important;
	border: 1px solid #dbeafe !important;
	border-radius: 6px !important;
	background: #eff6ff !important;
	color: #1e3a8a !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-notice.is-error {
	border-color: #fecaca !important;
	background: #fff7f7 !important;
	color: #991b1b !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-table {
	display: grid !important;
	min-width: 0 !important;
	padding: 10px !important;
	overflow-x: auto !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-row,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-group {
	min-width: 880px !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-row {
	display: grid !important;
	grid-template-columns: 56px minmax(86px, .62fr) minmax(112px, .78fr) minmax(220px, 1.55fr) 100px 76px 92px 78px !important;
	gap: 8px !important;
	align-items: center !important;
	min-height: 48px !important;
	padding: 7px 8px !important;
	border-right: 1px solid #dbe4ee !important;
	border-bottom: 1px solid #dbe4ee !important;
	border-left: 1px solid #dbe4ee !important;
	background: #ffffff !important;
	color: #1e293b !important;
	font-size: 12px !important;
	font-weight: 720 !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-row > div {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-row:not(.top1-parts-exist-head):hover {
	background: #f8fbff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-head {
	min-height: 34px !important;
	border-top: 1px solid #cbd5e1 !important;
	border-color: #cbd5e1 !important;
	background: #eaf1fb !important;
	color: #0f3d7a !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-group {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	min-height: 32px !important;
	padding: 0 9px !important;
	border-right: 1px solid #cbd5e1 !important;
	border-bottom: 1px solid #cbd5e1 !important;
	border-left: 1px solid #cbd5e1 !important;
	background: #f1f5f9 !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-group strong {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 24px !important;
	min-height: 22px !important;
	padding: 0 7px !important;
	border-radius: 999px !important;
	background: #dbeafe !important;
	color: #1e40af !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-row.is-empty {
	grid-template-columns: 1fr !important;
	min-height: 46px !important;
	color: #64748b !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-photo {
	display: grid !important;
	place-items: center !important;
	width: 48px !important;
	height: 38px !important;
	overflow: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 6px !important;
	background: #f8fafc !important;
	color: #64748b !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-brand,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-number,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-price {
	overflow: hidden !important;
	color: #0f172a !important;
	font-weight: 900 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-name {
	display: grid !important;
	gap: 2px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-name strong {
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-name small {
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 760 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-stock,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	max-width: 100% !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-stock.is-api {
	border: 1px solid #bfdbfe !important;
	background: #eff6ff !important;
	color: #1d4ed8 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-stock.is-local {
	border: 1px solid #86efac !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-action {
	border: 1px solid #cbd5e1 !important;
	background: #ffffff !important;
	color: #0f3d7a !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside {
	display: grid !important;
	gap: 0 !important;
	overflow: hidden !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside section {
	display: grid !important;
	gap: 8px !important;
	min-width: 0 !important;
	padding: 10px !important;
	border-bottom: 1px solid #dbe4ee !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside section:last-child {
	border-bottom: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside h3 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside p {
	margin: 0 !important;
	color: #64748b !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside dl {
	display: grid !important;
	gap: 6px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside dl > div {
	display: grid !important;
	grid-template-columns: 78px minmax(0, 1fr) !important;
	gap: 8px !important;
	align-items: baseline !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside dt,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside dd {
	overflow: hidden !important;
	margin: 0 !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside dt {
	color: #64748b !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-aside dd {
	color: #0f172a !important;
	font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-targets,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-errors {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-targets a,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-targets span,
.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-errors span {
	display: inline-flex !important;
	align-items: center !important;
	max-width: 100% !important;
	min-height: 26px !important;
	padding: 0 8px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 999px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-errors span {
	border-color: #fecaca !important;
	background: #fff7f7 !important;
	color: #991b1b !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-shell {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 820px) {
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-row,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-extra {
		grid-template-columns: 1fr 1fr !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-field.is-code,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-extra .top1-parts-exist-field {
		grid-column: 1 / -1 !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-registry-link {
		width: 100% !important;
	}
}

@media (max-width: 520px) {
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-row,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-extra {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-field.is-code,
	.top1-app-shell[data-top1-section="parts"] .top1-parts-exist-search-extra .top1-parts-exist-field {
		grid-column: auto !important;
	}
}

/* Finance section simplification: UI-only pass, keep finance operations intact. */
.top1-app-shell[data-top1-section="finance"] .top1-app-content {
	background: #f5f7fb !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-workspace {
	gap: 10px !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter {
	display: flex !important;
	align-items: end !important;
	gap: 8px !important;
	margin: 0 0 10px !important;
	padding: 10px 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter .top1-finance-month-filter-grid {
	display: grid !important;
	grid-template-columns: 160px !important;
	gap: 8px !important;
	flex: 0 0 auto !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter .top1-client-form-actions {
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter .top1-secondary-button {
	min-height: 36px !important;
	padding: 8px 12px !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-center {
	display: grid !important;
	grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr) !important;
	gap: 10px !important;
	margin: 0 0 10px !important;
	padding: 12px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-hero {
	align-content: start !important;
	gap: 7px !important;
	max-width: none !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-kicker,
.top1-app-shell[data-top1-section="finance"] .top1-finance-next-title {
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-hero h2 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-hero p {
	max-width: 60ch !important;
	margin: 0 !important;
	color: #475569 !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-actions {
	gap: 6px !important;
	margin-top: 2px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-primary {
	min-width: 0 !important;
	min-height: 34px !important;
	padding: 7px 12px !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-chip {
	min-height: 28px !important;
	padding: 5px 8px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 999px !important;
	background: #f8fafc !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-chip:last-child {
	display: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-cards {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-card {
	min-height: 58px !important;
	padding: 9px 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-card.is-danger {
	border-left: 3px solid #dc2626 !important;
	background: #fef2f2 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-card.is-warning {
	border-left: 3px solid #d97706 !important;
	background: #fffbeb !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-card.is-success {
	border-left: 3px solid #16a34a !important;
	background: #f0fdf4 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-card span {
	display: block !important;
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-command-card strong {
	display: block !important;
	margin-top: 5px !important;
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-next-actions {
	grid-column: 1 / -1 !important;
	gap: 6px !important;
	align-items: center !important;
	margin: 0 !important;
	padding-top: 8px !important;
	border-top: 1px solid #e2e8f0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-next-title {
	width: auto !important;
	margin-right: 4px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-next-actions span {
	min-height: 26px !important;
	padding: 4px 8px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 999px !important;
	background: #f8fafc !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card {
	min-height: 64px !important;
	padding: 10px 12px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card:nth-child(2) {
	border-left-color: #dc2626 !important;
	background: #fffafa !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card:nth-child(3) {
	border-left-color: #d97706 !important;
	background: #fffdf7 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card:nth-child(4) {
	border-left-color: #16a34a !important;
	background: #fbfffd !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-card::before {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-label {
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-value {
	margin-top: 4px !important;
	color: #0f172a !important;
	font-size: 19px !important;
	font-weight: 850 !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-workspace {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
	gap: 10px !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-main {
	gap: 10px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-content-card,
	.top1-finance-card,
	.top1-finance-bottom-card,
	.top1-finance-inspector
) {
	padding: 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-inspector {
	position: sticky !important;
	top: 76px !important;
	align-self: start !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-content-card > .top1-card-header,
	.top1-finance-mini-header
) {
	min-height: 0 !important;
	margin: 0 0 10px !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-mini-header {
	margin-top: 12px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-card-header h2 {
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-inline-note,
	.top1-inline-notice
) {
	margin: 8px 0 !important;
	padding: 8px 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-left: 3px solid #64748b !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] :is(.top1-inline-note, .top1-inline-notice)::before,
.top1-app-shell[data-top1-section="finance"] :is(.top1-inline-note, .top1-inline-notice)::after {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-inline-notice.is-success {
	border-color: #bbf7d0 !important;
	border-left-color: #16a34a !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-inline-notice.is-error {
	border-color: #fecaca !important;
	border-left-color: #dc2626 !important;
	background: #fef2f2 !important;
	color: #991b1b !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-order-payment-form,
	.top1-finance-expense-form
) {
	display: grid !important;
	gap: 10px !important;
	margin: 0 0 12px !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-order-payment-form .top1-order-payment-form-grid {
	display: grid !important;
	grid-template-columns: minmax(220px, 1fr) 120px 150px minmax(150px, 0.75fr) !important;
	gap: 8px !important;
	align-items: end !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-form-grid {
	display: grid !important;
	grid-template-columns: minmax(220px, 1fr) 112px 120px minmax(170px, 0.8fr) !important;
	gap: 8px !important;
	align-items: end !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-inspector .top1-finance-expense-form-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 112px !important;
	gap: 8px !important;
	align-items: end !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-order-payment-form,
	.top1-finance-expense-form
) .top1-client-form-field-wide {
	grid-column: auto !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-inspector .top1-finance-expense-form textarea {
	min-height: 70px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-inspector .top1-finance-expense-form .top1-client-form-field-wide:last-child {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-client-form-field {
	min-width: 0 !important;
	gap: 5px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #475569 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-client-form-field span {
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea
) {
	min-height: 36px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-client-form-field input:focus,
	.top1-client-form-field select:focus,
	.top1-client-form-field textarea:focus
) {
	border-color: #2563eb !important;
	outline: 3px solid rgba(37, 99, 235, 0.12) !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-order-payment-form,
	.top1-finance-expense-form
) .top1-client-form-actions {
	justify-content: flex-end !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-order-payment-form,
	.top1-finance-expense-form
) .top1-app-button {
	min-height: 36px !important;
	padding: 8px 14px !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-finance-ledger,
	.top1-table-placeholder,
	.top1-finance-order-table,
	.top1-finance-operating-table,
	.top1-finance-operating-entry-table,
	.top1-finance-expense-table
) {
	max-width: 100% !important;
	margin-top: 8px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	-webkit-overflow-scrolling: touch !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-finance-row,
	.top1-table-row
) {
	min-height: 38px !important;
	padding: 9px 12px !important;
	border-top: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-row:nth-child(2n + 1):not(.top1-finance-row-head),
.top1-app-shell[data-top1-section="finance"] .top1-table-row:nth-child(2n + 1):not(.top1-table-row-head) {
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-finance-row-head,
	.top1-table-row-head
) {
	min-height: 36px !important;
	border-top: 0 !important;
	border-bottom: 1px solid #cbd5e1 !important;
	background: #edf2f7 !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-row:hover:not(.top1-finance-row-head),
.top1-app-shell[data-top1-section="finance"] .top1-table-row:hover:not(.top1-table-row-head) {
	background: #eef6ff !important;
	box-shadow: inset 3px 0 0 #2563eb !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-ledger .top1-finance-row {
	grid-template-columns: 128px 108px minmax(220px, 1fr) 88px 148px !important;
	min-width: 692px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-order-table .top1-table-row {
	grid-template-columns: minmax(170px, 1fr) 110px 110px 110px !important;
	min-width: 500px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-table .top1-table-row {
	grid-template-columns: minmax(210px, 1fr) 108px 98px 108px minmax(170px, 0.9fr) !important;
	min-width: 714px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-entry-table .top1-table-row {
	grid-template-columns: minmax(180px, 1fr) 104px minmax(180px, 1fr) 126px 148px !important;
	min-width: 746px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-expense-table .top1-table-row {
	grid-template-columns: minmax(180px, 1fr) 100px 88px 136px !important;
	min-width: 528px !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-finance-row > div,
	.top1-table-row > div,
	.top1-table-row span
) {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #334155 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-finance-row > div:nth-child(3),
	.top1-table-row > div:first-child,
	.top1-finance-operating-entry-table .top1-table-row > div:nth-child(3)
) {
	white-space: normal !important;
}

.top1-app-shell[data-top1-section="finance"] :is(
	.top1-finance-row > div:first-child,
	.top1-table-row > div:first-child,
	.top1-table-row strong
) {
	color: #0f172a !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-status {
	min-height: 22px !important;
	padding: 2px 8px !important;
	border: 1px solid #fed7aa !important;
	border-radius: 999px !important;
	background: #fff7ed !important;
	color: #9a3412 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-status.is-active {
	border-color: #bbf7d0 !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-status::before {
	width: 5px !important;
	height: 5px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-header {
	position: relative !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-table,
.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-table .top1-table-row,
.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-table .top1-table-row > div {
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-table .top1-table-row > div {
	text-overflow: clip !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-popover {
	position: relative !important;
	z-index: 20 !important;
	display: inline-flex !important;
	justify-content: flex-end !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-popover[open] {
	z-index: 5400 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: 32px !important;
	padding: 7px 11px !important;
	border: 1px solid rgba(37, 99, 235, 0.3) !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) !important;
	color: #1e3a8a !important;
	box-shadow: 0 9px 18px rgba(37, 99, 235, 0.11) !important;
	cursor: pointer !important;
	font-size: 11.5px !important;
	font-weight: 850 !important;
	line-height: 1.15 !important;
	list-style: none !important;
	user-select: none !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger::-webkit-details-marker {
	display: none !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger::marker {
	content: "" !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger::before {
	content: "" !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 999px !important;
	background: currentColor !important;
	opacity: 0.62 !important;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger::after {
	content: "" !important;
	width: 6px !important;
	height: 6px !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	opacity: 0.7 !important;
	transform: translateY(-1px) rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-popover[open] > .top1-operating-template-trigger,
.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger:is(:hover, :focus-visible) {
	border-color: rgba(37, 99, 235, 0.55) !important;
	background: linear-gradient(180deg, #ffffff 0%, #e4efff 100%) !important;
	color: #0f172a !important;
	outline: 0 !important;
	box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-popover[open] > .top1-operating-template-trigger::after {
	transform: translateY(2px) rotate(225deg) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-panel {
	position: absolute !important;
	top: calc(100% + 10px) !important;
	right: 0 !important;
	z-index: 5450 !important;
	width: min(620px, calc(100vw - 260px)) !important;
	min-width: min(520px, calc(100vw - 34px)) !important;
	max-height: min(76vh, 680px) !important;
	overflow: auto !important;
	padding: 14px !important;
	border: 1px solid rgba(37, 99, 235, 0.32) !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 249, 253, 0.99)) !important;
	box-shadow:
		0 28px 70px rgba(15, 23, 42, 0.22),
		0 10px 24px rgba(37, 99, 235, 0.12),
		inset 4px 0 0 rgba(37, 99, 235, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
	animation: top1TeamRegistryPopoverIn 150ms ease-out both !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-panel::before {
	content: "" !important;
	position: absolute !important;
	top: -7px !important;
	right: 18px !important;
	width: 12px !important;
	height: 12px !important;
	border-top: 1px solid rgba(37, 99, 235, 0.32) !important;
	border-left: 1px solid rgba(37, 99, 235, 0.32) !important;
	background: rgba(255, 255, 255, 0.99) !important;
	transform: rotate(45deg) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-head {
	display: grid !important;
	gap: 3px !important;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid rgba(203, 213, 225, 0.72) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-head strong {
	color: #0f172a !important;
	font-size: 13px !important;
	font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-head span {
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-form,
.top1-app-shell[data-top1-section="finance"] .top1-operating-template-remove-form {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-remove-form {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid rgba(248, 113, 113, 0.22) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-grid {
	display: grid !important;
	gap: 9px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-owner-confirm {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 38px !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(37, 99, 235, 0.22) !important;
	border-radius: 10px !important;
	background: rgba(239, 246, 255, 0.7) !important;
	color: #1e3a8a !important;
	font-size: 11.5px !important;
	font-weight: 850 !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-owner-confirm.is-danger {
	border-color: rgba(239, 68, 68, 0.32) !important;
	background: rgba(254, 242, 242, 0.78) !important;
	color: #991b1b !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-owner-confirm input {
	width: 18px !important;
	min-width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	accent-color: #2563eb !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-owner-confirm.is-danger input {
	accent-color: #dc2626 !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-actions {
	justify-content: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-operating-template-actions .top1-app-button,
.top1-app-shell[data-top1-section="finance"] .top1-operating-template-actions .top1-danger-button {
	justify-content: center !important;
	min-height: 36px !important;
}

.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-table .top1-table-row {
	grid-template-columns: minmax(220px, 1fr) 116px 104px 112px minmax(112px, 0.58fr) !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="finance"] .top1-finance-command-center,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-workspace {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-finance-inspector {
		position: static !important;
	}
}

@media (max-width: 920px) {
	.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-grid,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-command-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-order-payment-form .top1-order-payment-form-grid,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-form-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-operating-template-popover {
		display: flex !important;
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-operating-template-trigger {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-operating-template-panel {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		max-height: none !important;
		margin-top: 10px !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-operating-template-panel::before {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-operating-template-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 640px) {
	.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-command-actions {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-finance-month-filter .top1-finance-month-filter-grid,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-summary-grid,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-command-cards,
	.top1-app-shell[data-top1-section="finance"] .top1-order-payment-form .top1-order-payment-form-grid,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-operating-form-grid,
	.top1-app-shell[data-top1-section="finance"] .top1-finance-inspector .top1-finance-expense-form-grid {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="finance"] .top1-finance-command-center,
	.top1-app-shell[data-top1-section="finance"] :is(
		.top1-content-card,
		.top1-finance-card,
		.top1-finance-bottom-card,
		.top1-finance-inspector
	) {
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="finance"] :is(
		.top1-finance-month-filter .top1-client-form-actions,
		.top1-finance-month-filter .top1-secondary-button,
		.top1-order-payment-form .top1-client-form-actions,
		.top1-order-payment-form .top1-app-button,
		.top1-finance-expense-form .top1-client-form-actions,
		.top1-finance-expense-form .top1-app-button,
		.top1-finance-command-primary
	) {
		width: 100% !important;
	}
}

/* AI assistant section simplification: UI-only pass, keep AI actions intact. */
.top1-app-shell[data-top1-section="ai_assistant"] .top1-app-content {
	background: #f5f7fb !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace {
	gap: 10px !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-main {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	align-items: start !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-main > .top1-content-card:first-child,
.top1-app-shell[data-top1-section="ai_assistant"] [data-top1-ai-owner-dashboard],
.top1-app-shell[data-top1-section="ai_assistant"] [data-top1-ai-draft-queue] {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-content-card {
	padding: 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-content-card > .top1-card-header {
	min-height: 0 !important;
	margin: 0 0 10px !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-card-header h2 {
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-card-header + .top1-inline-note:not(.top1-ai-owner-action-notice) {
	display: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace :is(
	.top1-inline-note,
	.top1-ai-owner-action-notice
) {
	margin: 8px 0 !important;
	padding: 8px 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-left: 3px solid #64748b !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace :is(.top1-inline-note, .top1-ai-owner-action-notice)::before,
.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace :is(.top1-inline-note, .top1-ai-owner-action-notice)::after {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-owner-action-notice-success {
	border-color: #bbf7d0 !important;
	border-left-color: #16a34a !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-owner-action-notice-error {
	border-color: #fecaca !important;
	border-left-color: #dc2626 !important;
	background: #fef2f2 !important;
	color: #991b1b !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-card {
	min-height: 60px !important;
	padding: 9px 11px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-card:nth-child(3n + 2) {
	border-left-color: #0f9f8f !important;
	background: #fbfffe !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-card:nth-child(3n) {
	border-left-color: #d97706 !important;
	background: #fffdf7 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-card::before {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-label {
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-value {
	display: block !important;
	margin-top: 4px !important;
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 18px !important;
	font-weight: 850 !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-list {
	display: grid !important;
	gap: 0 !important;
	margin-top: 8px !important;
	overflow: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row {
	display: grid !important;
	grid-template-columns: minmax(110px, 0.28fr) minmax(0, 1fr) !important;
	gap: 6px 10px !important;
	align-items: start !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 9px 10px !important;
	border-top: 1px solid #e2e8f0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row:first-child {
	border-top: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row:nth-child(2n) {
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row:hover {
	background: #eef6ff !important;
	box-shadow: inset 3px 0 0 #2563eb !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row > span {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	line-height: 1.3 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row > strong {
	max-width: none !important;
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	text-align: left !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-row {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 7px !important;
	padding: 10px !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 0 !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-row > span,
.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-row > strong {
	display: block !important;
	width: 100% !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-row > .top1-inline-note {
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-form {
	display: grid !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-form textarea {
	min-height: 68px !important;
	padding: 9px 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-form textarea:focus {
	border-color: #2563eb !important;
	outline: 3px solid rgba(37, 99, 235, 0.12) !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	justify-content: flex-end !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-actions .button {
	min-height: 34px !important;
	padding: 7px 11px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #1e40af !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-actions .button-primary {
	border-color: #1d4ed8 !important;
	background: #2563eb !important;
	color: #ffffff !important;
}

.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-actions .button-secondary:last-child {
	border-color: #fecaca !important;
	background: #fef2f2 !important;
	color: #991b1b !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-main {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 760px) {
	.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-clients-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-content-card {
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-inspector-row {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 430px) {
	.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-actions,
	.top1-app-shell[data-top1-section="ai_assistant"] .top1-ai-owner-workspace .top1-ai-frontend-draft-actions .button {
		width: 100% !important;
	}
}

/* Dashboard overview simplification: UI-only pass, keep dashboard data intact. */
.top1-app-shell[data-top1-section="dashboard"] .top1-app-content {
	background: #f5f7fb !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace {
	gap: 10px !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-main,
	.top1-dashboard-overview-main,
	.top1-productivity-board .top1-dashboard-main,
	.top1-compensation-board .top1-dashboard-main
) {
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-dashboard {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-head {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-head h2 {
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-head p {
	display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-kpi-grid,
	.top1-dashboard-overview-kpis,
	.top1-operational-kpis,
	.top1-compensation-summary
) {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
	align-items: stretch !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-grid,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-main {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	align-items: start !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi,
	.top1-dashboard-kpi-grid .top1-kpi-card,
	.top1-dashboard-overview-kpis .top1-kpi-card
) {
	min-height: 64px !important;
	padding: 10px 12px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-kpi-grid .top1-kpi-card,
	.top1-dashboard-overview-kpis .top1-kpi-card
)::before {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi.is-planner,
	.top1-dashboard-overview-kpis .top1-kpi-card.is-vehicles,
	.top1-dashboard-kpi-grid .top1-kpi-card:nth-child(2)
) {
	border-left-color: #0f9f8f !important;
	background: #fbfffe !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi.is-parts,
	.top1-dashboard-overview-kpis .top1-kpi-card.is-orders,
	.top1-dashboard-kpi-grid .top1-kpi-card:nth-child(3)
) {
	border-left-color: #d97706 !important;
	background: #fffdf7 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi.is-payment,
	.top1-dashboard-overview-kpis .top1-kpi-card.is-parts,
	.top1-dashboard-kpi-grid .top1-kpi-card:nth-child(4)
) {
	border-left-color: #7c3aed !important;
	background: #fdfcff !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi:hover,
	.top1-operational-kpi:focus-visible,
	.top1-kpi-card:hover,
	.top1-kpi-card:focus-visible
) {
	border-color: #b9c8da !important;
	box-shadow: none !important;
	outline: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi span,
	.top1-operational-kpi small,
	.top1-summary-label,
	.top1-summary-note
) {
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-kpi strong,
	.top1-summary-value
) {
	display: block !important;
	margin-top: 4px !important;
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 19px !important;
	font-weight: 850 !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-card,
	.top1-operational-card,
	.top1-productivity-card,
	.top1-compensation-card
) {
	padding: 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-card::after {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-card > .top1-card-header,
	.top1-operational-card > .top1-card-header,
	.top1-productivity-card > .top1-card-header,
	.top1-compensation-card > .top1-card-header,
	.top1-compensation-bonus-header
) {
	min-height: 0 !important;
	margin: 0 0 10px !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-card-header h2,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-bonus-header h3 {
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcuts {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut {
	min-height: 54px !important;
	align-content: center !important;
	gap: 3px !important;
	padding: 9px 10px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut:is(:hover, :focus-visible) {
	border-color: #b9c8da !important;
	box-shadow: none !important;
	outline: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut.is-vehicles {
	border-left-color: #0f9f8f !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut.is-logs {
	border-left-color: #d97706 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut.is-data_management {
	border-left-color: #7c3aed !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut span {
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-owner-shortcut small {
	display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-dashboard-owner-shortcut-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-dashboard-owner-shortcut {
	min-height: 72px !important;
	align-content: start !important;
	gap: 4px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-dashboard-owner-shortcut span {
	white-space: normal !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-dashboard-owner-shortcut small {
	display: block !important;
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-table-placeholder,
	.top1-productivity-table,
	.top1-compensation-table,
	.top1-compensation-unresolved,
	.top1-compensation-basis,
	.top1-compensation-timing
) {
	max-width: 100% !important;
	margin-top: 8px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	-webkit-overflow-scrolling: touch !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row {
	min-height: 38px !important;
	padding: 9px 12px !important;
	border-top: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:nth-child(2n + 1):not(.top1-table-row-head) {
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row-head {
	min-height: 36px !important;
	border-top: 0 !important;
	border-bottom: 1px solid #cbd5e1 !important;
	background: #edf2f7 !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:not(.top1-table-row-head):hover {
	background: #eef6ff !important;
	box-shadow: inset 3px 0 0 #2563eb !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row > div,
.top1-app-shell[data-top1-section="dashboard"] .top1-table-row span {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #334155 !important;
	text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row strong,
.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:not(.top1-table-row-head) > div:first-child {
	color: #0f172a !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card .top1-table-row {
	grid-template-columns: minmax(0, 1fr) minmax(90px, auto) minmax(74px, auto) !important;
	min-width: 420px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-feed-card.is-clients .top1-table-row,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-feed-card.is-orders .top1-table-row {
	grid-template-columns: 72px minmax(140px, 1fr) minmax(140px, 1fr) 130px !important;
	min-width: 560px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-table .top1-table-row {
	min-width: 960px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-table.is-basis .top1-table-row {
	min-width: 860px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-table .top1-table-row {
	min-width: 1080px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-table.is-cabinet-summary .top1-table-row,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-table.is-cabinet-summary.is-owner-finance .top1-table-row {
	grid-template-columns: minmax(180px, 1fr) minmax(120px, auto) !important;
	min-width: 360px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row {
	grid-template-columns: minmax(150px, 1fr) minmax(210px, 1.4fr) minmax(110px, auto) minmax(110px, auto) !important;
	min-width: 620px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	min-width: 0 !important;
	min-height: 62px !important;
	padding: 10px 12px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title {
	display: grid !important;
	gap: 2px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title h1 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 22px !important;
	font-weight: 850 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	height: 34px !important;
	min-width: 0 !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-employee-field {
	display: block;
	flex: 0 1 220px;
	width: 220px;
	min-width: 180px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-employee-field select {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	min-height: 34px;
	padding: 5px 30px 5px 10px;
	border: 1px solid #cbd8e8;
	border-radius: 6px;
	background: #ffffff;
	color: #0f172a;
	font-size: 12px;
	font-weight: 750;
	line-height: 1;
	box-shadow: none;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field {
	position: relative !important;
	display: block !important;
	flex: 0 0 236px !important;
	width: 236px !important;
	height: 34px !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-icon {
	position: absolute !important;
	left: 9px !important;
	top: 50% !important;
	z-index: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 16px !important;
	height: 16px !important;
	color: #2563eb !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-icon svg {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-icon svg path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-input {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 34px !important;
	min-height: 34px !important;
	padding: 5px 9px 5px 32px !important;
	border: 1px solid #cbd8e8 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: 126px !important;
	height: 34px !important;
	min-height: 34px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	padding: 0 18px !important;
	line-height: 1 !important;
	text-align: center !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-card > .top1-card-header .top1-inline-badge,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-card > .top1-productivity-period-form {
	display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-card {
	grid-column: 1 !important;
	order: -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-content-card:not(.top1-productivity-card):not(.top1-accrual-periods-card) {
	grid-column: 1 / -1 !important;
	order: 1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-accrual-periods-card {
	grid-column: 2 !important;
	order: -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-orders-card {
	grid-column: 1 / -1 !important;
	order: 2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-content-card.top1-dashboard-card.top1-orders-card {
	grid-column: 1 / -1 !important;
	order: -2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-productivity-card {
	grid-column: 1 !important;
	order: 1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-accrual-periods-card {
	grid-column: 2 !important;
	order: 1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-content-card.top1-dashboard-card.top1-accrual-periods-card {
	grid-column: 2 !important;
	order: -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-content-card.top1-dashboard-card.top1-orders-card {
	grid-column: 1 / -1 !important;
	order: 2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-owner-money-card {
	grid-column: 1 !important;
	order: -1 !important;
	align-self: start !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-accrual-periods-card {
	grid-column: 2 !important;
	order: -1 !important;
	align-self: start !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-owner-bonus-card {
	grid-column: 1 / -1 !important;
	order: 3 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-cabinet-page-header,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-month-field .top1-cabinet-period-range-input {
	padding-left: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action {
	display: grid !important;
	gap: 5px !important;
	min-height: 78px !important;
	padding: 12px !important;
	border: 1px solid #cbd8e8 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action:hover,
.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action:focus-visible {
	border-color: #8fb7ff !important;
	background: #f8fbff !important;
	outline: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action strong {
	display: block !important;
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action span {
	display: block !important;
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-summary-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-card {
	min-height: 92px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-card.is-warning {
	border-left-color: #f59e0b !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-card-note {
	margin-top: 5px !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-check-grid {
	grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-payout-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 0 0 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-payout-card {
	display: grid !important;
	gap: 4px !important;
	min-width: 0 !important;
	padding: 9px 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-payout-card span {
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-payout-card strong {
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-staff-payout-card {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-staff-payout-summary {
	margin-bottom: 8px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-cycle-grid.is-accountant-staff-payouts {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 0 0 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-cycle-card {
	min-width: 0 !important;
	gap: 7px !important;
	padding: 9px 10px !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-cycle-card .top1-inline-note {
	margin: 0 !important;
	padding: 7px 8px !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-cycle-card .top1-compensation-cycle-form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list {
	margin-top: 8px !important;
	overflow-x: auto !important;
	scrollbar-width: thin !important;
}

.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row {
	grid-template-columns: minmax(160px, 1.2fr) minmax(170px, 1fr) minmax(120px, .8fr) minmax(110px, .5fr) !important;
	min-width: 680px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div:last-child {
	text-align: right !important;
	font-weight: 900 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-tasks-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-accruals-card {
	height: 100% !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-accrual-periods-card {
	height: 100% !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-cabinet-row-note {
	display: block !important;
	margin-top: 3px !important;
	color: #64748b !important;
	font-size: 10.5px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-grid.is-employee,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-cycle-grid.is-cabinet[data-top1-compensation-payout-cycles] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 6px 0 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-card {
	gap: 5px !important;
	padding: 8px 10px !important;
	border-radius: 7px !important;
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-header,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-header {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 0 5px !important;
	border-bottom: 1px solid #dbe4ee !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-header h3,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-header h3 {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 3px 5px !important;
	min-width: 0 !important;
	font-size: 14px !important;
	line-height: 1.15 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-title-period,
.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-title-separator,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-title-period,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-title-separator {
	font-size: 11px !important;
	line-height: 1.15 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-period,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-period {
	font-size: 11px !important;
	line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-values,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-values {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 4px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-values div,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-values div {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 5px 7px !important;
	border-radius: 6px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-values span,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-values span {
	font-size: 10.5px !important;
	line-height: 1.15 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-values strong,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-values strong {
	font-size: 12.5px !important;
	line-height: 1.15 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-compensation-payout-cycles] .top1-compensation-cycle-form {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 5px !important;
}

@media (max-width: 900px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-employee-field {
		width: 100%;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-accrual-periods-card .top1-compensation-cycle-grid.is-employee,
	.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-cycle-grid.is-cabinet[data-top1-compensation-payout-cycles] {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

.top1-app-shell[data-top1-section="dashboard"] .top1-cabinet-shifts-table {
	overflow-x: auto !important;
	scrollbar-width: thin !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-cabinet-shifts-table .top1-table-row {
	grid-template-columns: minmax(160px, 1fr) minmax(90px, auto) minmax(100px, auto) minmax(120px, auto) !important;
	min-width: 560px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-cabinet-orders-table {
	overflow-x: auto !important;
	scrollbar-width: thin !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-cabinet-orders-table .top1-table-row {
	grid-template-columns: minmax(120px, auto) minmax(160px, 1fr) minmax(160px, 1fr) minmax(120px, auto) minmax(100px, auto) !important;
	min-width: 760px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	min-width: 1000px !important;
	column-gap: 24px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div {
	min-width: 0 !important;
	overflow: hidden !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(5) {
	text-align: center !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table a {
	display: inline-block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	vertical-align: bottom !important;
	white-space: nowrap !important;
}

@media (max-width: 900px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-card,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-accrual-periods-card,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-content-card:not(.top1-productivity-card):not(.top1-accrual-periods-card) {
		grid-column: 1 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-accountant-action-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-summary-grid,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-check-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-cycle-grid.is-accountant-staff-payouts {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 720px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-staff-payout-summary {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list {
		overflow-x: visible !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row-head {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		min-width: 0 !important;
		gap: 5px !important;
		padding: 8px !important;
		border-radius: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		min-width: 0 !important;
		text-align: right !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div::before {
		color: #64748b !important;
		font-size: 10.5px !important;
		font-weight: 850 !important;
		line-height: 1.2 !important;
		text-align: left !important;
		text-transform: uppercase !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div:nth-child(1)::before {
		content: "Сотрудник";
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div:nth-child(2)::before {
		content: "Основание";
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div:nth-child(3)::before {
		content: "Период";
	}

	.top1-app-shell[data-top1-section="dashboard"] .is-accountant-payout-list .top1-table-row > div:nth-child(4)::before {
		content: "К выплате";
	}
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-empty-feed,
	.top1-inline-note,
	.top1-inline-notice,
	.top1-compensation-bonus-form,
	.top1-compensation-action-form,
	.top1-compensation-reversal-form,
	.top1-compensation-ledger-entry
) {
	margin: 8px 0 !important;
	padding: 8px 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-left: 3px solid #64748b !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	color: #334155 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(.top1-inline-note, .top1-inline-notice)::before,
.top1-app-shell[data-top1-section="dashboard"] :is(.top1-inline-note, .top1-inline-notice)::after {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-empty-feed {
	min-height: 0 !important;
	align-content: start !important;
	gap: 5px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-empty-feed strong {
	color: #0f172a !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-empty-feed span {
	max-width: none !important;
	color: #475569 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-productivity-period-form,
	.top1-compensation-period-form,
	.top1-compensation-bonus-form
) {
	display: grid !important;
	gap: 8px !important;
	margin: 0 0 10px !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-period-form,
.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-period-form {
	display: flex !important;
	align-items: end !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-period-grid {
	grid-template-columns: 140px 140px !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-finance-month-filter-grid {
	grid-template-columns: 160px !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-client-form-field,
	.top1-compensation-bonus-grid label,
	.top1-productivity-period-grid label
) {
	min-width: 0 !important;
	gap: 5px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #475569 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-client-form-field span,
	.top1-compensation-bonus-grid label span,
	.top1-productivity-period-grid label span
) {
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea,
	.top1-compensation-bonus-form input,
	.top1-compensation-bonus-form select,
	.top1-compensation-bonus-form textarea,
	.top1-compensation-action-form input,
	.top1-compensation-reversal-form input,
	.top1-productivity-period-grid input,
	.top1-productivity-period-grid select
) {
	min-height: 36px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-app-button,
	.top1-secondary-button
) {
	min-height: 34px !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="dashboard"] :is(
		.top1-operational-grid,
		.top1-dashboard-overview-main
	) {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 920px) {
	.top1-app-shell[data-top1-section="dashboard"] :is(
		.top1-dashboard-kpi-grid,
		.top1-dashboard-overview-kpis,
		.top1-operational-kpis,
		.top1-compensation-summary,
		.top1-dashboard-owner-shortcut-grid
	) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.top1-app-shell[data-top1-section="dashboard"] :is(
		.top1-dashboard-kpi-grid,
		.top1-dashboard-overview-kpis,
		.top1-operational-kpis,
		.top1-compensation-summary,
		.top1-dashboard-owner-shortcut-grid
	) {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-operational-dashboard,
	.top1-app-shell[data-top1-section="dashboard"] :is(
		.top1-dashboard-card,
		.top1-operational-card,
		.top1-productivity-card,
		.top1-compensation-card
	) {
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-period-form,
	.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-period-form {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-productivity-period-grid,
	.top1-app-shell[data-top1-section="dashboard"] .top1-finance-month-filter-grid,
	.top1-app-shell[data-top1-section="dashboard"] .top1-compensation-bonus-grid {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] :is(
		.top1-productivity-period-form .top1-client-form-actions,
		.top1-productivity-period-form .top1-app-button,
		.top1-compensation-period-form .top1-client-form-actions,
		.top1-compensation-period-form .top1-app-button,
		.top1-compensation-bonus-form .top1-client-form-actions,
		.top1-compensation-bonus-form .top1-app-button
	) {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card .top1-table-placeholder {
		overflow-x: hidden !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card .top1-table-row {
		grid-template-columns: minmax(0, 1fr) auto !important;
		min-width: 0 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card .top1-table-row > div:nth-child(3) {
		display: block !important;
		grid-column: 1 / -1 !important;
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card .top1-order-link {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
	}
}

/* Dashboard alignment and subtle card separation. */
.top1-app-shell[data-top1-section="dashboard"] {
	--top1-dashboard-line: #d8e1ed;
	--top1-dashboard-soft-line: #e7edf5;
	--top1-dashboard-card-bg: #ffffff;
	--top1-dashboard-card-tint: #f9fbfe;
	--top1-dashboard-shadow: 0 7px 18px rgba(15, 23, 42, .045);
	--top1-dashboard-shadow-hover: 0 10px 24px rgba(15, 23, 42, .065);
}

.top1-app-shell[data-top1-section="dashboard"] .top1-workspace,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board].top1-cabinet-board {
	gap: 12px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main,
.top1-app-shell[data-top1-section="dashboard"] .top1-operational-grid,
.top1-app-shell[data-top1-section="dashboard"] .top1-dashboard-overview-main {
	gap: 12px !important;
	align-items: start !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-dashboard,
	.top1-dashboard-card,
	.top1-operational-card,
	.top1-productivity-card,
	.top1-compensation-card,
	.top1-dashboard-owner-shortcut,
	.top1-operational-kpi,
	.top1-summary-card
) {
	border-color: var(--top1-dashboard-line) !important;
	background: var(--top1-dashboard-card-bg) !important;
	box-shadow: var(--top1-dashboard-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-card,
	.top1-operational-card,
	.top1-productivity-card,
	.top1-compensation-card
) {
	display: grid !important;
	align-content: start !important;
	gap: 10px !important;
	padding: 12px !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-card:hover,
	.top1-operational-card:hover,
	.top1-productivity-card:hover,
	.top1-compensation-card:hover,
	.top1-dashboard-owner-shortcut:hover,
	.top1-operational-kpi:hover,
	.top1-summary-card:hover
) {
	border-color: #bfd0e4 !important;
	box-shadow: var(--top1-dashboard-shadow-hover) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-operational-head,
	.top1-dashboard-card > .top1-card-header,
	.top1-operational-card > .top1-card-header,
	.top1-productivity-card > .top1-card-header,
	.top1-compensation-card > .top1-card-header,
	.top1-compensation-bonus-header
) {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 0 9px !important;
	border-bottom: 1px solid var(--top1-dashboard-soft-line) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-card > .top1-card-header h2,
	.top1-operational-card > .top1-card-header h2,
	.top1-productivity-card > .top1-card-header h2,
	.top1-compensation-card > .top1-card-header h2,
	.top1-operational-head h2,
	.top1-compensation-bonus-header h3
) {
	margin: 0 !important;
	line-height: 1.15 !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-table-placeholder,
	.top1-productivity-table,
	.top1-compensation-table,
	.top1-compensation-unresolved,
	.top1-compensation-basis,
	.top1-compensation-timing
) {
	margin-top: 0 !important;
	border-color: var(--top1-dashboard-line) !important;
	background: var(--top1-dashboard-card-tint) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row {
	min-height: 36px !important;
	border-top-color: var(--top1-dashboard-soft-line) !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row:first-child {
	border-top: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-table-row-head {
	background: #edf4fb !important;
	border-bottom-color: #c9d7e8 !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card:nth-child(5) {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-owner-money-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-accrual-periods-card {
	width: 100% !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-owner-bonus-card {
	width: 100% !important;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-inline-badge,
.top1-app-shell[data-top1-section="dashboard"] .top1-finance-status {
	border-color: #d5dfec !important;
	background: #f8fbff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-kpi-grid .top1-kpi-card,
	.top1-dashboard-overview-kpis .top1-kpi-card,
	.top1-accountant-summary-grid .top1-summary-card,
	.top1-operational-kpis .top1-operational-kpi,
	.top1-compensation-summary .top1-summary-card
) {
	border-color: var(--top1-dashboard-line) !important;
	box-shadow: var(--top1-dashboard-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] :is(
	.top1-dashboard-kpi-grid .top1-kpi-card:hover,
	.top1-dashboard-kpi-grid .top1-kpi-card:focus-visible,
	.top1-dashboard-overview-kpis .top1-kpi-card:hover,
	.top1-dashboard-overview-kpis .top1-kpi-card:focus-visible,
	.top1-accountant-summary-grid .top1-summary-card:hover,
	.top1-accountant-summary-grid .top1-summary-card:focus-visible,
	.top1-operational-kpis .top1-operational-kpi:hover,
	.top1-operational-kpis .top1-operational-kpi:focus-visible,
	.top1-compensation-summary .top1-summary-card:hover,
	.top1-compensation-summary .top1-summary-card:focus-visible
) {
	border-color: #bfd0e4 !important;
	box-shadow: var(--top1-dashboard-shadow-hover) !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="dashboard"] .top1-operational-card:nth-child(5) {
		grid-column: 1 !important;
	}
}

/* Personal cabinets: tablet and phone readability for accountant and performer. */
@media (max-width: 1024px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board].top1-cabinet-board,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main {
		gap: 10px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header {
		min-height: 0 !important;
		padding: 9px 10px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title h1 {
		font-size: 20px !important;
		line-height: 1.15 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-card,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-summary-card {
		padding: 10px 12px !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-card-header {
		margin-bottom: 10px !important;
		padding-bottom: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-card {
		min-height: 66px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-value {
		margin-top: 5px !important;
		font-size: 18px !important;
		overflow-wrap: anywhere !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action-grid {
		gap: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-check-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action {
		min-height: 0 !important;
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row {
		grid-template-columns: minmax(96px, auto) minmax(128px, 1fr) minmax(138px, 1fr) minmax(180px, 1.25fr) minmax(64px, auto) minmax(84px, auto) !important;
		min-width: 690px !important;
		padding: 10px 12px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row {
		grid-template-columns: minmax(120px, 0.8fr) minmax(170px, 1.3fr) minmax(96px, auto) minmax(96px, auto) !important;
		min-width: 520px !important;
		padding: 10px 12px !important;
	}
}

@media (min-width: 681px) and (max-width: 900px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		align-items: center !important;
		flex-direction: row !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		height: 34px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field {
		flex: 0 1 220px !important;
		width: min(236px, 36vw) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
		width: auto !important;
	}
}

@media (max-width: 680px) {
	.top1-app-shell[data-top1-section="dashboard"] .top1-app-content {
		padding: 8px 6px 72px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] .top1-workspace,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board].top1-cabinet-board,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main {
		gap: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header {
		gap: 8px !important;
		padding: 8px !important;
		border-radius: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title h1 {
		font-size: 18px !important;
		line-height: 1.12 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-cabinet-page-title .top1-cabinet-row-note {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 6px !important;
		width: 100% !important;
		height: auto !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field {
		width: 100% !important;
		height: 32px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-input {
		height: 32px !important;
		min-height: 32px !important;
		font-size: 12px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
		width: auto !important;
		min-width: 92px !important;
		height: 32px !important;
		min-height: 32px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-card,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-summary-card {
		padding: 8px !important;
		border-radius: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-card-header {
		align-items: flex-start !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
		margin-bottom: 8px !important;
		padding-bottom: 7px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-card-header h2 {
		font-size: 14px !important;
		line-height: 1.18 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-inline-badge {
		min-height: 24px !important;
		padding: 5px 8px !important;
		font-size: 10.5px !important;
		line-height: 1.1 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-card {
		min-height: 56px !important;
		padding: 7px 8px !important;
		border-left-width: 3px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-label {
		font-size: 10.5px !important;
		line-height: 1.15 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-value {
		margin-top: 4px !important;
		font-size: 14px !important;
		line-height: 1.15 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 6px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-card {
		min-height: 62px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-card-note {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-grid {
		gap: 6px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-card {
		padding: 7px 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-card span {
		font-size: 10.5px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-card strong {
		font-size: 13px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action {
		gap: 3px !important;
		padding: 8px 9px !important;
		border-radius: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action strong {
		font-size: 13px !important;
		line-height: 1.15 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action span,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-row-note {
		font-size: 10.5px !important;
		line-height: 1.25 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals {
		overflow-x: visible !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row-head,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row-head {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 5px !important;
		min-width: 0 !important;
		margin: 0 0 6px !important;
		padding: 8px !important;
		border: 1px solid #dbe4ee !important;
		border-radius: 8px !important;
		background: #ffffff !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row > div {
		display: grid !important;
		grid-template-columns: 76px minmax(0, 1fr) !important;
		align-items: start !important;
		gap: 8px !important;
		min-width: 0 !important;
		overflow-wrap: anywhere !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div::before,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row > div::before {
		color: #64748b !important;
		font-size: 10.5px !important;
		font-weight: 850 !important;
		line-height: 1.25 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(1)::before {
		content: "Статус";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(2)::before {
		content: "Время";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(3)::before {
		content: "Авто";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(4)::before {
		content: "Работа";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(5)::before {
		content: "Пост";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(6)::before {
		content: "";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row > div:nth-child(1)::before {
		content: "Период";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row > div:nth-child(2)::before {
		content: "Основание";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row > div:nth-child(3)::before {
		content: "Начислено";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-compensation-table.is-cabinet-summary.is-personal-accruals .top1-table-row > div:nth-child(4)::before {
		content: "Осталось";
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-secondary-button {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-table.is-cabinet-summary {
		overflow-x: visible !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-table.is-cabinet-summary .top1-table-row {
		grid-template-columns: minmax(0, 1fr) auto !important;
		min-width: 0 !important;
		padding: 8px !important;
	}
}

@media (max-width: 420px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
		width: 100% !important;
	}
}

/* Settings simplification: UI-only pass, keep settings actions/data intact. */
.top1-app-shell[data-top1-section="settings"],
.top1-app-shell[data-top1-section="settings"] .top1-app-content {
	background: #f5f7fb !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-workspace {
	padding: 12px 14px !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: start !important;
	gap: 12px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-settings-header-tabs {
	grid-column: 1 / -1 !important;
	order: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-inline-notice,
.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card:has(.top1-supplier-price-import-form),
.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card:has(.top1-manual-targets-form),
.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card:has(.top1-compensation-policy-form),
.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-legal-profiles-card,
.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card:has(.top1-supplier-markup-form) {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-inline-notice {
	order: 1 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-settings-advanced-fold {
	grid-column: 1 / -1 !important;
	order: 2 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card {
	display: grid !important;
	align-content: start !important;
	gap: 10px !important;
	order: 2 !important;
	min-width: 0 !important;
	padding: 12px !important;
	overflow: hidden !important;
	border: 1px solid #d8e2ee !important;
	border-left: 4px solid #2563eb !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(2) {
	border-left-color: #14b8a6 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(3) {
	border-left-color: #6366f1 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(4) {
	border-left-color: #f59e0b !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(5) {
	border-left-color: #dc2626 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card:nth-of-type(6) {
	border-left-color: #0ea5e9 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-card-header,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-subheader {
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #dbe4ee !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-card-header h2,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-subheader h2,
.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-preview-block h3 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-inline-note,
	.top1-inline-notice
) {
	margin: 0 !important;
	padding: 9px 10px !important;
	border: 1px solid #d8e2ee !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 8px !important;
	background: #f8fbff !important;
	color: #334155 !important;
	font-size: 12px !important;
	font-weight: 650 !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inline-notice.is-success {
	border-color: #bbf7d0 !important;
	border-left-color: #16a34a !important;
	background: #f0fdf4 !important;
	color: #166534 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-notice.is-warning, .top1-inline-badge.is-warning) {
	border-color: #fed7aa !important;
	border-left-color: #f97316 !important;
	background: #fff7ed !important;
	color: #9a3412 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-notice.is-error, .top1-inline-badge.is-danger) {
	border-color: #fecdd3 !important;
	border-left-color: #e11d48 !important;
	background: #fff1f2 !important;
	color: #9f1239 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 38px !important;
	padding: 8px 10px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-row span {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 760 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inspector-row strong {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-align: right !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-client-form,
	.top1-supplier-price-import-form,
	.top1-manual-targets-form,
	.top1-compensation-policy-form,
	.top1-legal-profile-form,
	.top1-supplier-markup-form
) {
	display: grid !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-grid,
.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid,
.top1-app-shell[data-top1-section="settings"] .top1-compensation-policy-form .top1-client-form-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-field,
.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid label {
	display: grid !important;
	align-content: start !important;
	gap: 6px !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-field-wide {
	grid-column: span 2 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-field > span,
.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid label > span,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-enabled span,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-delete span,
.top1-app-shell[data-top1-section="settings"] .top1-data-confirm-field span {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 780 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea,
	.top1-supplier-price-mapping-grid input,
	.top1-supplier-price-mapping-grid select,
	.top1-supplier-price-mapping-grid textarea,
	.top1-table-row input,
	.top1-table-row select,
	.top1-table-row textarea
) {
	min-height: 36px !important;
	width: 100% !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-client-form-field textarea,
	.top1-supplier-price-mapping-grid textarea
) {
	min-height: 72px !important;
	resize: vertical !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea,
	.top1-supplier-price-mapping-grid input,
	.top1-supplier-price-mapping-grid select,
	.top1-supplier-price-mapping-grid textarea,
	.top1-table-row input,
	.top1-table-row select,
	.top1-table-row textarea
):focus {
	border-color: #2563eb !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.13) !important;
	outline: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-client-form-actions,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-app-button, .top1-secondary-button) {
	min-height: 34px !important;
	border-radius: 7px !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-secondary-button {
	border-color: #cbd5e1 !important;
	background: #ffffff !important;
	color: #0f172a !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-secondary-button.is-danger {
	border-color: #fecdd3 !important;
	background: #fff1f2 !important;
	color: #be123c !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-table-placeholder,
	.top1-order-detail-table,
	.top1-supplier-price-preview-table,
	.top1-supplier-price-preview-block
) {
	max-width: 100% !important;
	padding: 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	-webkit-overflow-scrolling: touch !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-preview-block {
	display: grid !important;
	gap: 8px !important;
	padding: 10px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row {
	min-height: 38px !important;
	padding: 8px 10px !important;
	border: 0 !important;
	border-top: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row:first-child {
	border-top: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row:nth-child(even):not(.top1-table-row-head) {
	background: #f8fafc !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row-head {
	min-height: 36px !important;
	border-top: 0 !important;
	border-bottom: 1px solid #cbd5e1 !important;
	background: #edf2f7 !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row > div {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #334155 !important;
	text-overflow: ellipsis !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-table-row strong {
	color: #0f172a !important;
	font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-supplier-markup-form .top1-table-row {
	grid-template-columns: 150px 130px minmax(160px, 1fr) minmax(200px, 1.2fr) !important;
	min-width: 720px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-preview-table .top1-table-row {
	min-width: 760px !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inline-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border: 1px solid #bfdbfe !important;
	border-radius: 999px !important;
	background: #eff6ff !important;
	color: #1d4ed8 !important;
	font-size: 11px !important;
	font-weight: 820 !important;
	line-height: 1 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-inline-badge.is-success {
	border-color: #bbf7d0 !important;
	background: #f0fdf4 !important;
	color: #15803d !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-targets-list,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-list {
	display: grid !important;
	gap: 8px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item {
	display: grid !important;
	gap: 10px !important;
	min-width: 0 !important;
	padding: 10px !important;
	border: 1px solid #dbe4ee !important;
	border-left: 3px solid #6366f1 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item {
	border-left-color: #14b8a6 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item-head {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	min-width: 0 !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-row-head > span,
.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item-head strong {
	color: #0f172a !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-item-head span:not(.top1-inline-badge) {
	color: #64748b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-fields {
	display: grid !important;
	grid-template-columns: minmax(160px, 1fr) minmax(220px, 2fr) minmax(120px, 0.8fr) minmax(90px, 0.6fr) !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-manual-target-enabled,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-delete,
.top1-app-shell[data-top1-section="settings"] .top1-data-confirm-field {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: fit-content !important;
	max-width: 100% !important;
	min-height: 30px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-data-confirm-field input,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-enabled input,
.top1-app-shell[data-top1-section="settings"] .top1-manual-target-delete input {
	flex: 0 0 auto !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions form {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details {
	display: grid !important;
	gap: 10px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details summary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: fit-content !important;
	min-height: 32px !important;
	padding: 0 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	list-style: none !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details summary::-webkit-details-marker {
	display: none !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="settings"] .top1-clients-main {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 920px) {
	.top1-app-shell[data-top1-section="settings"] .top1-client-form-grid,
	.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid,
	.top1-app-shell[data-top1-section="settings"] .top1-compensation-policy-form .top1-client-form-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-manual-target-fields {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.top1-app-shell[data-top1-section="settings"] .top1-clients-workspace {
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-content-card.top1-clients-card {
		padding: 10px !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-inspector-list,
	.top1-app-shell[data-top1-section="settings"] .top1-client-form-grid,
	.top1-app-shell[data-top1-section="settings"] .top1-supplier-price-mapping-grid,
	.top1-app-shell[data-top1-section="settings"] .top1-compensation-policy-form .top1-client-form-grid,
	.top1-app-shell[data-top1-section="settings"] .top1-manual-target-fields {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-client-form-field-wide {
		grid-column: auto !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-inspector-row {
		grid-template-columns: 1fr !important;
		align-items: start !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-inspector-row strong {
		text-align: left !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-client-form-actions,
	.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions,
	.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions form {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.top1-app-shell[data-top1-section="settings"] .top1-client-form-actions :is(.top1-app-button, .top1-secondary-button),
	.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-actions :is(.top1-app-button, .top1-secondary-button),
	.top1-app-shell[data-top1-section="settings"] .top1-legal-profile-details summary {
		width: 100% !important;
	}
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-note, .top1-inline-notice)::before,
.top1-app-shell[data-top1-section="settings"] :is(.top1-inline-note, .top1-inline-notice)::after {
	content: none !important;
	display: none !important;
}

.top1-app-shell[data-top1-section="settings"] :is(
	.top1-data-confirm-field input[type="checkbox"],
	.top1-manual-target-enabled input[type="checkbox"],
	.top1-manual-target-delete input[type="checkbox"],
	.top1-client-form-field input[type="checkbox"]
) {
	flex: 0 0 16px !important;
	width: 16px !important;
	min-width: 16px !important;
	max-width: 16px !important;
	height: 16px !important;
	min-height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 4px !important;
	accent-color: #2563eb !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="settings"] :is(.top1-app-button, .top1-secondary-button) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-height: 36px !important;
	height: 36px !important;
	padding: 8px 12px !important;
	line-height: 1.1 !important;
}

.top1-app-shell[data-top1-section="settings"] .top1-clients-main > .top1-content-card.top1-clients-card {
	background: #ffffff !important;
}
.top1-app-shell[data-top1-section="team"] .top1-team-create-actions-row {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  overflow: visible !important;
  position: relative !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-create-actions-row > .top1-app-button {
  margin-right: auto !important;
}

.top1-app-shell[data-top1-section="team"] .top1-team-create-actions-row .top1-fot-rules-popover {
  margin: 0 0 0 auto !important;
}

.top1-team-create-actions-row .top1-team-registry-popover,
.top1-fot-rules-popover {
  display: inline-block;
  position: relative;
}

.top1-fot-rules-popover > summary {
  cursor: pointer;
  width: max-content;
}

.top1-fot-rules-popover .top1-fot-rules-panel {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(37, 99, 235, 0.28);
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  margin-top: 10px;
  padding: 14px;
  position: absolute;
  left: auto;
  right: 0;
  top: 100%;
  width: min(920px, calc(100vw - 280px));
  z-index: 40;
}

.top1-fot-rules-popover .top1-compensation-policy-form {
  margin: 0;
}

.top1-fot-payment-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.top1-fot-payment-row {
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(220px, 1fr) 160px;
  padding: 9px 10px;
}

.top1-fot-payment-check {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  font-weight: 700;
}

.top1-fot-payment-row input[type="number"] {
  min-width: 0;
}

.top1-access-profile-form {
  border-top: 1px solid rgba(148, 163, 184, 0.26);
  margin-top: 12px;
  padding-top: 12px;
}

.top1-access-profile-editor {
  margin-top: 0;
}

.top1-access-profile-permissions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.top1-access-profile-permission-group {
  align-items: center;
  color: #1e3a8a;
  display: flex;
  font-size: 11px;
  font-weight: 900;
  grid-column: 1 / -1;
  letter-spacing: 0;
  margin: 6px 0 -2px;
  min-height: 20px;
  text-transform: uppercase;
}

.top1-access-profile-permission-row {
  grid-template-columns: 1fr;
}

.top1-fot-create-position {
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  margin-top: 12px;
  overflow: hidden;
}

.top1-fot-create-position > summary {
  align-items: center;
  color: #1e3a8a;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 850;
  gap: 8px;
  min-height: 38px;
  padding: 9px 12px;
  user-select: none;
}

.top1-fot-create-position > summary::-webkit-details-marker {
  display: none;
}

.top1-fot-create-position > summary::marker {
  content: "";
}

.top1-fot-create-position > summary::before {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
  font-weight: 950;
  line-height: 1;
}

.top1-fot-create-position[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.24);
}

.top1-fot-create-position[open] > summary::before {
  content: "-";
}

.top1-fot-create-position-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 260px);
  padding: 12px;
}

.top1-fot-create-submit {
  margin: 0 12px 12px;
}

.top1-fot-actions {
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
}

.top1-danger-button {
  background: linear-gradient(135deg, #fff1f2, #fff);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 10px;
  color: #b91c1c;
  cursor: pointer;
  font-weight: 800;
  padding: 10px 14px;
}

.top1-danger-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

@media (max-width: 900px) {
  .top1-app-shell[data-top1-section="team"] .top1-team-create-actions-row {
    align-items: stretch !important;
  }

  .top1-app-shell[data-top1-section="team"] .top1-team-create-actions-row .top1-fot-rules-popover {
    margin-left: 0 !important;
  }

  .top1-fot-rules-popover .top1-fot-rules-panel {
    position: static;
    width: 100%;
  }

  .top1-fot-payment-row,
  .top1-fot-create-position-grid {
    grid-template-columns: 1fr;
  }

  .top1-access-profile-permissions {
    grid-template-columns: 1fr;
  }
}

/* Personal productivity: compact phone/tablet view for performers. */
@media (max-width: 980px) {
  .top1-app-shell[data-top1-section="my_productivity"] .top1-workspace {
    gap: 10px;
    padding: 8px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-dashboard-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-kpi-card,
  .top1-app-shell[data-top1-section="my_productivity"] .top1-content-card {
    border-radius: 8px;
    box-shadow: none;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-kpi-card {
    min-height: 64px;
    padding: 10px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-summary-label {
    font-size: 11px;
    line-height: 1.2;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-summary-value {
    font-size: 18px;
    line-height: 1.1;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-dashboard-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-card-header {
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-card-header h2 {
    font-size: 16px;
    line-height: 1.2;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-productivity-period-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-productivity-table,
  .top1-app-shell[data-top1-section="my_productivity"] .top1-accrual-periods-card {
    margin-top: 8px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-grid.is-employee {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 8px 0 0;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-card {
    gap: 8px;
    padding: 10px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-header {
    align-items: flex-start;
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-header h3 {
    font-size: 13px;
    line-height: 1.2;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-title-period {
    white-space: normal;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-values {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-values div {
    padding: 7px 8px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-values span {
    font-size: 10px;
    line-height: 1.15;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-values strong {
    font-size: 14px;
    line-height: 1.1;
  }
}

@media (max-width: 430px) {
  .top1-app-shell[data-top1-section="my_productivity"] .top1-workspace {
    padding: 6px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-dashboard-kpi-grid {
    gap: 6px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-kpi-card,
  .top1-app-shell[data-top1-section="my_productivity"] .top1-content-card {
    padding: 9px;
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-productivity-period-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="my_productivity"] .top1-compensation-cycle-values {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Order work shares: make the percent badge read as a share of one work item. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card {
  grid-template-columns: minmax(0, 1fr) minmax(118px, 0.5fr) 78px 72px 24px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
  width: auto !important;
  min-width: 58px !important;
  padding: 0 8px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performers-table {
  grid-column: 2 / 4 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line {
  grid-template-columns: minmax(0, 1fr) 76px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em {
  min-width: 74px !important;
  padding: 0 6px !important;
  font-size: 9.5px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-performer-line em.is-warning {
  border: 1px solid #fed7aa !important;
  background: #fff7ed !important;
  color: #c2410c !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-total {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 22px !important;
  margin: -2px 0 8px !important;
  padding: 4px 8px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
  color: #475569 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-total.is-warning,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-warning {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #c2410c !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-share-warning {
  grid-column: 2 / 5 !important;
  grid-row: 2 !important;
  margin: 2px 0 0 !important;
  padding: 5px 8px !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
}

/* Restored order-like repair plan UI from 371.zip, 2026-06-21. */
/* Repair plan: fast pre-order draft workspace. */
.top1-app-shell[data-top1-section="repair_plan"] {
  --top1-content-max: 1390px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-app-content {
  padding-top: 12px;
}

.top1-repair-plan-page {
  display: grid;
  gap: 12px;
}

.top1-repair-kpi-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.top1-repair-kpi-strip span {
  display: inline-flex;
  gap: 6px;
  align-items: baseline;
  padding: 7px 11px;
  border: 1px solid var(--top1-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--top1-muted);
  font-size: 12px;
  font-weight: 800;
}

.top1-repair-kpi-strip strong {
  color: var(--top1-text);
  font-size: 14px;
}

.top1-repair-plan-layout {
  display: grid;
  grid-template-columns: minmax(230px, 278px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.top1-repair-plan-list,
.top1-repair-plan-detail {
  min-width: 0;
}

.top1-repair-plan-list {
  position: sticky;
  top: 12px;
  align-self: start;
  padding: 12px;
}

.top1-repair-list-header {
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.top1-repair-list-header h3,
.top1-repair-block h3,
.top1-repair-hero-card h3,
.top1-repair-final-actions h3 {
  margin: 0;
}

.top1-repair-list-header p,
.top1-repair-block p,
.top1-repair-hero-card p,
.top1-repair-final-actions p {
  margin: 4px 0 0;
  color: var(--top1-muted);
}

.top1-repair-plan-list-scroll {
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 170px);
  overflow: auto;
  padding-right: 2px;
}

.top1-repair-plan-card {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--top1-border);
  border-radius: 12px;
  background: var(--top1-surface-alt);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.top1-repair-plan-card:hover,
.top1-repair-plan-card.is-active {
  border-color: rgba(37, 99, 235, 0.32);
  box-shadow: var(--top1-shadow);
  transform: translateY(-1px);
}

.top1-repair-plan-card-top {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}

.top1-repair-plan-card small,
.top1-repair-line small,
.top1-repair-muted-note,
.top1-repair-warning-note {
  color: var(--top1-muted);
}

.top1-repair-card-total {
  font-weight: 800;
  color: var(--top1-text);
}

.top1-repair-status,
.top1-repair-line-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 8px;
  border: 1px solid var(--top1-border);
  border-radius: 999px;
  background: var(--top1-surface-muted);
  color: var(--top1-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}

.top1-repair-status.is-draft {
  background: var(--top1-accent-soft);
  border-color: rgba(37, 99, 235, 0.22);
  color: var(--top1-accent);
}

.top1-repair-status.is-sent {
  background: var(--top1-warning-soft);
  border-color: var(--top1-warning-border);
  color: var(--top1-warning);
}

.top1-repair-status.is-approved,
.top1-repair-status.is-converted,
.top1-repair-line-badge.is-known {
  background: var(--top1-success-soft);
  border-color: var(--top1-success-border);
  color: var(--top1-success);
}

.top1-repair-status.is-cancelled,
.top1-repair-line-badge.is-unknown {
  background: var(--top1-danger-soft);
  border-color: var(--top1-danger-border);
  color: var(--top1-danger);
}

.top1-repair-plan-detail {
  display: grid;
  gap: 12px;
}

.top1-repair-detail-header,
.top1-repair-final-actions,
.top1-repair-save-row {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}

.top1-repair-eyebrow {
  color: var(--top1-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.top1-repair-header-actions,
.top1-repair-action-row,
.top1-repair-template-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.top1-repair-template-row {
  justify-content: flex-start;
}

.top1-repair-template-row > span {
  color: var(--top1-muted);
  font-size: 12px;
  font-weight: 800;
}

.top1-repair-template-row-inline {
  justify-content: flex-end;
  max-width: 560px;
}

.top1-repair-template-row-hero {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--top1-border);
}

.top1-repair-total-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.top1-repair-total-panel > div {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid var(--top1-border);
  border-radius: 12px;
  background: var(--top1-surface-alt);
}

.top1-repair-total-panel span {
  color: var(--top1-muted);
  font-size: 12px;
  font-weight: 700;
}

.top1-repair-total-panel strong {
  font-size: 17px;
}

.top1-repair-main-form,
.top1-repair-line-form,
.top1-repair-live-preview {
  display: grid;
  gap: 10px;
}

.top1-repair-form-grid,
.top1-repair-quick-fields,
.top1-repair-add-grid,
.top1-repair-columns {
  display: grid;
  gap: 12px;
}

.top1-repair-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.top1-repair-quick-fields {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.65fr);
}

.top1-repair-add-grid,
.top1-repair-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.top1-repair-main-form label,
.top1-repair-line-form label {
  display: grid;
  gap: 5px;
  color: var(--top1-muted);
  font-size: 13px;
  font-weight: 700;
}

.top1-repair-main-form input,
.top1-repair-main-form textarea,
.top1-repair-line-form input,
.top1-repair-line-form textarea,
.top1-repair-line-form select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--top1-border-strong);
  border-radius: 10px;
  background: var(--top1-surface);
  color: var(--top1-text);
  font: inherit;
}

.top1-repair-main-form textarea,
.top1-repair-line-form textarea {
  resize: vertical;
}

.top1-repair-main-form input:disabled,
.top1-repair-main-form textarea:disabled,
.top1-repair-line-form input:disabled,
.top1-repair-line-form button:disabled,
.top1-app-button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.top1-repair-field-wide {
  grid-column: 1 / -1;
}

.top1-repair-extra-fields {
  padding: 10px 12px;
  border: 1px solid var(--top1-border);
  border-radius: 12px;
  background: var(--top1-surface-alt);
}

.top1-repair-extra-fields summary {
  cursor: pointer;
  color: var(--top1-muted);
  font-size: 13px;
  font-weight: 800;
}

.top1-repair-extra-fields .top1-repair-form-grid {
  margin-top: 10px;
}

.top1-repair-form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
}

.top1-repair-line-form {
  gap: 9px;
}

.top1-repair-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.top1-repair-items {
  display: grid;
  gap: 9px;
}

.top1-repair-line {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  border: 1px solid var(--top1-border);
  border-radius: 12px;
  background: var(--top1-surface-alt);
}

.top1-repair-line > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.top1-repair-line strong {
  word-break: break-word;
}

.top1-repair-line-side {
  display: grid;
  gap: 5px;
  justify-items: end;
  min-width: 96px;
  text-align: right;
}

.top1-repair-inline-action {
  margin: 0;
}

.top1-link-button,
.top1-chip-button {
  border: 0;
  background: transparent;
  color: var(--top1-accent);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.top1-chip-button {
  padding: 7px 11px;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 999px;
  background: var(--top1-accent-soft);
}

.top1-chip-button:hover {
  border-color: rgba(37, 99, 235, 0.42);
}

.top1-repair-remove-button {
  padding: 0;
  color: var(--top1-danger);
  font-size: 12px;
}

.top1-danger-button {
  border-color: var(--top1-danger-border) !important;
  background: var(--top1-danger-soft) !important;
  color: var(--top1-danger) !important;
}

.top1-repair-empty-list {
  padding: 12px;
  border: 1px dashed var(--top1-border-strong);
  border-radius: 12px;
  background: var(--top1-surface-alt);
  color: var(--top1-muted);
}

.top1-repair-empty-list p {
  margin: 4px 0 0;
}

.top1-repair-empty-list-compact {
  padding: 14px;
}

.top1-repair-disabled-block {
  opacity: 0.82;
}

.top1-repair-final-actions-muted {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.top1-repair-warning-note {
  color: var(--top1-warning);
  font-weight: 800;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card {
  display: grid;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 0;
  padding: 16px;
  border: 1px solid #d7e3f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header h2 {
  margin: 0;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.18;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  max-width: min(680px, 58vw);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions .top1-secondary-button {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: 10px;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions .top1-secondary-button.is-navigation {
  border-color: #dbe6f2;
  background: #f8fafc;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions .top1-secondary-button.is-warning {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #9a3412;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions .top1-secondary-button.is-positive {
  border-color: rgba(34, 197, 94, 0.3);
  background: #ecfdf5;
  color: #15803d;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-panel,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block {
  border: 1px solid #d7e3f0;
  background: #ffffff;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.025);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-panel {
  padding: 10px;
  border-radius: 14px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 46px;
  padding: 9px 11px;
  border: 1px solid #dbe6f2;
  border-radius: 10px;
  background: #f8fafc;
  color: #526276;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
  font-size: 11px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step strong {
  min-width: 0;
  color: inherit;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step.is-complete {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step.is-complete span,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step.is-current span {
  background: #16a34a;
  color: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step.is-current {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step.is-muted {
  opacity: 0.62;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step.is-refusal {
  border-color: #fecaca;
  background: #fff1f2;
  color: #b91c1c;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border-radius: 10px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-focus-tile {
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-focus-tile + .top1-focus-tile {
  border-left: 1px solid #e2e8f0;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-focus-title {
  font-size: 10px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-focus-note {
  font-size: 13px;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-panel {
  gap: 5px;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header {
  min-height: 0;
  padding: 0 0 5px;
  border-bottom: 1px solid #eef2f7;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header h2 {
  font-size: 12.5px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-panel .top1-inspector-row {
  grid-template-columns: minmax(76px, 0.32fr) minmax(0, 1fr);
  gap: 5px 8px;
  padding: 4px 0;
  border-color: #eef2f7;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block {
  position: relative;
  display: block;
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  scroll-margin-top: 96px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 20px;
  border-radius: 999px;
  background: #94a3b8;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block-services::before {
  background: #2563eb;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block-parts::before {
  background: #16a34a;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-section-header,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6edf5;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-section-header h2,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-header h2,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-identity-card h2 {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.15;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table {
  gap: 0;
  margin-top: 0;
  border: 1px solid #dbe6f2;
  border-radius: 8px 8px 0 0;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row {
  display: grid;
  min-height: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row + .top1-table-row {
  border-top: 1px solid #edf2f7;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-service-lines-table .top1-table-row {
  grid-template-columns: minmax(260px, 1fr) 104px 112px minmax(96px, max-content);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row {
  grid-template-columns: minmax(240px, 1fr) 82px 104px 112px minmax(96px, max-content);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row-head {
  min-height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row > div {
  min-width: 0;
  align-content: center;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row-head > div {
  color: #475569;
  font-size: 10.5px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-title {
  display: grid;
  gap: 4px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-title strong,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row strong {
  color: #0f172a;
  font-size: 12.5px;
  line-height: 1.25;
  word-break: break-word;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-title small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-actions {
  display: flex;
  justify-content: flex-end;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-lines-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fbfdff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-lines-foot span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-lines-foot strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block-final {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 6px 8px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total + .top1-order-payment-total {
  border-left: 1px solid #edf2f7;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total span {
  color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total.is-active {
  background: #eff6ff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-boundary-note {
  margin: 0;
  padding: 0 2px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-flow {
  display: grid;
  gap: 12px;
}

@media (max-width: 1180px) {
  .top1-repair-plan-layout,
  .top1-repair-add-grid,
  .top1-repair-columns,
  .top1-repair-order-flow,
  .top1-repair-total-panel {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-meta,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block-final {
    grid-template-columns: 1fr;
  }

  .top1-repair-plan-list {
    position: static;
  }

  .top1-repair-plan-list-scroll {
    max-height: none;
  }
}

@media (max-width: 720px) {
  .top1-repair-form-grid,
  .top1-repair-quick-fields,
  .top1-repair-mini-grid {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-kpis,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-summary {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions {
    justify-content: flex-start;
    max-width: none;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-steps {
    grid-template-columns: 1fr;
    overflow-x: visible;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-boundary-note {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-focus-tile + .top1-focus-tile,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total + .top1-order-payment-total {
    border-top: 1px solid #edf2f7;
    border-left: 0;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-service-lines-table .top1-table-row,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row-head {
    display: none;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) > div::before {
    flex: 0 0 auto;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Работа"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Цена"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-service-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(1)::before { content: "Позиция"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(2)::before { content: "Кол-во"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(3)::before { content: "Цена"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(4)::before { content: "Сумма"; }
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-part-lines-table .top1-table-row:not(.top1-table-row-head) > div:nth-child(5)::before { content: "Действие"; }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-title {
    display: grid !important;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-title::before {
    content: none !important;
  }

  .top1-repair-detail-header,
  .top1-repair-final-actions,
  .top1-repair-save-row,
  .top1-repair-line {
    flex-direction: column;
  }

  .top1-repair-header-actions,
  .top1-repair-action-row,
  .top1-repair-line-side,
  .top1-repair-template-row-inline {
    justify-content: flex-start;
    justify-items: start;
    text-align: left;
  }
}
/* TOP1 repair plan order-naryad layout restore from 371.zip. */
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-layout {
  display: block !important;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list {
  display: none !important;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-detail {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-final-actions {
  max-width: none !important;
}

/* TOP1 repair plan final quiet UI pass: keep AI widgets unchanged. */
.top1-app-shell[data-top1-section="repair_plan"] {
  --top1-content-max: 1320px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-app-content {
  background: #f5f7fb;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-detail,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-flow {
  gap: 10px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip {
  gap: 6px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 8px;
  background: #ffffff;
  font-size: 11px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-panel,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-work-block,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-final-actions {
  border-radius: 8px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header {
  gap: 10px;
  padding: 12px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header h2 {
  font-size: 18px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions {
  gap: 6px;
  max-width: 560px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions .top1-secondary-button,
.top1-app-shell[data-top1-section="repair_plan"] .top1-chip-button {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 7px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-panel,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-final-actions {
  padding: 10px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-steps {
  grid-template-columns: repeat(4, minmax(96px, 1fr));
  gap: 6px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-step {
  min-height: 38px;
  padding: 7px 9px;
  border-radius: 7px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-kpis,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-meta,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-summary,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-add-grid,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-form-grid,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-quick-fields,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-mini-grid {
  gap: 8px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-focus-tile,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-panel,
.top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-total {
  padding: 9px 10px;
  border-radius: 7px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-panel .top1-card-header {
  margin-bottom: 6px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-panel .top1-card-header h2 {
  font-size: 13px;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-inspector-list {
  gap: 5px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-inspector-row {
  gap: 8px;
  min-height: 26px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-boundary-note {
  margin: 0;
  padding: 8px 10px;
  border-radius: 7px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-template-row-hero {
  margin-top: 8px;
  padding-top: 8px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details {
  overflow: hidden;
  padding: 0;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details > summary {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 10px 12px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details > summary::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details > summary::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid #dbe6f2;
  border-radius: 7px;
  background: #f8fafc;
  color: #1d4ed8;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details[open] > summary::after {
  content: "-";
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-title {
  display: block;
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details > form {
  padding: 0 12px 12px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-main-form,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-form {
  gap: 8px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-main-form label,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-form label {
  gap: 4px;
  font-size: 12px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-main-form input,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-main-form textarea,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-form input,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-form textarea,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-form select {
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 7px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-add-grid .top1-card-header p,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-identity-card .top1-card-header p {
  display: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head) {
  min-height: 48px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-line-actions {
  gap: 6px;
}

@media (max-width: 720px) {
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip {
    display: none;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-final-actions {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-action-row {
    justify-content: flex-start;
    max-width: none;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-header-actions > *,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-action-row > *,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-action-row form > button {
    width: 100%;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-workflow-steps,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-kpis,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-document-summary .top1-order-detail-meta,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-add-grid,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-form-grid,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-quick-fields,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-mini-grid,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-order-payment-summary {
    grid-template-columns: 1fr;
  }
}
.top1-service-data-shell {
	display: grid;
	gap: 14px;
}

.top1-service-data-tabs {
	margin-bottom: 2px;
}

.top1-service-data-summary {
	margin-bottom: 0;
	--top1-summary-columns: 4;
}

.top1-service-data-card .top1-card-header {
	align-items: center;
}

/* === TOP1 Repair Plan World-Class Workspace 2026-07-14 === */
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page {
  --repair-ink: #172033;
  --repair-muted: #65758b;
  --repair-line: #dce5f0;
  --repair-blue: #2563eb;
  --repair-green: #159766;
  gap: 12px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-layout {
  display: grid !important;
  grid-template-columns: minmax(238px, 270px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list {
  display: block !important;
  position: sticky;
  top: 12px;
  padding: 12px;
  border: 1px solid var(--repair-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 36px rgba(30, 52, 82, 0.07);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-header {
  margin-bottom: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #edf2f7;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-header h3 {
  color: var(--repair-ink);
  font-size: 16px;
  letter-spacing: -0.015em;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-header p {
  max-width: 170px;
  font-size: 10.5px;
  line-height: 1.35;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-search {
  display: grid;
  gap: 5px;
  margin-bottom: 9px;
  color: var(--repair-muted);
  font-size: 10.5px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-search input {
  width: 100%;
  min-height: 36px;
  padding: 8px 10px 8px 32px;
  border: 1px solid var(--repair-line);
  border-radius: 9px;
  background:
    linear-gradient(90deg, transparent 30px, #edf2f7 30px, #edf2f7 31px, transparent 31px),
    #f8fafc;
  color: var(--repair-ink);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-search::after {
  content: "⌕";
  position: absolute;
  margin: 25px 0 0 10px;
  color: #7b8ca4;
  font-size: 16px;
  pointer-events: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-search input:focus-visible,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger:focus-visible,
.top1-app-shell[data-top1-section="repair_plan"] .top1-partsapi-panel > summary:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.2);
  outline-offset: 2px;
  border-color: #7db0ff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list-scroll {
  gap: 7px;
  max-height: calc(100vh - 220px);
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-card {
  gap: 5px;
  padding: 10px;
  border-color: #e2e8f0;
  border-radius: 10px;
  background: #fbfdff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-card:hover,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-card.is-active {
  transform: translateX(2px);
  border-color: #9cc0ff;
  background: #f5f9ff;
  box-shadow: inset 3px 0 0 var(--repair-blue), 0 8px 20px rgba(37, 99, 235, 0.08);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-card > span:not(.top1-repair-plan-card-top) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-no-results {
  padding: 18px 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  color: var(--repair-muted);
  background: #f8fafc;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-order-card > .top1-card-header {
  border-radius: 14px;
  background:
    radial-gradient(circle at 92% -20%, rgba(37, 99, 235, 0.13), transparent 34%),
    #ffffff;
  box-shadow: 0 15px 38px rgba(30, 52, 82, 0.07);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-eyebrow {
  margin-bottom: 4px;
  color: #42638e;
  font-size: 10px;
  letter-spacing: 0.11em;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-boundary-note {
  padding: 9px 12px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f7fbff;
  color: #49627f;
  font-size: 11.5px;
  font-weight: 750;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid #cfe1f8;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fbff 0%, #f3f8ff 100%);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card.is-independent {
  border-color: #d8e5df;
  background: linear-gradient(135deg, #fbfefd 0%, #f1faf6 100%);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #e8f1ff;
  color: #1d4ed8;
  font-size: 18px;
  font-weight: 900;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card.is-independent .top1-repair-origin-mark {
  background: #dcf5e9;
  color: #087454;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card strong {
  color: var(--repair-ink);
  font-size: 13px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card p {
  margin: 3px 0 0;
  color: var(--repair-muted);
  font-size: 11.5px;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-summary {
  display: grid;
  gap: 9px;
  padding: 13px;
  border: 1px solid #d7e2ef;
  border-radius: 13px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(30, 52, 82, 0.055);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-head > div {
  display: flex;
  align-items: baseline;
  gap: 9px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-head span,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid span {
  color: var(--repair-muted);
  font-size: 10.5px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-head strong {
  color: var(--repair-ink);
  font-size: 21px;
  letter-spacing: -0.035em;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-head small {
  color: #77869a;
  font-size: 10.5px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fbfdff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid > div + div {
  border-left: 1px solid #e7edf4;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid strong {
  color: var(--repair-ink);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-workspace {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid #d7e2ef;
  border-radius: 13px;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-workspace-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: end;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-workspace-head span {
  color: #52709a;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-workspace-head h2 {
  margin: 2px 0 0;
  color: var(--repair-ink);
  font-size: 16px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-workspace-head p {
  margin: 0;
  color: var(--repair-muted);
  font-size: 11px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-popover {
  padding: 0;
  overflow: hidden;
  border-radius: 11px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-popover::before {
  top: 12px;
  height: 30px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 12px;
  cursor: pointer;
  list-style: none;
  background: #fbfdff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger::-webkit-details-marker {
  display: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger strong,
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger small {
  display: block;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger strong {
  color: var(--repair-ink);
  font-size: 13px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger small {
  margin-top: 2px;
  color: var(--repair-muted);
  font-size: 10.5px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-trigger em {
  color: #52709a;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 20px;
  font-weight: 700;
  transition: transform 160ms ease;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-popover[open] .top1-repair-calculator-icon {
  transform: rotate(45deg);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-popover > form {
  padding: 12px;
  border-top: 1px solid #e7edf4;
  background: #ffffff;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px 12px;
  padding: 9px 10px;
  border: 1px solid #cfe0f6;
  border-radius: 9px;
  background: #f6faff;
  color: #5a6d85;
  font-size: 11px;
  font-weight: 800;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-preview strong {
  color: #173c72;
  font-size: 15px;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-line-preview small {
  width: 100%;
  color: #718198;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-partsapi-panel {
  overflow: hidden;
  border: 1px solid #d7e2ef;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-partsapi-panel > summary {
  padding: 11px 13px;
  border-radius: 11px;
  background: linear-gradient(90deg, #f8fbff, #f3f8ff);
  color: #1d4ed8;
  font-size: 12.5px;
  font-weight: 850;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-partsapi-panel > form {
  margin: 0;
  padding: 12px;
  border-top: 1px solid #e7edf4;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details {
  border-radius: 12px;
  box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-edit-details .top1-card-header p {
  display: block;
  font-size: 11px;
  line-height: 1.4;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-order-detail-table .top1-table-row:not(.top1-table-row-head):hover {
  background: #f9fbfe;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-final-actions {
  border-radius: 13px;
  background:
    radial-gradient(circle at 92% 0%, rgba(21, 151, 102, 0.09), transparent 30%),
    #ffffff;
  box-shadow: 0 12px 30px rgba(30, 52, 82, 0.055);
}

@media (max-width: 1180px) {
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-layout {
    grid-template-columns: 1fr !important;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list {
    position: static;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list-scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 260px;
  }
}

@media (max-width: 820px) {
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-list-scroll,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-add-grid {
    grid-template-columns: 1fr;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-grid > div + div {
    border-top: 1px solid #e7edf4;
    border-left: 0;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-origin-card > .top1-secondary-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculation-head,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-workspace-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-card,
  .top1-app-shell[data-top1-section="repair_plan"] .top1-repair-calculator-icon {
    transition: none;
  }
}

.top1-service-data-card .top1-card-header p {
	margin: 4px 0 0;
	max-width: 760px;
	color: #64748b;
	font-size: 13px;
	line-height: 1.35;
}

.top1-service-data-unified-header {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(226, 232, 240, .92);
}

.top1-service-data-unified-form {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(148, 163, 184, .24);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(248, 250, 252, .78) 0%, #ffffff 100%);
}

.top1-service-data-client-vehicle-form {
	display: grid;
	gap: 12px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.top1-service-data-linked-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.top1-service-data-unified-form .top1-client-form-field {
	min-width: 0;
}

.top1-service-data-unified-form .top1-client-address-fieldset {
	grid-column: 1 / -1;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.top1-service-data-unified-form .top1-client-address-fieldset legend {
	padding: 0 0 6px;
	color: #1f2937;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: none;
}

.top1-service-data-unified-form .top1-client-form-field-wide {
	grid-column: span 2;
}

.top1-service-data-unified-form .top1-client-address-grid {
	grid-template-columns: minmax(120px, .7fr) minmax(140px, .85fr) minmax(180px, 1.3fr) minmax(94px, .55fr) minmax(104px, .6fr);
}

.top1-service-data-unified-form .top1-client-form-actions {
	grid-column: 1 / -1;
	align-self: end;
	padding-top: 0;
}

.top1-service-data-unified-form .top1-inline-note {
	order: 20;
	grid-column: 1 / -1;
	margin: 0;
}

.top1-service-data-card[data-top1-service-data-client-vehicle-registry] .top1-clients-registry {
	overflow: visible;
}

.top1-service-data-pair-row {
	grid-template-columns: minmax(220px, 1.35fr) minmax(150px, .85fr) minmax(170px, .9fr) minmax(120px, .65fr) minmax(180px, .82fr);
	align-items: center;
}

.top1-service-data-pair-row > div {
	min-width: 0;
}

.top1-service-data-pair-row strong {
	display: block;
	color: #0f172a;
	font-weight: 850;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-service-data-pair-row small {
	display: block;
	margin-top: 3px;
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-service-data-pair-row.is-draft {
	background: rgba(255, 251, 235, .72);
}

.top1-service-data-pair-row.is-draft .top1-clients-status {
	width: fit-content;
}

.top1-service-data-client-app-popover {
	position: relative;
	z-index: 40;
	width: fit-content;
	max-width: 100%;
}

.top1-service-data-client-app-popover[open] {
	z-index: 90;
}

.top1-service-data-client-app-popover > summary {
	list-style: none;
}

.top1-service-data-client-app-popover > summary::-webkit-details-marker {
	display: none;
}

.top1-service-data-client-app-button,
.top1-service-data-client-app-disabled {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	gap: 7px;
	max-width: 100%;
	padding: 6px 10px;
	border: 1px solid rgba(148, 163, 184, .45);
	border-radius: 999px;
	background: #ffffff;
	color: #475569;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.1;
	text-decoration: none;
	white-space: normal;
	box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}

.top1-service-data-client-app-button {
	cursor: pointer;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}

.top1-service-data-client-app-button::before,
.top1-service-data-client-app-disabled::before {
	content: "";
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 2h8a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 3v14h8V5H8Zm3 13h2v1h-2v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 2h8a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 3v14h8V5H8Zm3 13h2v1h-2v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.top1-service-data-client-app-button:hover,
.top1-service-data-client-app-button:focus-visible {
	border-color: rgba(37, 99, 235, .38);
	background: #f8fbff;
	color: #1d4ed8;
	box-shadow: 0 12px 24px rgba(15, 23, 42, .1);
	outline: none;
	transform: translateY(-1px);
}

.top1-service-data-client-app-popover.is-connected .top1-service-data-client-app-button {
	border-color: rgba(16, 185, 129, .32);
	background: #ecfdf5;
	color: #047857;
}

.top1-service-data-client-app-popover.is-waiting .top1-service-data-client-app-button,
.top1-service-data-client-app-popover.is-loading .top1-service-data-client-app-button {
	border-color: rgba(14, 165, 233, .32);
	background: #eff6ff;
	color: #0369a1;
}

.top1-service-data-client-app-popover.is-expired .top1-service-data-client-app-button {
	border-color: rgba(245, 158, 11, .38);
	background: #fffbeb;
	color: #92400e;
}

.top1-service-data-client-app-popover.is-error .top1-service-data-client-app-button {
	border-color: rgba(239, 68, 68, .36);
	background: #fef2f2;
	color: #b91c1c;
}

.top1-service-data-client-app-popover.is-unavailable .top1-service-data-client-app-button,
.top1-service-data-client-app-disabled {
	border-color: rgba(148, 163, 184, .34);
	background: #f8fafc;
	color: #64748b;
	box-shadow: none;
}

.top1-service-data-client-app-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 1800;
	box-sizing: border-box;
	width: 440px !important;
	max-width: calc(100vw - 52px) !important;
	padding: 16px;
	border: 1px solid #d8e3ef;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 24px 64px rgba(15, 23, 42, .18);
}

.top1-service-data-client-app-popover:not([open]) > .top1-service-data-client-app-panel {
	display: none;
}

.top1-service-data-client-app-panel::before {
	content: "";
	position: absolute;
	top: -7px;
	right: 22px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #d8e3ef;
	border-left: 1px solid #d8e3ef;
	background: #ffffff;
	transform: rotate(45deg);
}

.top1-service-data-client-app-head {
	display: grid;
	gap: 3px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8eef5;
}

.top1-service-data-client-app-head strong {
	color: #0f172a;
	font-size: 14px;
	font-weight: 950;
	line-height: 1.2;
}

.top1-service-data-client-app-head span {
	color: #64748b;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.top1-service-data-client-app-panel .top1-client-app-link-head {
	align-items: stretch !important;
}

.top1-service-data-client-app-panel .top1-client-app-link-button {
	flex: 1 1 100%;
	width: 100%;
	min-height: 36px !important;
}

.top1-service-data-orders-toolbar {
	margin: 14px 0;
}

.top1-service-data-order-row {
	grid-template-columns: minmax(150px, .8fr) minmax(260px, 1.55fr) minmax(150px, .8fr) minmax(120px, .65fr) minmax(110px, .55fr);
	align-items: center;
}

.top1-service-data-order-row > div {
	min-width: 0;
}

.top1-service-data-order-row strong {
	display: block;
	color: #0f172a;
	font-weight: 850;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.top1-service-data-order-row small {
	display: block;
	margin-top: 3px;
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.top1-settings-remote-diagnostics-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.top1-settings-remote-diagnostics-tile {
	display: grid;
	gap: 6px;
	min-height: 126px;
	padding: 16px;
	border: 1px solid rgba(148, 163, 184, .32);
	border-radius: 8px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	color: #0f172a;
	text-decoration: none;
	box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

.top1-settings-remote-diagnostics-tile span {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: #64748b;
}

.top1-settings-remote-diagnostics-tile strong {
	font-size: 16px;
	line-height: 1.18;
}

.top1-settings-remote-diagnostics-tile small {
	color: #475569;
	line-height: 1.35;
}

.top1-settings-remote-diagnostics-tile:hover,
.top1-settings-remote-diagnostics-tile:focus-visible {
	border-color: rgba(239, 68, 68, .45);
	box-shadow: 0 16px 32px rgba(15, 23, 42, .12);
}

@media (max-width: 920px) {
	.top1-service-data-summary {
		--top1-summary-columns: 2;
	}

	.top1-service-data-linked-grid,
	.top1-service-data-order-row,
	.top1-service-data-pair-row {
		grid-template-columns: 1fr;
	}

	.top1-service-data-unified-form .top1-client-form-field-wide,
	.top1-service-data-unified-form .top1-client-form-actions {
		grid-column: 1 / -1;
	}

	.top1-settings-remote-diagnostics-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.top1-service-data-summary {
		--top1-summary-columns: 1;
	}
}

/* Keep the dark diagnostics cockpit readable above generic diagnostics text guards. */
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport :is(strong, b, summary, label),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-choice :is(strong, b, summary, label),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function :is(strong, b, summary, label) {
	color: #f8fafc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport :is(p, small, li, em),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-choice :is(p, small, li, em),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-function :is(p, small, li, em) {
	color: #cbd5e1 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-tech-passport span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button > span:not(.top1-diagnostics-cockpit-mode-route) {
	color: #67e8f9 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button.is-remote > span:not(.top1-diagnostics-cockpit-mode-route) {
	color: #fb7185 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button.is-service > span:not(.top1-diagnostics-cockpit-mode-route),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-button.is-service .top1-diagnostics-cockpit-mode-route {
	color: #5eead4 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-mode-route {
	color: #bfdbfe !important;
}

/* Keep nested diagnostics tools visually aligned with the dark cockpit. */
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-card {
	background: transparent !important;
	box-shadow: none !important;
	color: #e5eefc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary > div,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-type,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-make,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-picker,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card {
	border-color: rgba(125, 211, 252, .20) !important;
	background:
		radial-gradient(circle at 92% 12%, rgba(34, 211, 238, .10), transparent 28%),
		linear-gradient(135deg, rgba(15, 23, 42, .86), rgba(30, 41, 59, .68)) !important;
	color: #e5eefc !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 22px rgba(0, 0, 0, .16) !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-list-header {
	padding: 10px 2px 4px !important;
	color: #e5eefc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-list-header strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-copy strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-type-header strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-copy strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card-copy strong,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database :is(strong, b, summary, label) {
	color: #f8fafc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-list-header span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-summary span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-filter span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-vin-row span {
	color: #67e8f9 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-copy small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-type-header small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-copy small,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-card-copy :is(small, em),
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database :is(p, small, li, em) {
	color: #cbd5e1 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell :is(input, select, textarea) {
	border-color: rgba(103, 232, 249, .28) !important;
	background: rgba(15, 23, 42, .78) !important;
	color: #f8fafc !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell :is(input, textarea)::placeholder {
	color: #94a3b8 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell :is(input, select, textarea):focus {
	border-color: rgba(45, 212, 191, .76) !important;
	box-shadow: 0 0 0 3px rgba(45, 212, 191, .14), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
	outline: none !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-icon,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-brand,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-name-plate {
	border-color: rgba(103, 232, 249, .24) !important;
	background:
		linear-gradient(145deg, rgba(14, 165, 233, .22), rgba(15, 23, 42, .86)),
		linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, 0)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 14px 24px rgba(0, 0, 0, .18) !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-icon::before {
	border-color: rgba(103, 232, 249, .26) !important;
	background: rgba(14, 165, 233, .34) !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-wordmark,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-model-name-plate strong {
	color: #f8fafc !important;
	text-shadow: 0 10px 18px rgba(0, 0, 0, .24) !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-folder-header em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-type-header em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-models em,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-full-scanner-shell .top1-diagnoz-scanner-boundary span,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-state-link {
	border-color: rgba(45, 212, 191, .36) !important;
	background: rgba(20, 184, 166, .14) !important;
	color: #ccfbf1 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-tabs > label {
	border-color: rgba(125, 211, 252, .22) !important;
	background: rgba(15, 23, 42, .70) !important;
	color: #dbeafe !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] #top1-diagnostics-db-service:checked + label,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] #top1-diagnostics-db-remote:checked + label {
	border-color: rgba(248, 113, 113, .42) !important;
	background: linear-gradient(135deg, rgba(225, 29, 72, .26), rgba(15, 23, 42, .78)) !important;
	color: #f8fafc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-empty,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-db-subhead {
	border-color: rgba(125, 211, 252, .20) !important;
	background:
		radial-gradient(circle at 92% 12%, rgba(34, 211, 238, .10), transparent 28%),
		linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(30, 41, 59, .58)) !important;
	color: #e5eefc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database .top1-diagnostics-db-tabs {
	color: #e5eefc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database .top1-diagnostics-db-panel {
	align-content: start !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database .top1-diagnostics-db-row,
.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database .top1-diagnostics-db-empty {
	min-height: 64px !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database > .top1-diagnostics-cockpit-function-head span {
	color: #67e8f9 !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database > .top1-diagnostics-cockpit-function-head strong {
	color: #f8fafc !important;
}

.top1-app-shell[data-top1-section="diagnostics"][data-top1-diagnoz-remote-active="1"] .top1-diagnostics-cockpit-database > .top1-diagnostics-cockpit-function-head small {
	color: #cbd5e1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
	grid-template-columns: minmax(0, 1fr) repeat(3, auto) !important;
	align-items: center !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title h2 {
	flex: 0 0 auto !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-count-badge {
	flex: 0 0 auto !important;
	justify-self: start !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-primary-action {
	align-self: center !important;
	justify-self: end !important;
	width: fit-content !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-primary-action:not([open]) > summary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	height: 32px !important;
	min-height: 32px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-primary-action[open] {
	grid-column: 1 / -1;
	justify-self: stretch;
	width: 100%;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-primary-action[open] > summary {
	justify-self: end;
	margin-bottom: 10px;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-panel > summary,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-summary {
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
	box-shadow: 0 12px 26px rgba(5, 150, 105, .24);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-panel > summary:hover {
	box-shadow: 0 15px 30px rgba(5, 150, 105, .30);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-panel[open] > .top1-order-force-confirm-form {
	border-color: rgba(5, 150, 105, .28);
	box-shadow: 0 12px 28px rgba(5, 150, 105, .11);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-grid {
	grid-template-columns: minmax(0, 1fr);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-form textarea {
	min-height: 78px;
	resize: vertical;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-submit {
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel {
	position: relative !important;
	z-index: 90 !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] {
	display: block !important;
	grid-column: auto !important;
	grid-row: auto !important;
	align-self: center !important;
	justify-self: end !important;
	width: fit-content !important;
	min-width: 0 !important;
	height: 32px !important;
	z-index: 320 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > summary {
	margin-bottom: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > form,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > .top1-inline-notice {
	position: absolute !important;
	top: calc(100% + 10px) !important;
	left: 0 !important;
	right: auto !important;
	z-index: 360 !important;
	width: min(640px, calc(100vw - 36px)) !important;
	max-width: min(640px, calc(100vw - 36px)) !important;
	margin: 0 !important;
	padding: 14px !important;
	border: 1px solid rgba(37, 99, 235, .24) !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(248, 251, 255, .99) 100%) !important;
	box-shadow: 0 22px 46px rgba(15, 23, 42, .18), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > form::before,
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > .top1-inline-notice::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 22px;
	width: 12px;
	height: 12px;
	border-top: 1px solid rgba(37, 99, 235, .24);
	border-left: 1px solid rgba(37, 99, 235, .24);
	background: rgba(255, 255, 255, .99);
	transform: rotate(45deg);
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header {
		grid-template-columns: 1fr !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-title {
		justify-content: space-between !important;
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-primary-action,
	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-primary-action > summary,
	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-primary-summary {
		justify-self: stretch !important;
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > form,
	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > .top1-inline-notice {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 10px !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > form::before,
	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-premium-header .top1-partsapi-panel[open] > .top1-inline-notice::before {
		display: none !important;
	}
}

/* Order detail visual normalization: one work-order surface language. */
.top1-app-shell[data-top1-section="orders"] {
	--top1-order-naryad-surface: #ffffff;
	--top1-order-naryad-border: rgba(203, 213, 225, .92);
	--top1-order-naryad-radius: 14px;
	--top1-order-naryad-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 10px 24px rgba(15, 23, 42, .045);
}

.top1-app-shell[data-top1-section="orders"] .top1-app-content {
	background: #dbe4ee !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-workspace,
.top1-app-shell[data-top1-section="orders"] .top1-workspace-single,
.top1-app-shell[data-top1-section="orders"] .top1-clients-workspace,
.top1-app-shell[data-top1-section="orders"] .top1-clients-main {
	background: transparent !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
	.top1-clients-card.top1-order-detail-card,
	.top1-order-detail-card > .top1-card-header,
	.top1-order-workflow-panel,
	.top1-order-document-summary,
	.top1-order-detail-flow,
	.top1-order-detail-kpis,
	.top1-order-detail-meta,
	.top1-focus-tile,
	.top1-order-detail-panel,
	.top1-order-learning-panel,
	.top1-mechanic-requests-panel,
	.top1-order-work-block,
	#top1-order-services.top1-order-work-premium,
	#top1-order-parts.top1-order-work-block-parts,
	.top1-order-work-block-final,
	.top1-order-work-block-recommendations,
	.top1-order-documents-panel,
	.top1-order-payment-summary,
	.top1-order-final-payment,
	.top1-order-final-delivery,
	.top1-order-final-overview,
	.top1-order-detail-table,
	.top1-order-work-card-list,
	.top1-order-part-card-list,
	.top1-order-documents-summary,
	.top1-order-documents-stage,
	.top1-order-documents-quick,
	.top1-order-documents-extra-list
) {
	border-color: var(--top1-order-naryad-border) !important;
	border-radius: var(--top1-order-naryad-radius) !important;
	background: var(--top1-order-naryad-surface) !important;
	box-shadow: var(--top1-order-naryad-shadow) !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
	.top1-clients-card.top1-order-detail-card,
	.top1-order-detail-flow,
	#top1-order-services.top1-order-work-premium
):not(#top1-order-services) {
	background: #e7eef7 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-card.top1-order-detail-card {
	box-sizing: border-box !important;
	padding: 18px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
	box-sizing: border-box !important;
	padding: 18px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(> .top1-order-detail-card + .top1-orders-history-card.is-under-detail) {
	gap: 0 !important;
	row-gap: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-detail-card + .top1-orders-history-card.is-under-detail {
	margin-top: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail::before {
	content: none !important;
	display: none !important;
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] .top1-clients-card.top1-order-detail-card,
	.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
		padding: 12px !important;
	}
}

.top1-app-shell[data-top1-section="orders"] :is(
	.top1-order-work-block,
	#top1-order-services.top1-order-work-premium,
	#top1-order-parts.top1-order-work-block-parts,
	.top1-order-work-block-recommendations
)::before,
.top1-app-shell[data-top1-section="orders"] :is(
	.top1-order-work-block,
	#top1-order-services.top1-order-work-premium,
	#top1-order-parts.top1-order-work-block-parts,
	.top1-order-work-block-recommendations
)::after {
	display: none !important;
}

.top1-app-shell[data-top1-section="orders"] :is(
	.top1-order-workflow-step,
	.top1-order-work-card,
	.top1-order-part-card,
	.top1-order-payment-total,
	.top1-order-final-breakdown,
	.top1-order-final-breakdown-group,
	.top1-order-final-breakdown-total,
	.top1-order-recommendation-card,
	.top1-order-recommendations-empty,
	.top1-order-recommendations-readonly
) {
	border-color: var(--top1-order-naryad-border) !important;
	background: var(--top1-order-naryad-surface) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

/* Order detail sidebar breathing room. */
.top1-app-shell[data-top1-section="orders"] .top1-app-content {
	box-sizing: border-box !important;
	padding-left: 14px !important;
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] .top1-app-content {
		padding-left: 8px !important;
	}
}

/* Order detail top KPI row: visual alignment only, popovers stay untouched. */
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis {
	display: grid !important;
	grid-template-columns: minmax(230px, 1.2fr) minmax(330px, 1.55fr) repeat(4, minmax(128px, .72fr)) !important;
	align-items: stretch !important;
	gap: 8px !important;
	min-height: 56px !important;
	padding: 6px !important;
	border: 1px solid rgba(203, 213, 225, .92) !important;
	border-radius: 16px !important;
	background: #f8fbff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-focus-tile {
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
	min-height: 42px !important;
	height: 42px !important;
	padding: 7px 10px !important;
	border: 1px solid rgba(203, 213, 225, .96) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96) !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis :is(.top1-order-tile-head, .top1-order-service-advisor-head, .top1-order-debt-head) {
	display: grid !important;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 28px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-order-status-tile .top1-order-tile-head,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-order-debt-head {
	grid-template-columns: minmax(0, 1fr) auto !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-order-service-advisor-form {
	display: grid !important;
	grid-template-columns: minmax(180px, 1fr) 34px !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-focus-title {
	margin: 0 0 1px !important;
	color: #64748b !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: .03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-focus-note {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.05 !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-focus-tile > :is(.top1-order-tile-head, .top1-order-service-advisor-head, .top1-order-debt-head) > details > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-order-service-advisor-tile .top1-order-service-advisor-form > select,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-order-service-advisor-tile .top1-order-service-advisor-form > .top1-planner-master-save {
	height: 30px !important;
	min-height: 30px !important;
	border-radius: 9px !important;
	box-sizing: border-box !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-order-status-panel > summary,
.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-order-debt-payment-panel > summary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 26px 0 12px !important;
	border: 1px solid rgba(59, 130, 246, .28) !important;
	background: #ffffff !important;
	color: #2563eb !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-order-service-advisor-form select {
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 28px 0 12px !important;
	border: 1px solid rgba(203, 213, 225, .96) !important;
	background-color: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	font-weight: 750 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-planner-master-save {
	display: inline-grid !important;
	place-items: center !important;
	width: 34px !important;
	padding: 0 !important;
	border: 1px solid rgba(59, 130, 246, .28) !important;
	background: #ffffff !important;
	color: #2563eb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-planner-master-save svg {
	width: 16px !important;
	height: 16px !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-focus-tile {
		height: auto !important;
		min-height: 46px !important;
	}
}

/* Order detail work/parts totals: keep both footer rows on one baseline. */
@media (min-width: 1120px) {
	.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow {
		align-items: stretch !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services.top1-order-work-premium {
		display: flex !important;
		flex-direction: column !important;
		align-self: stretch !important;
		height: auto !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-work-card-list {
		flex: 0 0 auto !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services > .top1-order-lines-foot {
		margin-top: auto !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
		align-self: stretch !important;
	}
}

/* Order detail parts heading: match the work heading row. */
.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading h2 {
	flex: 0 0 auto !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading .top1-order-heading-actions {
	flex: 0 0 auto !important;
	justify-content: flex-start !important;
	margin-left: 0 !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading .top1-inline-badge {
	min-height: 30px !important;
	padding: 0 11px !important;
	font-size: 11px !important;
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading {
		display: flex !important;
		width: 100% !important;
	}
}

/* Order detail parts header actions: keep controls in one clean row. */
@media (min-width: 1120px) {
	.top1-app-shell[data-top1-section="orders"] #top1-order-parts.top1-order-work-block-parts {
		grid-template-columns: minmax(220px, 1fr) repeat(6, max-content) !important;
		column-gap: 8px !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-work-heading {
		grid-column: 1 !important;
		grid-row: 1 !important;
		align-self: center !important;
		justify-self: start !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-partsapi-panel:not([open]),
	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-disclosure-trigger,
	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-nav-action {
		grid-row: 1 !important;
		align-self: center !important;
		justify-self: end !important;
		width: max-content !important;
		min-width: max-content !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-partsapi-panel:not([open]) {
		grid-column: 2 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-partsapi-panel:not([open]) > summary {
		width: max-content !important;
		min-width: max-content !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-selection-trigger {
		grid-column: 2 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-partsapi-panel) > .top1-order-parts-selection-trigger {
		grid-column: 3 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-stock-trigger {
		grid-column: 3 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-partsapi-panel):has(> .top1-order-parts-selection-trigger) > .top1-order-parts-stock-trigger {
		grid-column: 4 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-supplier-trigger {
		grid-column: 4 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-partsapi-panel):has(> .top1-order-parts-selection-trigger) > .top1-order-parts-supplier-trigger {
		grid-column: 5 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-quote-trigger {
		grid-column: 5 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-partsapi-panel):has(> .top1-order-parts-selection-trigger) > .top1-order-parts-quote-trigger {
		grid-column: 6 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts > .top1-order-parts-catalog-trigger {
		grid-column: 6 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts:has(> .top1-partsapi-panel):has(> .top1-order-parts-selection-trigger) > .top1-order-parts-catalog-trigger {
		grid-column: 7 !important;
	}
}

/* Order work header: keep the share label aligned with the performer column style. */
.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
	display: block !important;
	align-self: center !important;
	justify-self: auto !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #64748b !important;
	font-size: 10px !important;
	font-weight: 760 !important;
	line-height: 1.15 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

/* Order detail lower cards: align final and recommendations headers with works/parts. */
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-payment.top1-order-work-block-final,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-final,
.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > .top1-order-work-block-recommendations {
	padding: 14px !important;
	gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-header,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header {
	min-height: 32px !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-header h2,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header h2 {
	width: auto !important;
	margin: 0 !important;
	color: #101828 !important;
	font-size: 16px !important;
	line-height: 1.15 !important;
	font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-final-status-pill,
.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header .top1-inline-badge {
	min-height: 30px !important;
	padding: 0 11px !important;
	font-size: 11px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header {
	display: grid !important;
	grid-template-columns: auto auto minmax(0, 1fr) !important;
	align-items: center !important;
	column-gap: 10px !important;
	row-gap: 8px !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header h2 {
	grid-column: 1 !important;
	grid-row: 1 !important;
	justify-self: start !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header .top1-inline-badge {
	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: start !important;
}

.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-toolbar {
	grid-column: 3 !important;
	grid-row: 1 !important;
	justify-self: end !important;
	align-self: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-final .top1-order-payment-header,
	.top1-app-shell[data-top1-section="orders"] .top1-order-work-block-recommendations .top1-order-recommendations-header {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-recommendations-toolbar {
		width: 100% !important;
		justify-content: flex-start !important;
		flex-wrap: wrap !important;
	}
}

/* Order final finance block: keep one card and flatten nested payment layers. */
.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-payment {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-summary {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 1px solid rgba(203, 213, 225, .78) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-total {
	min-height: 56px !important;
	padding: 10px 12px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-total + .top1-order-payment-total {
	border-left: 1px solid rgba(203, 213, 225, .72) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-total.is-warning {
	background: linear-gradient(180deg, rgba(245, 158, 11, .07), rgba(245, 158, 11, .025)) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-breakdown {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	gap: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-breakdown-head {
	padding: 0 0 8px !important;
	border-bottom: 1px solid rgba(203, 213, 225, .72) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-breakdown-groups {
	display: grid !important;
	gap: 0 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-breakdown-group {
	padding: 10px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
	background: transparent !important;
	box-shadow: none !important;
	gap: 6px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-breakdown-total {
	min-height: 38px !important;
	margin: 0 !important;
	padding: 10px 0 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-top: 1px solid rgba(203, 213, 225, .86) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details {
	margin-top: 12px !important;
	padding-top: 10px !important;
	border-top: 1px solid rgba(226, 232, 240, .95) !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details > summary {
	width: max-content !important;
	min-height: 30px !important;
	padding: 0 11px !important;
	border: 1px solid rgba(59, 130, 246, .22) !important;
	border-radius: 9px !important;
	background: #fff !important;
	box-shadow: none !important;
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-summary {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-total + .top1-order-payment-total {
		border-top: 1px solid rgba(203, 213, 225, .72) !important;
		border-left: 0 !important;
	}
}

/* Order final and recommendations: align cards, move payments to a popover, limit long recommendation lists. */
.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final {
	position: relative !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-header {
	padding-right: 126px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-status-pill {
	display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-final-grid {
	height: 100% !important;
	min-height: 0 !important;
	align-self: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	z-index: 40 !important;
	width: auto !important;
	max-width: calc(100% - 28px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: visible !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details > summary {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-width: 94px !important;
	cursor: pointer !important;
	list-style: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details > summary::-webkit-details-marker {
	display: none !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details > summary::after {
	content: "+" !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details[open] > summary::after {
	content: "-" !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details > .top1-order-detail-table {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	right: 0 !important;
	z-index: 42 !important;
	width: 520px !important;
	min-width: 520px !important;
	max-width: calc(100vw - 260px) !important;
	max-height: min(320px, calc(100vh - 190px)) !important;
	margin: 0 !important;
	padding: 10px !important;
	border: 1px solid rgba(203, 213, 225, .92) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 18px 42px rgba(15, 23, 42, .16) !important;
	overflow: auto !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations.top1-order-work-block-recommendations {
	grid-template-rows: auto auto auto auto minmax(0, auto) !important;
	align-self: stretch !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendations-list {
	max-height: 310px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding-right: 4px !important;
	align-content: start !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendation-card {
	grid-template-columns: 30px minmax(0, 1fr) !important;
	padding: 9px 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendation-card div {
	display: flex !important;
	align-items: baseline !important;
	flex-wrap: wrap !important;
	gap: 3px 10px !important;
}

.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendation-card small {
	flex-basis: 100% !important;
	display: -webkit-box !important;
	overflow: hidden !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

@media (min-width: 1120px) {
	.top1-app-shell[data-top1-section="orders"] .top1-order-detail-flow > #top1-order-close.top1-order-work-block-final {
		align-self: stretch !important;
		height: 100% !important;
	}
}

@media (max-width: 780px) {
	.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-header {
		padding-right: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		justify-self: start !important;
		margin: 2px 0 8px !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close.top1-order-work-block-final .top1-order-payment-history-details > .top1-order-detail-table {
		right: auto !important;
		left: 0 !important;
		width: calc(100vw - 48px) !important;
		max-height: min(300px, calc(100vh - 180px)) !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendations-list {
		max-height: 280px !important;
	}
}

/* Order detail desktop refinement v2: quiet hierarchy without changing behavior. */
@media (min-width: 1280px) {
	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) {
		--top1-order-desktop-canvas: #e6ebf1;
		--top1-order-desktop-board: #f1f4f7;
		--top1-order-desktop-panel: #ffffff;
		--top1-order-desktop-subtle: #f6f8fa;
		--top1-order-desktop-line: #d4dde7;
		--top1-order-desktop-line-strong: #c4d0dc;
		--top1-order-desktop-ink: #172033;
		--top1-order-desktop-muted: #5b6b7e;
		--top1-order-desktop-primary: #1f5bd8;
		--top1-order-desktop-primary-hover: #184bb8;
		--top1-order-desktop-success: #087a55;
		font-size: 13px !important;
		color: var(--top1-order-desktop-ink) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-app-content {
		padding: 20px 22px 28px 18px !important;
		background: var(--top1-order-desktop-canvas) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-clients-card.top1-order-detail-card {
		padding: 16px !important;
		border: 1px solid var(--top1-order-desktop-line-strong) !important;
		border-radius: 12px !important;
		background: var(--top1-order-desktop-board) !important;
		box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 28px rgba(15, 23, 42, .055) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) :is(
		.top1-order-detail-card > .top1-card-header,
		.top1-order-next-step-hint,
		.top1-order-workflow-panel,
		.top1-order-document-summary
	) {
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 10px !important;
		background: var(--top1-order-desktop-panel) !important;
		box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-card > .top1-card-header {
		min-height: 68px !important;
		padding: 14px 16px !important;
		gap: 18px !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-card > .top1-card-header h2 {
		margin: 0 0 4px !important;
		color: var(--top1-order-desktop-ink) !important;
		font-size: 20px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-card > .top1-card-header p {
		margin: 0 !important;
		color: var(--top1-order-desktop-muted) !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-card > .top1-card-header :is(.top1-secondary-button, summary) {
		min-height: 36px !important;
		padding: 0 13px !important;
		border-color: var(--top1-order-desktop-line-strong) !important;
		border-radius: 8px !important;
		background: #fff !important;
		color: #284565 !important;
		font-size: 12px !important;
		font-weight: 750 !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-card > .top1-card-header :is(.top1-secondary-button, summary):hover {
		border-color: #9fb3c8 !important;
		background: #f7f9fc !important;
		color: #173c68 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-next-step-hint {
		min-height: 46px !important;
		padding: 11px 14px 11px 54px !important;
		border-left: 1px solid var(--top1-order-desktop-line) !important;
		background: #f8fbff !important;
		color: #42556b !important;
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-next-step-hint strong {
		color: #1d3f68 !important;
		font-weight: 800 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-panel {
		padding: 8px !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-steps {
		grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
		gap: 6px !important;
		overflow: visible !important;
		padding: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-step {
		min-width: 0 !important;
		min-height: 42px !important;
		padding: 7px 10px !important;
		border-color: #dde4ec !important;
		border-radius: 8px !important;
		background: #f7f9fb !important;
		color: #536579 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-step span {
		width: 24px !important;
		height: 24px !important;
		font-size: 11px !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-step strong {
		font-size: 12px !important;
		font-weight: 750 !important;
		line-height: 1.2 !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-step.is-complete {
		border-color: #b8dfcd !important;
		background: #f1faf6 !important;
		color: #176247 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-workflow-step.is-current {
		border-color: #8eb6f4 !important;
		background: #edf4ff !important;
		color: #174ea6 !important;
		box-shadow: inset 0 0 0 1px rgba(31, 91, 216, .08) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-document-summary {
		padding: 10px !important;
		gap: 10px !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis {
		min-height: 60px !important;
		padding: 0 !important;
		gap: 0 !important;
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 9px !important;
		background: #fff !important;
		overflow: visible !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-focus-tile {
		min-height: 58px !important;
		height: 58px !important;
		padding: 9px 12px !important;
		border: 0 !important;
		border-right: 1px solid #e2e8f0 !important;
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis > .top1-focus-tile:last-child {
		border-right: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-focus-title {
		color: #718096 !important;
		font-size: 10.5px !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis .top1-focus-note {
		color: var(--top1-order-desktop-ink) !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary > .top1-order-detail-kpis :is(summary, select, .top1-planner-master-save) {
		min-height: 34px !important;
		height: 34px !important;
		border-radius: 7px !important;
		font-size: 12px !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-meta {
		gap: 10px !important;
		background: transparent !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel {
		padding: 12px 14px !important;
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 9px !important;
		background: #fff !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header {
		min-height: 30px !important;
		margin: 0 0 4px !important;
		padding: 0 0 7px !important;
		border-bottom: 1px solid #e5ebf1 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-order-detail-panel .top1-card-header h2 {
		font-size: 14px !important;
		font-weight: 800 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-inspector-row {
		min-height: 30px !important;
		padding: 6px 0 !important;
		border-bottom-color: #edf1f5 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-inspector-row span {
		color: #6b7c90 !important;
		font-size: 11.5px !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-order-document-summary .top1-inspector-row strong {
		color: var(--top1-order-desktop-ink) !important;
		font-size: 13px !important;
		font-weight: 750 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-flow {
		gap: 16px !important;
		padding: 16px !important;
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 10px !important;
		background: #e9eef4 !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) :is(#top1-order-services, #top1-order-parts, #top1-order-close, #top1-order-recommendations) {
		padding: 14px !important;
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 10px !important;
		background: var(--top1-order-desktop-panel) !important;
		box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(.top1-order-section-header, .top1-order-payment-header, .top1-order-recommendations-header) {
		min-height: 38px !important;
		margin: 0 0 10px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(.top1-order-section-header, .top1-order-payment-header, .top1-order-recommendations-header) h2 {
		color: var(--top1-order-desktop-ink) !important;
		font-size: 17px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services, #top1-order-parts) :is(.top1-inline-badge, .top1-secondary-button, .top1-order-primary-action > summary, .top1-order-disclosure-trigger) {
		min-height: 34px !important;
		height: 34px !important;
		padding: 0 12px !important;
		border-radius: 7px !important;
		font-size: 12px !important;
		font-weight: 750 !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-add-work-panel > summary {
		border-color: var(--top1-order-desktop-primary) !important;
		background: var(--top1-order-desktop-primary) !important;
		color: #fff !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-force-confirm-panel > summary {
		border-color: var(--top1-order-desktop-success) !important;
		background: var(--top1-order-desktop-success) !important;
		color: #fff !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts .top1-order-parts-stock-trigger {
		border-color: var(--top1-order-desktop-primary) !important;
		background: var(--top1-order-desktop-primary) !important;
		color: #fff !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) #top1-order-parts.top1-order-work-block-parts {
		grid-template-columns: minmax(150px, 1fr) repeat(6, max-content) !important;
		column-gap: 6px !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services .top1-order-work-card-list, #top1-order-parts .top1-order-part-card-list) {
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-shadow: none !important;
		overflow: hidden !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services :is(.top1-order-work-card-head, .top1-order-work-card) {
		grid-template-columns: minmax(0, 1.45fr) minmax(130px, .65fr) minmax(92px, .42fr) 68px 30px !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services .top1-order-work-card-head, #top1-order-parts .top1-order-part-card-head) {
		min-height: 36px !important;
		padding: 0 12px !important;
		border-bottom: 1px solid var(--top1-order-desktop-line) !important;
		background: #f3f6f9 !important;
		color: #66778a !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		text-transform: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-card-head > div:nth-child(3) {
		display: block !important;
		justify-self: stretch !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		color: #66778a !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		text-align: left !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services .top1-order-work-card, #top1-order-parts .top1-order-part-card) {
		min-height: 52px !important;
		padding: 10px 12px !important;
		border-bottom: 1px solid #e7ecf1 !important;
		background: #fff !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services .top1-order-work-card, #top1-order-parts .top1-order-part-card):hover {
		background: #f8fafc !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services .top1-order-work-copy h3, #top1-order-parts .top1-order-part-copy h3) {
		color: var(--top1-order-desktop-ink) !important;
		font-size: 13px !important;
		font-weight: 750 !important;
		line-height: 1.3 !important;
		letter-spacing: 0 !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-copy h3 {
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-parts :is(.top1-order-part-icon-delete, .top1-order-part-icon-edit, .top1-order-part-icon-save),
	.top1-app-shell[data-top1-section="orders"] #top1-order-services .top1-order-work-icon-edit {
		width: 30px !important;
		min-width: 30px !important;
		height: 30px !important;
		min-height: 30px !important;
		border-radius: 7px !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services, #top1-order-parts) > .top1-order-lines-foot {
		min-height: 44px !important;
		margin-top: 12px !important;
		padding: 10px 12px !important;
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 8px !important;
		background: var(--top1-order-desktop-subtle) !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services, #top1-order-parts) > .top1-order-lines-foot span {
		color: #536579 !important;
		font-size: 12px !important;
	}

	.top1-app-shell[data-top1-section="orders"] :is(#top1-order-services, #top1-order-parts) > .top1-order-lines-foot strong {
		color: var(--top1-order-desktop-ink) !important;
		font-size: 15px !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close .top1-order-payment-summary {
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 8px !important;
		background: var(--top1-order-desktop-subtle) !important;
		box-shadow: none !important;
		overflow: hidden !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close .top1-order-payment-total {
		min-height: 62px !important;
		padding: 11px 14px !important;
		background: transparent !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close .top1-order-payment-total span {
		color: #6b7c90 !important;
		font-size: 11px !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close .top1-order-payment-total strong {
		color: var(--top1-order-desktop-ink) !important;
		font-size: 17px !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-close .top1-order-final-breakdown {
		padding: 12px !important;
		border: 1px solid var(--top1-order-desktop-line) !important;
		border-radius: 8px !important;
		background: #fff !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations :is(input, select, textarea) {
		min-height: 36px !important;
		border-color: var(--top1-order-desktop-line-strong) !important;
		border-radius: 7px !important;
		background: #fff !important;
		font-size: 12.5px !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendation-card {
		padding: 11px 12px !important;
		border: 1px solid #cae7df !important;
		border-radius: 8px !important;
		background: #f7fcfa !important;
		box-shadow: none !important;
	}

	.top1-app-shell[data-top1-section="orders"] #top1-order-recommendations .top1-order-recommendation-card small {
		color: #536579 !important;
		font-size: 11.5px !important;
		line-height: 1.35 !important;
		-webkit-line-clamp: 3 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail {
		margin-top: 14px !important;
		padding: 12px !important;
		border: 1px solid var(--top1-order-desktop-line-strong) !important;
		border-radius: 10px !important;
		background: #fff !important;
		box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail > .top1-card-header {
		min-height: 36px !important;
		padding: 0 2px 8px !important;
		border-bottom: 1px solid var(--top1-order-desktop-line) !important;
		background: transparent !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-orders-history-card.is-under-detail > .top1-card-header h2 {
		font-size: 16px !important;
		font-weight: 800 !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) #top1-order-services .top1-order-add-work-panel > summary.top1-order-work-primary-summary {
		border-color: #1f5bd8 !important;
		background: #1f5bd8 !important;
		background-image: none !important;
		color: #ffffff !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) #top1-order-services .top1-order-force-confirm-panel > summary.top1-order-force-confirm-summary {
		border-color: #087a55 !important;
		background: #087a55 !important;
		background-image: none !important;
		color: #ffffff !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) #top1-order-parts > button.top1-order-parts-stock-trigger {
		border-color: #1f5bd8 !important;
		background: #1f5bd8 !important;
		background-image: none !important;
		color: #ffffff !important;
	}

	/* Keep compact desktop command labels optically centered. */
	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-detail-card > .top1-card-header :is(
		.top1-order-print-summary,
		.top1-order-planner-return-link,
		.top1-order-list-link
	),
	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) #top1-order-recommendations a.top1-secondary-button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		text-align: center !important;
		line-height: 1.2 !important;
		vertical-align: middle !important;
		white-space: nowrap !important;
	}

	.top1-app-shell[data-top1-section="orders"] .top1-clients-main:has(.top1-order-detail-card) .top1-order-print-summary::-webkit-details-marker {
		display: none !important;
	}
}

/* === TOP1 Repair Plan Premium Cascade Lock 2026-07-14 === */
.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-list-search::after {
	content: "\2315" !important;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px 24px;
	align-items: center;
	padding: 17px 18px 14px;
	border: 1px solid #d9e3ef;
	border-radius: 17px;
	background: radial-gradient(circle at 92% -35%, rgba(37, 99, 235, .16), transparent 39%), linear-gradient(135deg, #fff 0%, #fbfdff 67%, #f5f9ff 100%);
	box-shadow: 0 16px 42px rgba(30, 52, 82, .075);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #e1e8f1;
	border-radius: 12px;
	background: rgba(248, 251, 255, .88);
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
	min-width: 0;
	padding: 9px 12px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span + span {
	border-left: 1px solid #e1e8f1;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-layout {
	grid-template-columns: 0 minmax(0, 1fr) !important;
	gap: 0 !important;
}

.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-list {
	max-width: 0;
	padding-inline: 0;
	overflow: hidden;
	border-width: 0;
	opacity: 0;
	pointer-events: none;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-plan-page[data-top1-repair-list-collapsed="1"] .top1-repair-plan-layout {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 820px) {
	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-workspace-header {
		grid-template-columns: 1fr;
		padding: 15px;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span + span {
		border-left: 0;
		border-top: 1px solid #e1e8f1;
	}

	.top1-app-shell[data-top1-section="repair_plan"] .top1-repair-kpi-strip span:nth-child(even) {
		border-left: 1px solid #e1e8f1;
	}
}