/* GUS pilot only. Measurements and colors follow DMS Freigaben – Redesign.html. */
.ga-project-field { display: grid; gap: 8px; width: 100%; min-width: 0; padding: 0; color: var(--text-primary); }
.ga-project-label { font-size: 12px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .03em; line-height: 16px; }
.ga-project-search { position: relative; display: flex; align-items: center; min-width: 0; }
.ga-project-search > svg { position: absolute; left: 12px; color: var(--text-muted); pointer-events: none; }
.ga-project-search > input { width: 100%; padding-left: 36px !important; padding-right: 38px !important; }
.ga-project-search > button { position: absolute; right: 4px; }
.ga-project-results { display: flex; flex-direction: column; min-height: 0; max-height: 300px; overflow-y: auto; border: 1px solid var(--border); border-radius: 12px; padding: 4px; background: var(--surface); }
.ga-project-results > p { padding: 12px; font-size: 13px; color: var(--text-secondary); }
.ga-project-results .ga-project-option { display: flex !important; flex-direction: column; align-items: stretch; justify-content: flex-start; flex: 0 0 auto; width: 100%; height: auto !important; min-height: 66px !important; max-height: none !important; padding: 12px !important; gap: 7px; white-space: normal; text-align: left; border-radius: 8px; }
.ga-project-results .ga-project-option > span { width: 100%; min-width: 0; text-align: left; }
.ga-project-results .ga-project-option > span:first-child { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.ga-project-option + .ga-project-option { border-top: 1px solid var(--border); }
.ga-project-option[data-active="true"], .ga-project-option[aria-selected="true"] { background: var(--surface-soft); }
.ga-project-option-heading { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; width: 100%; }
.ga-project-title { display: block; width: 100%; font-size: 13px; line-height: 1.5; font-weight: 400; color: var(--text-secondary); overflow-wrap: anywhere; white-space: normal; }
.ga-project-selection { display: grid; gap: 7px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; }
.ga-project-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ga-project-actions > button { height: 34px; }
.ga-project-actions .ga-project-accept { background: #facc15 !important; color: #422006 !important; border: 1px solid #eab308 !important; min-width: 38px; }
.ga-project-actions .ga-project-accept:disabled { opacity: 1; background: var(--surface-soft) !important; color: var(--text-muted) !important; border-color: var(--border) !important; }
.ga-project-actions .ga-project-accept[aria-label="Projekt bestätigt"] { color: #16a34a !important; }
.ga-project-error { color: var(--danger); font-size: 13px; }
.ga-pds-status { --pds-tone: #94a3b8; border-color: color-mix(in srgb, var(--pds-tone) 35%, transparent) !important; background: color-mix(in srgb, var(--pds-tone) 12%, transparent) !important; color: var(--pds-tone) !important; font-size: 11px !important; line-height: 16px !important; padding: 3px 8px !important; white-space: normal; height: auto !important; flex-shrink: 0; max-width: 100%; }
.ga-pds-status[data-tone="open"] { --pds-tone: #60a5fa; }
.ga-pds-status[data-tone="complete"] { --pds-tone: #4ade80; }
.ga-pds-status[data-tone="maintenance"] { --pds-tone: #c084fc; }
.ga-pds-status[data-tone="planning"] { --pds-tone: #fbbf24; }
.ga-pds-status[data-tone="danger"] { --pds-tone: #fb7185; }
.ga-pds-status[data-tone="review"] { --pds-tone: #fb923c; }
.ga-pds-status[data-tone="released"] { --pds-tone: #2dd4bf; }
body[data-theme="light"] .ga-pds-status { --pds-tone: #475569; }
body[data-theme="light"] .ga-pds-status[data-tone="open"] { --pds-tone: #1d4ed8; }
body[data-theme="light"] .ga-pds-status[data-tone="complete"] { --pds-tone: #15803d; }
body[data-theme="light"] .ga-pds-status[data-tone="maintenance"] { --pds-tone: #7e22ce; }
body[data-theme="light"] .ga-pds-status[data-tone="planning"] { --pds-tone: #92400e; }
body[data-theme="light"] .ga-pds-status[data-tone="danger"] { --pds-tone: #be123c; }
body[data-theme="light"] .ga-pds-status[data-tone="review"] { --pds-tone: #c2410c; }
body[data-theme="light"] .ga-pds-status[data-tone="released"] { --pds-tone: #0f766e; }
body.ga-pilot-ui #app main > div:has(> .ga-page) {
	padding: 0;
	overflow: hidden;
}
.gus-approvals {
	--ga-text: #e7eef8;
	--ga-secondary: #b3c3d9;
	--ga-muted: #91a4be;
	--ga-border: rgba(160, 181, 210, 0.2);
	--ga-surface: rgba(24, 36, 53, 0.96);
	--ga-soft: rgba(32, 46, 65, 0.72);
	--ga-page: #101c2b;
	--ga-brand: #72b3ff;
	--ga-brand-bg: rgba(60, 144, 255, 0.1);
	--ga-success: #79ddad;
	--ga-warning: #f2c27d;
	--ga-danger: #ff8fa7;
	color: var(--ga-text);
	font-family: Inter, system-ui, sans-serif;
	font-size: 13.5px;
	line-height: 1.4;
}
body[data-theme="light"] .gus-approvals,
.gus-approvals[data-theme="light"] {
	--ga-text: #1b2737;
	--ga-secondary: #50617a;
	--ga-muted: #5d6e86;
	--ga-border: rgba(80, 98, 125, 0.18);
	--ga-surface: rgba(255, 255, 255, 0.92);
	--ga-soft: rgba(248, 250, 253, 0.86);
	--ga-page: #f7f9fc;
	--ga-brand: #1f6fe2;
	--ga-brand-bg: rgba(43, 132, 255, 0.06);
	--ga-success: #0a7d4c;
	--ga-warning: #8a4b00;
	--ga-danger: #b4223f;
}
.gus-approvals * {
	box-sizing: border-box;
}
.gus-approvals button {
	cursor: pointer;
	font-family: inherit;
}
.gus-approvals button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.gus-approvals button:focus-visible,
.gus-approvals input:focus-visible,
.gus-approvals textarea:focus-visible {
	outline: 2px solid var(--ga-brand);
	outline-offset: 2px;
}
.gus-approvals :is(h1, h2, h3, p) {
	margin: 0;
}
.gus-approvals [data-slot="button"] {
	height: 32px;
	min-height: 0;
	min-width: 0;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 13.5px;
	font-weight: 500;
	gap: 6px;
	box-shadow: none;
	transition:
		background 0.15s,
		border-color 0.15s,
		color 0.15s;
}
.gus-approvals [data-slot="button"][data-variant="outline"] {
	border: 1px solid var(--ga-border);
	background: var(--ga-surface);
	color: var(--ga-text);
}
.gus-approvals [data-slot="button"][data-variant="ghost"] {
	color: var(--ga-secondary);
	background: transparent;
}
.gus-approvals [data-slot="button"]:hover:not(:disabled) {
	filter: brightness(0.97);
}
.gus-approvals [data-slot="input"],
.gus-approvals textarea {
	border: 1px solid var(--ga-border);
	background: var(--ga-surface);
	color: var(--ga-text);
	border-radius: 10px;
	box-shadow: none;
	font: inherit;
	padding: 9px 12px;
}
.gus-approvals .ga-primary {
	background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end)) !important;
	color: #fff !important;
	border: 1px solid transparent !important;
	font-weight: 700 !important;
}
.gus-approvals .ga-danger {
	color: var(--ga-danger) !important;
	background: rgba(207, 47, 79, 0.07) !important;
	border-color: transparent !important;
}
.gus-approvals .ga-icon {
	width: 28px;
	height: 28px;
	padding: 4px;
	border: 0;
	flex-shrink: 0;
	background: transparent;
	color: var(--ga-muted);
}
.gus-approvals .ga-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 22px;
	padding: 1px 8px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
	border: 1px solid var(--ga-border);
	background: rgba(100, 116, 139, 0.06);
	color: var(--ga-secondary);
	box-shadow: none;
}
.gus-approvals .ga-badge[data-tone="brand"] {
	color: var(--ga-brand);
	background: rgba(43, 132, 255, 0.07);
	border-color: rgba(43, 132, 255, 0.19);
}
.gus-approvals .ga-badge[data-tone="success"] {
	color: var(--ga-success);
	background: rgba(13, 159, 97, 0.1);
	border-color: rgba(13, 159, 97, 0.22);
}
.gus-approvals .ga-badge[data-tone="warning"] {
	color: var(--ga-warning);
	background: rgba(245, 166, 35, 0.13);
	border-color: rgba(167, 91, 0, 0.24);
}
.gus-approvals .ga-badge[data-tone="danger"] {
	color: var(--ga-danger);
	background: rgba(207, 47, 79, 0.08);
	border-color: rgba(207, 47, 79, 0.24);
}
.ga-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	color: #275277;
	background: #deecff;
}
.ga-avatar-small {
	width: 22px;
	height: 22px;
	font-size: 9px;
}
.ga-avatar-1 {
	background: #dff1eb;
	color: #256854;
}
.ga-avatar-2 {
	background: #f2e5d0;
	color: #85591f;
}
.ga-avatar-3 {
	background: #eae1f8;
	color: #684096;
}
.ga-avatar-4 {
	background: #f9dfe7;
	color: #99445f;
}
.ga-avatar-5 {
	background: #dcf0f1;
	color: #396c73;
}
.ga-avatar-stack {
	display: flex;
	padding-left: 5px;
	margin-left: auto;
}
.ga-avatar-stack .ga-avatar {
	margin-left: -5px;
	border: 2px solid var(--ga-surface);
}
.ga-eyebrow {
	font-size: 11.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ga-muted);
	margin-bottom: 12px !important;
}
.ga-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 32px 20px;
	color: var(--ga-muted);
	text-align: center;
}
.ga-validation {
	font-size: 12px;
	line-height: 1.5;
	color: var(--ga-danger);
}
.ga-stage {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 14px;
	position: relative;
	padding-bottom: 18px;
}
.ga-stage:last-child {
	padding-bottom: 0;
}
.ga-stage-rail {
	position: relative;
	display: flex;
	justify-content: center;
}
.ga-stage-rail:after {
	content: "";
	position: absolute;
	top: 32px;
	bottom: -20px;
	width: 1.5px;
	background: var(--ga-border);
}
.ga-stage:last-child .ga-stage-rail:after {
	display: none;
}
.ga-stage-node {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1.5px solid var(--ga-border);
	background: var(--ga-surface);
	color: var(--ga-muted);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 600;
}
.ga-stage[data-status="active"] .ga-stage-node {
	border-color: #2b84ff;
	color: var(--ga-brand);
	box-shadow: 0 0 0 4px rgba(43, 132, 255, 0.12);
}
.ga-stage[data-status="done"] .ga-stage-node {
	border-color: #0d9f61;
	background: #0d9f61;
	color: white;
}
.ga-stage[data-status="done"] .ga-stage-rail:after {
	background: rgba(13, 159, 97, 0.4);
}
.ga-stage[data-status="rejected"] .ga-stage-node {
	border-color: var(--ga-danger);
	color: var(--ga-danger);
}
.ga-stage-heading {
	min-height: 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}
.ga-stage-heading strong {
	font-size: 14px;
	font-weight: 600;
}
.ga-stage-heading > span {
	font-size: 11.5px;
	color: var(--ga-muted);
	text-align: right;
}
.ga-stage-project {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--ga-muted);
	font-size: 12px;
	margin: 4px 0 8px;
}
.ga-people {
	display: grid;
	gap: 8px;
}
.ga-person {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: 30px;
	font-size: 13px;
}
.ga-person-name {
	flex: 1;
	min-width: 0;
}
.ga-person-name > span {
	display: block;
	overflow-wrap: anywhere;
}
.ga-person small {
	display: block;
	font-size: 11.5px;
	color: var(--ga-muted);
}
.ga-messages {
	display: grid;
	gap: 10px;
}
.ga-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid rgba(43, 132, 255, 0.13);
	background: var(--ga-brand-bg);
	border-radius: 12px;
	font-size: 13px;
}
.ga-note strong {
	font-size: 12px;
	font-weight: 600;
}
.ga-note p {
	margin-top: 4px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
.ga-note small {
	font-size: 11px;
	color: var(--ga-muted);
}
.ga-note-warning {
	background: rgba(245, 166, 35, 0.1);
	border-color: rgba(167, 91, 0, 0.18);
	color: var(--ga-warning);
}
.ga-group {
	border: 1px solid var(--ga-border);
	border-radius: 11px;
	background: var(--ga-surface);
	overflow: hidden;
	margin-top: 8px;
}
.ga-group-heading {
	display: flex;
	align-items: center;
	padding-right: 5px;
}
.gus-approvals .ga-group-toggle {
	height: auto;
	min-height: 44px;
	width: 100%;
	justify-content: flex-start;
	padding: 7px 10px;
	gap: 10px;
	border: 0;
	text-align: left;
}
.ga-group-toggle > span:not(.ga-avatar-stack) {
	min-width: 0;
	font-size: 13px;
}
.ga-group-toggle small {
	display: block;
	font-size: 11.5px;
	color: var(--ga-muted);
}
.ga-group-members {
	border-top: 1px solid var(--ga-border);
	padding: 10px 12px 10px 48px;
	display: grid;
	gap: 10px;
}
.ga-disclosure {
	overflow: hidden;
}
.ga-disclosure[data-state="open"] {
	animation: ga-disclosure-open 0.2s ease-out;
}
.ga-disclosure[data-state="closed"] {
	animation: ga-disclosure-close 0.2s ease-out;
}
@keyframes ga-disclosure-open {
	from {
		height: 0;
		opacity: 0;
	}
	to {
		height: var(--radix-collapsible-content-height);
		opacity: 1;
	}
}
@keyframes ga-disclosure-close {
	from {
		height: var(--radix-collapsible-content-height);
		opacity: 1;
	}
	to {
		height: 0;
		opacity: 0;
	}
}
.ga-rotated {
	transform: rotate(180deg);
}
.ga-request-overlay {
	background: rgba(27, 39, 55, 0.28) !important;
	backdrop-filter: blur(2px) !important;
}
.gus-approvals.ga-request-sheet {
	width: 640px;
	max-width: 100vw;
	height: 100dvh;
	border-left: 1px solid var(--ga-border);
	border-radius: 0;
	background: var(--ga-page);
	box-shadow: -24px 0 60px rgba(27, 39, 55, 0.18);
	gap: 0;
	padding: 0;
}
.ga-sheet-header {
	padding: 20px 24px 16px !important;
	display: block !important;
	background: var(--ga-surface);
	border-bottom: 1px solid var(--ga-border) !important;
}
.ga-sheet-header h2 {
	font-size: 18px;
	font-weight: 600;
	color: var(--ga-text);
	line-height: 1.4;
	padding-right: 30px;
}
.ga-sheet-header [id="ga-request-description"] {
	font-size: 13px;
	color: var(--ga-muted);
	margin-top: 2px;
}
.ga-sheet-header strong {
	color: var(--ga-text);
}
.ga-sheet-body {
	min-height: 0;
	flex: 1;
	overflow-y: auto;
	padding: 20px 24px;
	scrollbar-gutter: stable;
	overscroll-behavior: contain;
}
.ga-sheet-footer {
	margin: 0 !important;
	padding: 14px 24px !important;
	display: flex;
	align-items: center;
	gap: 10px;
	border-top: 1px solid var(--ga-border) !important;
	background: var(--ga-surface);
}
.ga-sheet-footer > span {
	margin-right: auto;
	color: var(--ga-muted);
	font-size: 12px;
}
.ga-sheet-footer [data-slot="button"] {
	height: 38px;
	padding: 0 16px;
	font-size: 14px;
}
.ga-segment {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	padding: 5px;
	gap: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(80, 98, 125, 0.1);
	border-radius: 11px;
	background: rgba(100, 116, 139, 0.07);
}
.ga-segment [data-slot="toggle-group-item"] {
	flex: 0 1 auto;
	height: 30px;
	min-width: 0;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 0 11px !important;
	font-size: 12.5px !important;
	gap: 6px;
	background: transparent;
	color: var(--ga-secondary);
	box-shadow: none;
	white-space: nowrap;
}
.ga-segment [data-state="on"] {
	background: var(--ga-surface) !important;
	color: var(--ga-text) !important;
	box-shadow: 0 1px 3px rgba(27, 39, 55, 0.12) !important;
}
.ga-workflows {
	display: grid;
	gap: 8px;
	margin: 20px 0 24px;
}
.ga-workflow {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: var(--ga-surface);
	border: 1px solid var(--ga-border);
	border-radius: 14px;
	cursor: pointer;
	transition:
		border-color 0.15s,
		box-shadow 0.15s;
}
.ga-workflow[data-selected="true"] {
	border-color: rgba(43, 132, 255, 0.5);
	box-shadow: 0 0 0 3px rgba(43, 132, 255, 0.09);
}
.ga-workflow strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
}
.ga-workflow small {
	font-size: 12.5px;
	color: var(--ga-muted);
}
.ga-workflow [data-slot="radio-group-item"] {
	color: #2b84ff;
	border-color: var(--ga-border);
}
.ga-sheet-body > .ga-eyebrow {
	margin-top: 22px !important;
}
.ga-builder .ga-stage {
	padding-bottom: 14px;
}
.ga-builder .ga-stage-rail {
	padding-top: 14px;
}
.ga-builder .ga-stage-node {
	border-color: #2b84ff;
	color: var(--ga-brand);
}
.ga-builder .ga-stage-rail:after {
	top: 46px;
	bottom: -10px;
}
.ga-editor-card {
	min-width: 0;
	padding: 14px;
	border: 1px solid var(--ga-border);
	border-radius: 16px;
	background: var(--ga-surface);
	box-shadow: 0 1px 2px rgba(27, 39, 55, 0.025);
}
.ga-editor-heading {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	min-height: 28px;
}
.ga-editor-heading > strong {
	flex: 1;
	font-weight: 600;
	font-size: 14px;
}
.gus-approvals .ga-stage-name {
	flex: 1;
	min-width: 0;
	height: 28px;
	border: 0;
	background: transparent;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
}
.ga-selected-people {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}
.ga-person-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid var(--ga-border);
	border-radius: 999px;
	padding: 4px 8px 4px 4px;
	font-size: 12.5px;
	max-width: 100%;
}
.ga-person-chip .ga-icon {
	width: 18px;
	height: 18px;
	padding: 1px;
}
.gus-approvals .ga-add-person {
	border-style: dashed !important;
	border-radius: 999px;
	height: 32px;
	padding: 0 10px;
	color: var(--ga-brand) !important;
}
.ga-rule {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	border-top: 1px solid var(--ga-border);
	margin-top: 14px;
	padding-top: 12px;
}
.ga-rule small {
	margin-left: auto;
	font-size: 11.5px;
	color: var(--ga-muted);
}
.gus-approvals .ga-threshold {
	width: 60px;
	height: 32px;
	padding: 4px 8px;
}
.gus-approvals .ga-add-stage {
	margin: 12px 0 24px 42px;
	color: var(--ga-brand) !important;
	padding: 0 4px;
}
.ga-message-label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 8px;
}
.ga-message-label > span {
	font-size: 12px;
	color: var(--ga-muted);
	font-weight: 400;
	margin-left: 5px;
}
.gus-approvals .ga-textarea {
	min-height: 86px;
	resize: vertical;
}
.gus-approvals.ga-picker {
	width: 350px;
	padding: 10px;
	background: var(--ga-surface);
	border: 1px solid var(--ga-border);
	border-radius: 14px;
	box-shadow: 0 12px 40px rgba(27, 39, 55, 0.18);
	z-index: 60;
}
.ga-search {
	position: relative;
	display: flex;
	align-items: center;
}
.ga-search > svg {
	position: absolute;
	left: 11px;
	color: var(--ga-muted);
	pointer-events: none;
}
.gus-approvals .ga-search input {
	padding-left: 34px;
	height: 36px;
	width: 100%;
	font-size: 13px;
}
.ga-picker-results {
	max-height: 310px;
	overflow-y: auto;
	overscroll-behavior: contain;
}
.ga-picker-results h3 {
	padding: 10px 8px 0;
	margin-bottom: 4px !important;
}
.ga-option {
	display: flex;
	align-items: center;
}
.gus-approvals .ga-option-main {
	height: auto;
	min-height: 44px;
	flex: 1;
	justify-content: flex-start;
	padding: 6px 8px;
	gap: 9px;
	text-align: left;
	white-space: normal;
}
.ga-option-main > span:not(.ga-avatar) {
	flex: 1;
	min-width: 0;
}
.ga-option-main small {
	display: block;
	color: var(--ga-muted);
	font-size: 11px;
}
.ga-project-picker {
	margin-top: 12px;
	border: 1px solid var(--ga-border);
	border-radius: 12px;
	background: rgba(100, 116, 139, 0.035);
	overflow: hidden;
	font-size: 12px;
}
.ga-project-picker > section {
	border-bottom: 0;
	padding: 12px 14px;
	gap: 8px;
}
.ga-project-picker > section > div:first-child > h3 {
	font-size: 12px;
	font-weight: 500;
	color: var(--ga-muted);
}
.ga-project-picker strong {
	font-size: 13px;
}
.ga-project-picker [data-slot="badge"] {
	font-size: 11px;
	min-height: 20px;
	padding: 1px 7px;
	border-color: var(--ga-border);
	color: var(--ga-secondary);
}
.ga-project-picker [data-slot="button"] {
	height: 28px;
	font-size: 12px;
	padding: 0 8px;
}
.ga-project-picker input {
	height: 34px;
	font-size: 12.5px;
}
.ga-page {
	height: 100%;
	min-height: 0;
	padding: 22px 24px 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: var(--ga-page);
}
body[data-theme="light"] .ga-page {
	background:
		radial-gradient(
			56vw 42vh at 12% 10%,
			rgba(78, 145, 255, 0.16),
			transparent 70%
		),
		radial-gradient(
			42vw 36vh at 88% 16%,
			rgba(228, 184, 117, 0.16),
			transparent 75%
		),
		linear-gradient(180deg, #f3f7fc, #edf2f8);
}
.ga-page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 46px;
}
.ga-page-header h1 {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.02em;
}
.ga-page-header .ga-search {
	width: 320px;
}
.ga-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}
.ga-toolbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}
.ga-tabs {
	display: flex;
	padding: 3px;
	gap: 2px;
	border-radius: 11px;
	background: rgba(100, 116, 139, 0.07);
	border: 1px solid var(--ga-border);
}
.ga-tabs [role="tab"] {
	height: 30px;
	border: 0;
	border-radius: 8px;
	padding: 0 12px;
	gap: 7px;
	font-size: 13px;
	font-weight: 500;
	color: var(--ga-secondary);
	box-shadow: none;
	background: transparent;
}
.ga-tabs [data-state="active"] {
	background: var(--ga-surface) !important;
	color: var(--ga-text) !important;
	box-shadow: 0 1px 3px rgba(27, 39, 55, 0.12);
}
.ga-tab-count {
	font-size: 11px;
	border-radius: 999px;
	padding: 0 5px;
	background: rgba(100, 116, 139, 0.08);
	min-width: 18px;
}
.ga-workspace {
	display: grid;
	grid-template-columns: 400px minmax(0, 1fr);
	gap: 16px;
	min-height: 0;
	flex: 1;
}
.ga-card {
	border: 1px solid var(--ga-border);
	border-radius: 14px;
	background: var(--ga-surface);
	backdrop-filter: blur(18px);
	box-shadow:
		0 1px 2px rgba(27, 39, 55, 0.04),
		0 10px 28px rgba(58, 82, 112, 0.07);
	min-width: 0;
	overflow: hidden;
}
.ga-list {
	display: flex;
	flex-direction: column;
}
.ga-list-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid var(--ga-border);
	font-size: 12px;
	color: var(--ga-muted);
}
.ga-list-scroll {
	overflow-y: auto;
	min-height: 0;
	flex: 1;
	padding: 8px;
}
.ga-list-item {
	display: block;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 11px;
	padding: 13px 12px;
	background: transparent;
	text-align: left;
	color: var(--ga-text);
	margin-bottom: 6px;
	transition:
		background 0.15s,
		border-color 0.15s,
		box-shadow 0.15s;
}
.ga-list-item:hover {
	background: var(--ga-soft);
}
.ga-list-item[aria-pressed="true"] {
	background: var(--ga-surface);
	border-color: rgba(43, 132, 255, 0.4);
	box-shadow: 0 0 0 3px rgba(43, 132, 255, 0.06);
}
.ga-list-item-title {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 14px;
	font-weight: 600;
}
.ga-list-item-title > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ga-list-item-title > strong {
	white-space: nowrap;
	font-size: 14px;
	font-weight: 600;
}
.ga-list-item small {
	display: block;
	font-size: 12px;
	color: var(--ga-muted);
	margin: 3px 0 9px;
}
.ga-list-item-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}
.ga-list-item-meta .ga-badge {
	font-size: 10.5px;
	min-height: 20px;
}
.ga-progress {
	display: flex;
	gap: 3px;
	width: 56px;
}
.ga-progress i {
	height: 4px;
	border-radius: 2px;
	flex: 1;
	background: var(--ga-border);
}
.ga-progress i[data-status="active"] {
	background: #2b84ff;
}
.ga-progress i[data-status="completed"] {
	background: #0d9f61;
}
.ga-stage-fraction {
	font-size: 11px;
	color: var(--ga-muted);
	margin-right: auto;
}
.ga-detail {
	display: flex;
	flex-direction: column;
	min-height: 0;
}
.ga-detail-header {
	padding: 20px 22px 16px;
	border-bottom: 1px solid var(--ga-border);
	display: flex;
	justify-content: space-between;
	gap: 18px;
}
.ga-detail-header small {
	color: var(--ga-muted);
	font-size: 12px;
}
.ga-detail-header h2 {
	font-size: 20px;
	font-weight: 600;
	margin: 4px 0 10px;
	letter-spacing: -0.02em;
}
.ga-detail-amount {
	text-align: right;
	flex-shrink: 0;
}
.ga-detail-amount > strong {
	display: block;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.02em;
}
.ga-detail-amount small {
	display: block;
	margin-top: 3px;
}
.ga-detail-badges {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}
.ga-detail-body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: 20px 22px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	gap: 24px;
	align-content: start;
}
.ga-detail-content {
	min-width: 0;
	display: grid;
	gap: 20px;
}
.ga-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px 20px;
	margin: 0;
}
.ga-meta dt {
	font-size: 11.5px;
	color: var(--ga-muted);
	margin-bottom: 3px;
}
.ga-meta dd {
	font-size: 13.5px;
	margin: 0;
	overflow-wrap: anywhere;
}
.ga-project-strip {
	display: flex;
	gap: 10px;
	align-items: center;
	border: 1px solid var(--ga-border);
	padding: 10px 12px;
	border-radius: 11px;
	background: rgba(100, 116, 139, 0.035);
}
.ga-project-strip > svg {
	color: var(--ga-muted);
	flex-shrink: 0;
}
.ga-project-strip > div {
	flex: 1;
	min-width: 0;
}
.ga-project-strip strong {
	font-size: 13px;
	font-weight: 600;
}
.ga-project-strip small {
	display: block;
	color: var(--ga-muted);
	font-size: 12px;
}
.ga-preview-rail {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-self: start;
}
.ga-thumbnail {
	width: 100%;
	min-height: 220px;
	border: 1px solid var(--ga-border);
	border-radius: 8px;
	background: white;
	overflow: hidden;
	color: #50617a;
	font-size: 12px;
	cursor: pointer;
}
.ga-thumbnail canvas {
	width: 100%;
	height: auto;
}
.ga-preview-rail > span {
	font-size: 11.5px;
	color: var(--ga-muted);
	text-align: center;
}
.ga-detail-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 22px;
	border-top: 1px solid var(--ga-border);
	background: var(--ga-surface);
}
.ga-footer-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}
.ga-footer-actions > small {
	font-size: 11.5px;
	color: var(--ga-muted);
	margin-right: 8px;
}
.ga-detail-footer [data-slot="button"] {
	height: 38px;
	padding: 0 16px;
	font-size: 14px;
}
.ga-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 12px;
	border-top: 1px solid var(--ga-border);
	font-size: 11px;
	color: var(--ga-muted);
}
.ga-document-panel {
	padding: 20px;
	display: grid;
	gap: 22px;
	align-content: start;
	min-height: 100%;
	background: var(--ga-surface);
}
.ga-document-panel .ga-note h2 {
	font-size: 15px;
	font-weight: 600;
}
.ga-document-panel .ga-note {
	padding: 14px 16px;
	border-radius: 14px;
}
.ga-document-panel .ga-note p {
	font-size: 13px;
	color: var(--ga-muted);
	margin-top: 3px;
}
.ga-document-panel .ga-meta strong {
	font-size: 16px;
	font-weight: 600;
}
.ga-document-panel .ga-stage-heading {
	gap: 6px;
}
.ga-document-panel .ga-stage-heading strong {
	font-size: 13.5px;
}
.ga-document-tabs {
	display: flex;
	border-bottom: 1px solid var(--ga-border);
	padding: 0 20px;
	background: var(--ga-surface);
	height: 42px;
	flex-shrink: 0;
}
.ga-document-tabs button {
	height: 42px;
	background: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	padding: 0 12px;
	font-size: 13px;
	color: var(--ga-muted);
}
.ga-document-tabs button[aria-selected="true"] {
	border-bottom-color: #2b84ff;
	color: var(--ga-text);
}
.ga-project-compact {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px !important;
}
.ga-project-compact > svg {
	flex-shrink: 0;
	color: var(--ga-muted);
}
.ga-project-compact > div {
	flex: 1;
	min-width: 0;
}
.ga-project-compact strong {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	display: block;
}
.ga-project-compact small {
	display: block;
	color: var(--ga-muted);
	font-size: 12px;
	line-height: 1.3;
}
.ga-project-compact > button {
	flex-shrink: 0;
}
.ga-viewer-workspace {
	grid-template-columns: minmax(0, 1fr) 460px !important;
}
.ga-viewer-workspace [data-slot="document-inspector-content"] > div {
	padding: 0 !important;
}
.ga-viewer-workspace [data-slot="document-inspector-header"] {
	padding: 0 20px;
}
.ga-viewer-workspace [data-slot="document-inspector-header"] .h-11 {
	height: 42px;
}
.ga-viewer-workspace [data-slot="gus-document-tags"] {
	padding: 12px 20px;
	margin: 0;
}
.ga-viewer-workspace
	[data-slot="gus-document-tags"][data-empty="true"]
	> div:last-child {
	display: none;
}
.ga-viewer-workspace
	[data-slot="gus-document-tags"][data-empty="true"]
	> div:first-child {
	margin-bottom: 0;
}
.ga-viewer-workspace:not([data-gus-review="details"])
	[data-slot="gus-document-tags"] {
	display: none;
}
.ga-viewer-workspace .ga-legacy-details {
	padding: 20px;
}
.ga-viewer-workspace [data-slot="document-action-dock"] button {
	height: 38px;
	border-radius: 10px;
	font-size: 14px;
}
.ga-viewer-workspace[data-gus-pending="true"]
	[data-slot="document-action-dock"]
	> div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.ga-viewer-workspace[data-gus-pending="true"]
	[data-slot="document-action-dock"]
	> div
	> :not(button),
.ga-viewer-workspace[data-gus-pending="true"]
	[data-slot="document-action-dock"]
	button:only-child {
	grid-column: 1 / -1;
}
.ga-viewer-workspace[data-gus-pending="true"]
	[data-slot="document-action-dock"]
	button[data-variant="default"] {
	grid-column: 1 / -1;
	order: -1;
}
.ga-viewer-workspace [data-slot="document-action-dock"] {
	padding: 14px 20px !important;
}
.ga-viewer-workspace
	[data-slot="document-action-dock"]
	button:not([data-variant="outline"]):not([data-variant="ghost"]) {
	background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));
	color: white;
}
.ga-viewer-overview {
	height: 100%;
	background: var(--ga-surface);
	display: flex;
	flex-direction: column;
	min-height: 0;
}
.ga-viewer-scroll {
	overflow-y: auto;
	flex: 1;
	min-height: 0;
}
.ga-inbox-primary {
	display: grid;
	gap: 16px;
	padding: 20px;
	background: var(--ga-surface);
}
.ga-inbox-primary > section {padding:12px;border:1px solid var(--ga-border);border-radius:12px;background:var(--ga-soft);}
.ga-inspector-navigation {
	display: flex;
	align-items: center;
	min-width: 0;
	flex: 1;
}
.ga-inspector-navigation > [data-orientation] {
	min-width: 0;
	flex: 1;
	overflow: auto;
}
.ga-inspector-tabs {
	display: flex;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 0;
	gap: 0;
	background: transparent !important;
}
.ga-inspector-tabs [role="tab"] {
	height: 42px;
	padding: 0 10px;
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid transparent;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ga-muted);
	font-size: 13.5px;
	font-weight: 500;
}
.ga-inspector-tabs [role="tab"][data-state="active"] {
	border-bottom-color: #2b84ff;
	color: var(--ga-text);
}
.ga-position-list {
	padding: 20px;
	display: grid;
	gap: 10px;
}
.ga-position {
	padding: 12px;
	border: 1px solid var(--ga-border);
	border-radius: 12px;
	background: var(--ga-surface);
}
.ga-position > div {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.ga-position > div > span {
	font-size: 11px;
	color: var(--ga-muted);
}
.ga-position strong {
	flex: 1;
	font-weight: 500;
	overflow-wrap: anywhere;
}
.ga-position b {
	white-space: nowrap;
	font-weight: 600;
}
.ga-position small {
	display: block;
	font-size: 11.5px;
	color: var(--ga-muted);
	margin: 6px 0 0 20px;
}
@media (max-width: 1400px) {
	.ga-workspace {
		grid-template-columns: 340px minmax(0, 1fr);
	}
	.ga-detail-body {
		grid-template-columns: minmax(0, 1fr);
	}
	.ga-preview-rail {
		display: none;
	}
}
@media (max-width: 1080px) {
	.ga-viewer-workspace {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}
@media (max-width: 1050px) {
	.ga-workspace {
		grid-template-columns: 300px minmax(0, 1fr);
	}
	.ga-meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.ga-detail-header {
		padding: 16px;
	}
	.ga-detail-header h2 {
		font-size: 17px;
	}
	.ga-detail-amount > strong {
		font-size: 21px;
	}
	.ga-detail-body {
		padding: 16px;
	}
	.ga-footer-actions > small {
		display: none;
	}
	.ga-page {
		padding: 16px;
	}
}
@media (max-width: 760px) {
	.ga-page-header {
		gap: 12px;
		align-items: flex-start;
		flex-direction: column;
	}
	.ga-page-header .ga-search {
		width: 100%;
	}
	.ga-workspace {
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}
	.ga-list {
		max-height: 310px;
		min-height: 240px;
		flex-shrink: 0;
	}
	.ga-detail {
		min-height: 520px;
		flex-shrink: 0;
	}
	.ga-toolbar {
		gap: 8px;
	}
	.ga-tabs {
		max-width: 100%;
		overflow-x: auto;
	}
	.ga-tabs [role="tab"] {
		font-size: 12px;
		padding: 0 8px;
	}
	.ga-detail-footer {
		padding: 12px;
		flex-wrap: wrap;
	}
	.ga-detail-footer [data-slot="button"] {
		padding: 0 10px;
	}
	.ga-sheet-header {
		padding: 18px 16px 14px !important;
	}
	.ga-sheet-body {
		padding: 18px 16px;
	}
	.ga-sheet-footer {
		padding: 12px 16px !important;
		gap: 8px;
		flex-wrap: wrap;
	}
	.ga-sheet-footer > span {
		width: 100%;
		font-size: 11px;
	}
	.ga-sheet-footer [data-slot="button"] {
		flex: 1;
		padding: 0 10px;
	}
	.ga-builder .ga-stage {
		gap: 10px;
	}
	.ga-editor-card {
		padding: 12px;
	}
	.ga-rule {
		gap: 6px;
	}
	.ga-rule small {
		margin-left: 0;
	}
	.ga-segment [data-slot="toggle-group-item"] {
		padding: 0 8px !important;
		font-size: 11.5px !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	.gus-approvals * {
		transition: none !important;
		animation-duration: 0s !important;
		scroll-behavior: auto !important;
	}
}