/* Bridge is a reversible projection; never writes saved dashboard coordinates. */
.bridge-overview,
.bridge-detail {
	display: none;
}
.df-home[data-bridge="bridge"] .df-app.gridded {
	height: auto;
	min-height: 100dvh;
	display: grid;
	grid-template-rows: 60px minmax(0, 1fr) 28px;
	grid-template-areas: "topbar" "grid" "status";
}
.df-home[data-bridge="bridge"] body {
	background: #110718;
	overflow: auto;
}
.df-home[data-bridge="bridge"] .home-attention,
.df-home[data-bridge="bridge"] #df-grid-btn,
.df-home[data-bridge="bridge"] .df-mod-cover,
.df-home[data-bridge="bridge"] .df-mobile-move,
.df-home[data-bridge="bridge"] .home-tools > button:last-child {
	display: none !important;
}
.df-home[data-bridge="bridge"] .df-grid {
	display: grid !important;
	grid-template-columns: minmax(280px, 1fr) minmax(370px, 1.3fr) minmax(
			230px,
			.8fr
		) !important;
	grid-template-rows: auto minmax(310px, 42vh) minmax(230px, 28vh) !important;
	gap: 18px !important;
	padding: 26px 30px 30px;
	align-content: start;
	min-height: 0;
	overflow: visible;
}
.df-home[data-bridge="bridge"] .df-grid > .df-mod {
	display: none !important;
}
.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="orb"] {
	display: flex !important;
	grid-column: 2 !important;
	grid-row: 2 !important;
	min-height: 0;
}
.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="chat"] {
	display: flex !important;
	grid-column: 2 !important;
	grid-row: 3 !important;
	min-height: 230px;
}
.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="biznis"] {
	display: flex !important;
	grid-column: 3 !important;
	grid-row: 2 / 4 !important;
}
.df-home[data-bridge="bridge"] .bridge-overview {
	display: block;
	grid-column: 1 / -1;
	grid-row: 1;
}
.df-home[data-bridge="bridge"] .bridge-detail {
	display: block;
	grid-column: 1;
	grid-row: 2 / 4;
	padding: 26px 24px;
	border: 1px solid #9f78ba32;
	border-top: 2px solid #dfb978;
	background: linear-gradient(145deg, #291637, #190b23 70%);
	overflow: auto;
	min-width: 0;
}
.bridge-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.bridge-heading h1 {
	font: 500 clamp(24px, 2.2vw, 38px) / 1.2 Inter, sans-serif;
	color: #f5edfa;
	margin: 10px 0 12px;
	letter-spacing: -1px;
}
.bridge-eyebrow {
	font: 10px / 1.5 "JetBrains Mono", monospace;
	letter-spacing: 2px;
	color: #c0a87e;
}
.bridge-controls,
.bridge-asks {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.bridge-button {
	background: #29113a;
	border: 1px solid #9a70b74f;
	color: #eadbf5;
	padding: 11px 14px;
	cursor: pointer;
	font: 12px Inter, sans-serif;
}
.bridge-button:hover,
.bridge-button:focus-visible {
	border-color: #e6bf83;
	background: #3a1f4c;
}
.bridge-freshness {
	font: 11px / 1.6 Inter, sans-serif;
	color: #ab92bc;
	margin-bottom: 20px;
	max-width: 1000px;
}
.bridge-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 8px;
}
.bridge-card {
	position: relative;
	padding: 20px 22px 17px;
	text-align: left;
	background: linear-gradient(120deg, #2c183a, #20102b);
	border: 1px solid #87689d40;
	color: #f4ecf9;
	cursor: pointer;
	min-height: 137px;
	transition: background .2s, border-color .2s, transform .2s;
	overflow: hidden;
}
.bridge-card[aria-pressed="true"] {
	border-color: #d9b276;
	background: linear-gradient(120deg, #36303b, #2b153b);
}
.bridge-card[aria-pressed="true"]::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 2px;
	background: linear-gradient(90deg, #f3c47d, transparent);
}
.bridge-card:hover {
	transform: translateY(-2px);
	border-color: #c6abd9;
}
.bridge-card strong {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font: 500 clamp(16px, 1.3vw, 22px) / 1.35 Inter, sans-serif;
	margin: 12px 0;
}
.bridge-card small {
	font: 10px / 1.5 "JetBrains Mono", monospace;
	color: #b49cc5;
}
.bridge-detail h2 {
	font: 500 clamp(22px, 1.8vw, 30px) / 1.25 Inter, sans-serif;
	color: #f5edfa;
	margin: 16px 0 22px;
	overflow-wrap: anywhere;
}
.bridge-detail h3 {
	font: 600 12px / 1.5 Inter, sans-serif;
	color: #dfbb84;
	margin: 22px 0 7px;
}
.bridge-detail p {
	font: 13px / 1.75 Inter, sans-serif;
	color: #cab5d9;
	margin: 0 0 12px;
	overflow-wrap: anywhere;
}
.bridge-caveat {
	display: block;
	font: 11px / 1.6 Inter, sans-serif;
	color: #ac93bd;
	margin-top: 10px;
}
.bridge-team-label {
	font: 10px / 1.6 "JetBrains Mono", monospace;
	color: #d8c2e7;
	margin: 22px 0 12px;
	padding-top: 15px;
	border-top: 1px solid #9878af33;
}
.bridge-source {
	display: block;
	text-align: left;
	width: 100%;
	color: #d8bceb;
	border: 0;
	border-bottom: 1px solid #9975b238;
	padding: 12px 0;
	background: none;
	font: 12px / 1.6 Inter, sans-serif;
	cursor: pointer;
	overflow-wrap: anywhere;
}
.bridge-source:hover {
	color: #f3c47d;
}
.bridge-empty {
	font: 15px / 1.8 Inter, sans-serif;
	color: #ccb6dc;
}
.df-home[data-bridge="bridge"] [data-mod="orb"] {
	border: 1px solid #a17bbc30 !important;
	background: radial-gradient(ellipse at 50% 45%, #41255580, transparent 65%),
		#190b22 !important;
	min-height: 0;
	overflow: hidden;
}
.df-home[data-bridge="bridge"] [data-mod="orb"]::before {
	opacity: 0.3;
}
.df-home[data-bridge="bridge"] [data-mod="chat"],
.df-home[data-bridge="bridge"] [data-mod="biznis"] {
	background: #1c0d27 !important;
	border: 1px solid #a17bbc30 !important;
}
.df-home[data-bridge="bridge"] .df-orb-tiles {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
	padding: 8px;
}
.df-home[data-bridge="bridge"] .df-orb-tiles a {
	flex: 0 1 auto;
	min-width: 0;
	font-size: 9px;
	padding: 7px 9px;
	background: #291537;
}
.df-home[data-bridge="bridge"] .df-panel-head {
	background: #2c173a !important;
	border-color: #a17bbc30 !important;
	padding: 14px !important;
	font-size: 11px;
}
.df-home[data-bridge="bridge"] .df-biz-block {
	background: #2a1638;
	border: 1px solid #9374a832;
	padding: 20px;
	margin-bottom: 14px;
}
.df-home[data-bridge="bridge"] .df-biz-big {
	font-size: 28px;
	color: #ebc285;
}
.df-home[data-bridge="bridge"] .df-biz-note,
.df-home[data-bridge="bridge"] .df-biz-kpi {
	font: 12px / 1.8 Inter, sans-serif;
	color: #c9b4d8;
}
.df-home[data-bridge="bridge"] .df-cmd-line {
	font: 14px / 1.7 Inter, sans-serif;
}
.df-home[data-bridge="bridge"] .df-mod {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	height: auto !important;
}
.df-home[data-bridge="bridge"] .df-stage {
	background: #110718;
}
.df-home[data-bridge="bridge"] .df-topbar {
	background: #170920;
	border-bottom: 1px solid #9a76b338;
}
.df-home[data-bridge="bridge"] .df-app.gridded > .df-status-bar {
	grid-area: status;
	position: relative;
}
@media (max-width: 1100px) {
	.df-home[data-bridge="bridge"] .df-grid {
		grid-template-columns: minmax(260px, 1fr) minmax(340px, 1.3fr) !important;
		grid-template-rows: auto 340px 280px auto !important;
		padding: 18px;
	}
	.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="biznis"] {
		grid-column: 1 / -1 !important;
		grid-row: 4 !important;
	}
	.bridge-card {
		padding: 16px;
		min-height: 145px;
	}
}
@media (max-width: 768px), (pointer: coarse) {
	.df-home[data-bridge="bridge"] .df-app.gridded {
		display: flex;
		min-height: 100dvh;
		height: auto;
	}
	.df-home[data-bridge="bridge"] .df-grid {
		display: flex !important;
		flex-direction: column !important;
		padding: 16px 12px;
		gap: 16px !important;
	}
	.df-home[data-bridge="bridge"] .bridge-overview {
		order: 0;
	}
	.df-home[data-bridge="bridge"] .bridge-detail {
		order: 1;
		overflow: visible;
		padding: 22px;
	}
	.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="orb"] {
		order: 2;
		min-height: 360px !important;
	}
	.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="chat"] {
		order: 3;
		min-height: 360px !important;
	}
	.df-home[data-bridge="bridge"] .df-grid > [data-mod-id="biznis"] {
		order: 4;
	}
	.bridge-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}
	.bridge-cards {
		grid-template-columns: 1fr;
		gap: 9px;
	}
	.bridge-card {
		min-height: 0;
		padding: 15px 18px;
	}
	.bridge-card strong {
		font-size: 17px;
		margin: 7px 0;
	}
	.bridge-freshness {
		margin: 14px 0;
	}
	.df-home[data-bridge="bridge"] .df-topbar {
		order: 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.bridge-card {
		transition: none;
	}
	.bridge-card:hover {
		transform: none;
	}
}
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-heading h1 {
	color: #341848;
}
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-card,
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-detail,
.df-home[data-theme="light"][data-bridge="bridge"] [data-mod="chat"],
.df-home[data-theme="light"][data-bridge="bridge"] [data-mod="biznis"],
.df-home[data-theme="light"][data-bridge="bridge"] .df-biz-block {
	background: #efe6f6 !important;
	color: #381c4c;
}
.df-home[data-theme="light"][data-bridge="bridge"]
	.bridge-card[aria-pressed="true"] {
	background: #f4e8d4 !important;
}
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-detail h2 {
	color: #381c4c;
}
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-detail p,
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-freshness,
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-caveat,
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-card small {
	color: #644778;
}
/* MOBIL audit 3 iter 3: jediny vysvetlujuci riadok prazdneho mostika (#ccb6dc) bol v light teme
   bledo-fialovy na fialovom (kontrast 1.56) */
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-empty {
	color: #644778;
}
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-eyebrow,
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-detail h3 {
	color: #805526;
}
.bridge-obligations {
	margin: 8px 12px 20px;
	padding: 20px;
	border-top: 1px solid #9e7db539;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.df-home[data-bridge="bridge"] #biznis {
	flex: none !important;
	overflow: visible !important;
}
.df-home[data-theme="light"][data-bridge="bridge"] .df-topbar,
.df-home[data-theme="light"][data-bridge="bridge"] .df-stage {
	background: #f0e8f5;
}
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-source,
.df-home[data-theme="light"][data-bridge="bridge"] .bridge-team-label,
.df-home[data-theme="light"][data-bridge="bridge"] .df-biz-note,
.df-home[data-theme="light"][data-bridge="bridge"] .df-biz-kpi {
	color: #5f4174;
}
.df-home[data-theme="light"][data-bridge="bridge"] .df-biz-big {
	color: #83551d;
}
.bridge-team-dialog {
	position: fixed;
	/* web-other it3: po scrollnuti je --team-top ~0 -> zavriet pod status barom / vyrezom kamery */
	inset: max(var(--team-top, 60px), env(safe-area-inset-top, 0px)) 0 auto;
	margin: 0;
	width: 100%;
	max-width: none;
	max-height: calc(100dvh - max(var(--team-top, 60px), env(safe-area-inset-top, 0px)) - 12px);
	padding: 30px 36px 36px;
	border: 1px solid #a683bf55;
	border-bottom: 2px solid #dcb981;
	background: linear-gradient(135deg, #291338, #16091f);
	animation: bridge-team-in .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.bridge-team-dialog > button {
	float: right;
}
.bridge-team-dialog > p {
	color: #bfa7d0;
	margin: 10px 0 24px;
	font: 14px Inter, sans-serif;
}
.bridge-team-dialog [data-mod="agents"] {
	display: block !important;
	background: none !important;
	border: 0 !important;
	overflow: visible !important;
}
.bridge-team-dialog .df-panel-head {
	display: none;
}
.bridge-team-dialog #agents {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
	gap: 12px !important;
	overflow: visible !important;
	max-height: none !important;
}
.bridge-team-dialog .df-agent-card {
	display: flex !important;
	flex-direction: column !important;
	min-height: 235px !important;
	padding: 14px !important;
	gap: 8px !important;
	background: linear-gradient(155deg, #39214a, #1f0d2b) !important;
	border: 1px solid #9b78b43d !important;
	align-items: center !important;
}
.bridge-team-dialog .df-agent-card:hover,
.bridge-team-dialog .df-agent-card:focus-visible {
	border-color: #e3bb78 !important;
	background: #412653 !important;
	outline: 1px solid #e3bb78;
}
.bridge-team-dialog .df-agent-head {
	width: 100% !important;
	height: 150px !important;
	max-height: 150px !important;
	min-height: 150px !important;
	flex: none !important;
}
.bridge-team-dialog .df-agent-head canvas {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}
.bridge-team-dialog .nm-col {
	width: 100%;
	flex: none !important;
	text-align: center;
}
.bridge-team-dialog .df-agent-card .name {
	font-size: 12px !important;
}
.bridge-team-dialog .df-agent-card .role {
	font-size: 10px !important;
	white-space: normal !important;
	line-height: 1.5;
}
/* kolo 4: dialog "Tvoj tim" je tmavy v OBOCH temach -> v light teme text kariet nesmie
   dedit svetle premenne (#2e1540 meno / #644678 rola na #39214a = necitatelne).
   Tmave premenne vratene lokalne pre dialog; rola ma v light teme natvrdo farbu (0,5,0) -> !important. */
.df-home[data-theme="light"] .bridge-team-dialog {
	--df-text: #F5F0FF;
	--df-text-mid: rgba(245, 240, 255, 0.62);
	--df-text-dim: rgba(245, 240, 255, 0.38);
	/* web-other it3: light --df-amber #8F6500 na #39214a = 2,7:1 (warn pocty CARTERO/ASANERA) */
	--df-amber: #F5B800;
	--df-purple-light: #C1A7E2;
}
.df-home[data-theme="light"] .bridge-team-dialog .df-agent-card .name {
	color: #f5edfa;
}
.df-home[data-theme="light"] .bridge-team-dialog .df-agent-card.active .name {
	color: var(--df-fire);
}
.df-home[data-theme="light"] .bridge-team-dialog .df-agent-card .role {
	color: #cdb6dd !important;
}
.df-home[data-theme="light"] .bridge-team-dialog .bridge-eyebrow {
	color: #c0a87e;
}
.bridge-team-dialog .card-stats {
	width: 100%;
}
@keyframes bridge-team-in {
	from {
		transform: translateY(calc(-100% - var(--team-top, 60px)));
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@media (prefers-reduced-motion: reduce) {
	.bridge-team-dialog {
		animation: none;
	}
}
@media (max-width: 768px) {
	.bridge-team-dialog {
		padding: 20px 14px;
	}
	.bridge-team-dialog #agents {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

.bridge-obligations {
	display: none;
}
.df-home[data-bridge="bridge"] .bridge-obligations {
	display: flex;
}
.bridge-team-dialog #agents {
	grid-auto-flow: row !important;
	grid-auto-columns: auto !important;
	grid-auto-rows: auto !important;
	scroll-snap-type: none !important;
}
.bridge-team-dialog .df-agent-card {
	grid-column: auto !important;
	grid-row: auto !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: none !important;
}
.df-home[data-theme="light"][data-bridge="bridge"] .df-panel-head {
	background: #e8dcf1 !important;
	color: #47285c !important;
}

/* Open one source without replacing the entire workspace with the old grid. */
.bridge-source-dialog { width: min(760px, calc(100vw - 32px)); max-height: 85dvh; overflow: auto; }
html.df-home .bridge-source-dialog [data-mod] { display: flex !important; flex-direction: column; position: relative !important; width: 100% !important; height: auto !important; min-height: 180px; grid-area: auto !important; transform: none !important; }
.bridge-source-dialog .df-panel-head { display: none; }
.bridge-source-dialog #messages, .bridge-source-dialog #actions, .bridge-source-dialog #conv-quick, .bridge-source-dialog #asanera-quick { max-height: none; overflow: visible; }