/* Entrepreneur's Toolkit — front-end shell styles.
   Module INTERIORS are styled by Mission Control's server-rendered markup
   (Brand-Kit or inherited-theme skin via --fset-* custom properties).
   This file only styles the wrapper + honest state cards. */

/* Typography law (Hans 7/24): modules always carry Mission Control's exact
   type (Inter) by default; in inherit mode the site's theme fonts override
   via the --fset-font-* vars the renderer sets. Never the theme's fonts by
   accident — always one of these two deliberate states. */
.fset-module {
	box-sizing: border-box;
	font-family: var(--fset-font-body, 'Inter', system-ui, -apple-system, sans-serif);
}
.fset-module h1, .fset-module h2, .fset-module h3, .fset-module h4,
.fset-module b, .fset-module strong {
	font-family: var(--fset-font-head, var(--fset-font-body, 'Inter', system-ui, -apple-system, sans-serif));
}

.fset-card {
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	padding: 16px 20px;
	font-size: 14px;
	color: inherit;
	opacity: 0.85;
}
.fset-card--offline { font-style: italic; }

.fset-overlay { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
.fset-overlay__scrim { position: absolute; inset: 0; background: rgba(10, 10, 20, 0.55); }
.fset-overlay__panel { position: relative; max-width: 420px; width: calc(100% - 32px); max-height: 85vh; overflow-y: auto; border-radius: 16px; background: #fff; box-shadow: 0 24px 64px rgba(0,0,0,0.35); }
.fset-dark .fset-overlay__panel { background: #16172a; }
.fset-overlay__close { position: absolute; top: 10px; right: 12px; z-index: 2; border: 0; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; color: inherit; opacity: 0.6; }
.fset-overlay__close:hover { opacity: 1; }
.fset-theme-toggle { cursor: pointer; }

/* Sign-in is a trust surface — always FocalShift-branded (doc 06 Part B).
   Gradient lifted from MC's auth chrome (_auth.php). */
.fset-signin {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 11px 20px 11px 12px;
	border-radius: 10px;
	background: linear-gradient(140deg, #5b21d6, #615dfa, #23d2e2);
	color: #fff;
	text-decoration: none;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	box-shadow: 0 4px 14px rgba(97, 93, 250, 0.35);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.fset-signin:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(97, 93, 250, 0.45); }
.fset-signin__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.18);
	font-weight: 800;
	font-size: 15px;
}

.fset-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(97, 93, 250, 0.35);
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-size: 13px;
}
.fset-chip__dot { width: 8px; height: 8px; border-radius: 50%; background: #16c43b; }
.fset-chip__name { font-weight: 600; }
.fset-chip__state { opacity: 0.6; font-size: 12px; }
.fset-chip__out { text-decoration: none; opacity: 0.5; font-size: 15px; line-height: 1; color: inherit; }
.fset-chip__out:hover { opacity: 1; }