/**
 * FUTURON Employee apps — shared UI contract (guide-aligned).
 * Loaded on every employee app page with the shell.
 *
 * Tokens + patterns live here. App CSS should keep specialized layout/content only.
 * Standard wide (--ui-wide-max) matches the current wide shell; dense screens
 * (Calendar-class) may use --ui-wide-dense instead of forcing one width on all apps.
 * Do not use !important to win conflicts with app CSS — Phase 2+ adopts these tokens.
 */

.futuron-app-shell {
  --ui-ink: #0f1b38;
  --ui-ink-2: #1f4d73;
  --ui-teal: #2f7a8a;
  --ui-teal-soft: #56a9b5;
  --ui-muted: #556170;
  --ui-border: #d3e3ed;
  --ui-card: #ffffff;
  --ui-panel: #f6fbff;
  --ui-radius: 16px;
  --ui-radius-sm: 12px;
  --ui-shadow: 0 10px 24px rgba(10, 35, 64, 0.08);
  --ui-shadow-lg: 0 18px 38px rgba(10, 35, 64, 0.1);
  /* Type */
  --ui-title-size: 22px;
  --ui-title-weight: 800;
  --ui-title-leading: 1.28;
  --ui-desc-size: 13px;
  --ui-desc-leading: 1.45;
  --ui-section-size: 15px;
  /* Spacing (use these three; do not invent a fourth for the same role) */
  --ui-space-1: 8px;
  --ui-space-2: 12px;
  --ui-space-3: 16px;
  --ui-pad-inline-mobile: 12px;
  --ui-pad-inline-desktop: 20px;
  /* Width: canonical wide column. Dense exception = no max (full main column). */
  --ui-wide-max: 1080px;
  --ui-wide-dense: none;
  /* Controls */
  --ui-control-min: 40px;
  --ui-control-radius: 10px;
  --ui-tool-size: 36px;
  --ui-focus: 0 0 0 3px rgba(47, 122, 138, 0.14);
  /* States */
  --ui-ok: #0f766e;
  --ui-error: #b91c1c;
  --ui-danger-bg: #fef2f2;
  --ui-danger-border: #fecaca;
  --ui-disabled-opacity: 0.55;
}

/* —— Page headers —— */
.futuron-app-shell .futuron-app-page-head h1,
.futuron-app-shell .futuron-brand-wrap h1,
.futuron-app-shell .futuron-media-wrap h1,
.futuron-app-shell .futuron-nfc-header h1,
.futuron-app-shell .futuron-sig-app .header h1,
.futuron-app-shell .futuron-contact-header h1,
.futuron-app-shell .fcal-wrap h1,
.futuron-app-shell .fproj-head h1,
.futuron-app-shell .fca-title,
.futuron-app-shell .fhr-head h1,
.futuron-app-shell .fet-header h1 {
  margin: 0;
  font-size: var(--ui-title-size);
  font-weight: var(--ui-title-weight);
  line-height: var(--ui-title-leading);
  color: var(--ui-ink);
  min-width: 0;
  overflow-wrap: anywhere;
}

.futuron-app-shell .futuron-app-tab-desc,
.futuron-app-shell .futuron-media-intro,
.futuron-app-shell .futuron-nfc-header .subtitle,
.futuron-app-shell .futuron-sig-app .note,
.futuron-app-shell .futuron-contact-header .note,
.futuron-app-shell .futuron-brand-wrap .futuron-brand-head-top .note,
.futuron-app-shell .fcal-lead,
.futuron-app-shell .fproj-head .fproj-lead,
.futuron-app-shell .fca-sub,
.futuron-app-shell .fhr-lead,
.futuron-app-shell .fet-lead {
  margin: 0;
  margin-block-start: 6px;
  font-size: var(--ui-desc-size);
  line-height: var(--ui-desc-leading);
  color: var(--ui-muted);
}

/* —— Shared tabs scroll —— */
.futuron-app-shell .futuron-app-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  max-width: 100%;
  border-bottom-color: var(--ui-border);
}
.futuron-app-shell .futuron-app-tabs::-webkit-scrollbar {
  display: none;
}
.futuron-app-shell .futuron-app-tab {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 700;
}
.futuron-app-shell .futuron-app-tab.is-active {
  color: var(--ui-ink);
  border-bottom-color: var(--ui-teal);
}

/* —— Content cards inside apps —— */
.futuron-app-shell .futuron-broadcast-card,
.futuron-app-shell .futuron-activity-item,
.futuron-app-shell .futuron-ai-card,
.futuron-app-shell .futuron-ai-form-panel,
.futuron-app-shell .futuron-ai-mode-card,
.futuron-app-shell .futuron-brand-card,
.futuron-app-shell .futuron-media-card,
.futuron-app-shell .fta-card,
.futuron-app-shell .futuron-contact-app .card {
  border-radius: var(--ui-radius) !important;
  border-color: var(--ui-border) !important;
  box-shadow: var(--ui-shadow);
}

/* —— List-style rows (activity, leads) —— */
.futuron-app-shell .futuron-activity-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  min-height: 72px;
  padding: 14px 16px !important;
  border-radius: var(--ui-radius) !important;
  background: #fff !important;
  border: 1px solid var(--ui-border) !important;
  box-shadow: var(--ui-shadow);
}
.futuron-app-shell .futuron-activity-item.is-clickable:hover,
.futuron-app-shell .futuron-activity-item.is-clickable.is-expanded {
  border-color: var(--ui-teal) !important;
  box-shadow: 0 12px 28px rgba(47, 122, 138, 0.12);
}
.futuron-app-shell .futuron-activity-label {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--ui-ink) !important;
}
.futuron-app-shell .futuron-activity-meta,
.futuron-app-shell .futuron-activity-time {
  font-size: 12px !important;
  color: var(--ui-muted) !important;
}

/* —— Filter chips —— */
.futuron-app-shell .futuron-activity-filter,
.futuron-app-shell .fta-chip-filter,
.futuron-app-shell .fta-filter,
.futuron-app-shell .fta-lead-filter {
  border: 1px solid var(--ui-border) !important;
  background: #fff !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--ui-ink-2) !important;
}
.futuron-app-shell .futuron-activity-filter.is-active,
.futuron-app-shell .fta-chip-filter.is-active,
.futuron-app-shell .fta-filter.is-active,
.futuron-app-shell .fta-lead-filter.is-active {
  background: var(--ui-teal) !important;
  border-color: var(--ui-teal) !important;
  color: #fff !important;
}

/* —— Primary actions —— */
.futuron-app-shell .futuron-ai-btn--primary,
.futuron-app-shell .fta-btn--primary,
.futuron-app-shell .futuron-bc-btn:not(.secondary):not(.wa),
.futuron-app-shell .futuron-sig-app .btn-primary,
.futuron-app-shell button.button-primary {
  background: linear-gradient(180deg, var(--ui-ink), var(--ui-ink-2)) !important;
  border: none !important;
  border-radius: var(--ui-control-radius) !important;
  color: #fff !important;
  font-weight: 800 !important;
  min-height: var(--ui-control-min);
  box-shadow: 0 8px 18px rgba(15, 27, 56, 0.16);
}

.futuron-app-shell .futuron-ai-btn,
.futuron-app-shell .fta-btn,
.futuron-app-shell .futuron-bc-btn.secondary {
  border-radius: var(--ui-control-radius) !important;
  font-weight: 700 !important;
}

/* —— Forms —— */
.futuron-app-shell input[type="text"],
.futuron-app-shell input[type="email"],
.futuron-app-shell input[type="tel"],
.futuron-app-shell input[type="password"],
.futuron-app-shell input[type="url"],
.futuron-app-shell input[type="number"],
.futuron-app-shell input[type="time"],
.futuron-app-shell input[type="date"],
.futuron-app-shell input[type="datetime-local"],
.futuron-app-shell input[type="search"],
.futuron-app-shell select,
.futuron-app-shell textarea {
  border-radius: var(--ui-control-radius) !important;
  border-color: var(--ui-border) !important;
}

.futuron-app-shell input:focus,
.futuron-app-shell select:focus,
.futuron-app-shell textarea:focus {
  border-color: var(--ui-teal) !important;
  box-shadow: var(--ui-focus) !important;
  outline: none;
}
.futuron-app-shell .futuron-app-guide-tool:focus-visible {
  outline: 2px solid var(--ui-teal);
  outline-offset: 2px;
}

/* —— Phase 3: app-level tabs (not Calendar grid / Workspace feed / NFC writer pills) —— */
.futuron-app-shell .fca-tabs,
.futuron-app-shell .fcal-app-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 0;
  margin: var(--ui-space-1) 0 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--ui-border);
  border-radius: 0;
  background: transparent;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.futuron-app-shell .fca-tabs::-webkit-scrollbar,
.futuron-app-shell .fcal-app-tabs::-webkit-scrollbar {
  display: none;
}
.futuron-app-shell .fca-tab,
.futuron-app-shell .fcal-app-tab {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 10px 16px 8px;
  margin-bottom: -1px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #6b7a8b;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.futuron-app-shell .fca-tab:hover,
.futuron-app-shell .fcal-app-tab:hover {
  color: var(--ui-ink-2);
}
.futuron-app-shell .fca-tab.is-active,
.futuron-app-shell .fcal-app-tab.is-on {
  color: var(--ui-ink);
  border-bottom-color: var(--ui-teal);
  background: transparent;
}
.futuron-app-shell .fca-tab:focus-visible,
.futuron-app-shell .fcal-app-tab:focus-visible,
.futuron-app-shell .futuron-app-tab:focus-visible {
  outline: 2px solid var(--ui-teal);
  outline-offset: 2px;
}

/* —— Phase 3: primary / secondary (app-level; not Workspace composer / Calendar compact) —— */
.futuron-app-shell .fca-btn--primary,
.futuron-app-shell .fproj-btn:not(.fproj-btn--ghost),
.futuron-app-shell .fet-btn--primary,
.futuron-app-shell .fmm-btn--primary,
.futuron-app-shell .futuron-sig-app .btn:not(.secondary) {
  background: linear-gradient(180deg, var(--ui-ink), var(--ui-ink-2));
  border-color: transparent;
  color: #fff;
  border-radius: var(--ui-control-radius);
  min-height: var(--ui-control-min);
  font-weight: 800;
}
.futuron-app-shell .fca-btn,
.futuron-app-shell .fproj-btn--ghost,
.futuron-app-shell .fet-btn,
.futuron-app-shell .fet-btn--ghost,
.futuron-app-shell .fmm-btn,
.futuron-app-shell .fmm-btn--ghost,
.futuron-app-shell .futuron-sig-app .btn.secondary {
  border-radius: var(--ui-control-radius);
  border-color: var(--ui-border);
}
.futuron-app-shell .fca-btn:focus-visible,
.futuron-app-shell .fcal-btn:focus-visible,
.futuron-app-shell .fcal-btn-ghost:focus-visible,
.futuron-app-shell .fta-btn:focus-visible,
.futuron-app-shell .fproj-btn:focus-visible,
.futuron-app-shell .fet-btn:focus-visible,
.futuron-app-shell .fmm-btn:focus-visible,
.futuron-app-shell .futuron-ai-btn:focus-visible,
.futuron-app-shell .futuron-sig-app .btn:focus-visible {
  outline: 2px solid var(--ui-teal);
  outline-offset: 2px;
}
.futuron-app-shell .fca-btn--danger,
.futuron-app-shell .fta-btn--danger,
.futuron-app-shell .futuron-ai-btn--danger {
  color: var(--ui-error);
  border-color: var(--ui-danger-border);
  background: var(--ui-danger-bg);
}
.futuron-app-shell .fca-btn:disabled,
.futuron-app-shell .fcal-btn:disabled,
.futuron-app-shell .fcal-btn-ghost:disabled,
.futuron-app-shell .fta-btn:disabled,
.futuron-app-shell .fproj-btn:disabled,
.futuron-app-shell .futuron-ai-btn:disabled,
.futuron-app-shell .fet-btn:disabled,
.futuron-app-shell .futuron-sig-app .btn:disabled,
.futuron-app-shell .futuron-bc-btn:disabled {
  opacity: var(--ui-disabled-opacity);
  cursor: not-allowed;
}
/* Calendar compact / RSVP stay dense — do not inherit 40px min-height. */
.futuron-app-shell .fcal-btn-compact,
.futuron-app-shell .fcal-card-rsvp .fcal-btn-ghost,
.futuron-app-shell .fcal-meet-self-rsvp .fcal-btn-ghost,
.futuron-app-shell .fcal-google-up-head .fcal-btn-ghost,
.futuron-app-shell .fcal-google-up-actions .fcal-btn-ghost {
  min-height: 0;
}

/* —— Phase 3: fields, locked / read-only —— */
.futuron-app-shell input:read-only:not([type="checkbox"]):not([type="radio"]),
.futuron-app-shell textarea:read-only,
.futuron-app-shell input:disabled:not([type="checkbox"]):not([type="radio"]),
.futuron-app-shell select:disabled,
.futuron-app-shell textarea:disabled {
  background: var(--ui-panel);
  color: var(--ui-muted);
}
.futuron-app-shell input:disabled,
.futuron-app-shell select:disabled,
.futuron-app-shell textarea:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

/* —— Phase 3: inline success / error (banners keep their own chrome) —— */
.futuron-app-shell .fta-msg,
.futuron-app-shell .fcal-meet-msg,
.futuron-app-shell .fcal-week-flash,
.futuron-app-shell .fproj-msg,
.futuron-app-shell .fca-form-msg,
.futuron-app-shell .fet-status,
.futuron-app-shell .nfc-print-msg {
  font-size: var(--ui-desc-size);
  line-height: var(--ui-desc-leading);
}
.futuron-app-shell .fta-msg.is-ok,
.futuron-app-shell .fcal-meet-msg.is-ok,
.futuron-app-shell .fcal-week-flash.is-ok,
.futuron-app-shell .fproj-msg.is-ok,
.futuron-app-shell .fet-status.is-ok,
.futuron-app-shell .nfc-print-msg {
  color: var(--ui-ok);
}
.futuron-app-shell .fta-msg.is-error,
.futuron-app-shell .fcal-meet-msg.is-error,
.futuron-app-shell .fcal-week-flash.is-error,
.futuron-app-shell .fproj-msg.is-error,
.futuron-app-shell .fca-form-msg.is-error,
.futuron-app-shell .fet-status.is-err,
.futuron-app-shell .fca-empty.is-error {
  color: var(--ui-error);
}

/* —— Phase 3: loading pulse (existing .is-loading only; no JS) —— */
@keyframes futuron-ui-loading-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.72; }
}
.futuron-app-shell .is-loading,
.futuron-app-shell .futuron-ai-status.is-loading {
  animation: futuron-ui-loading-pulse 1.4s ease-in-out infinite;
}

/* —— Phase 3: neutral chips (semantic status colors stay app-specific) —— */
.futuron-app-shell .fca-chip,
.futuron-app-shell .futuron-ai-badge {
  background: #eef6f8;
  color: var(--ui-ink-2);
}

/* —— Tip / locked panels —— */
.futuron-app-shell .futuron-brand-locked,
.futuron-app-shell .futuron-ai-locked {
  border-radius: var(--ui-radius-sm) !important;
}

/* —— Broadcast cards —— */
.futuron-app-shell .futuron-broadcast-body h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--ui-ink) !important;
}
.futuron-app-shell .futuron-broadcast-body p {
  color: var(--ui-muted) !important;
  line-height: 1.5 !important;
}

/* —— AI cards as soft list —— */
.futuron-app-shell .futuron-ai-card {
  padding: 14px 16px !important;
}
.futuron-app-shell .futuron-ai-card h3 {
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* —— Brand / media cards —— */
.futuron-app-shell .futuron-brand-body h3,
.futuron-app-shell .futuron-media-body h3 {
  font-weight: 800 !important;
  color: var(--ui-ink) !important;
}

/* —— Contact tools —— */
.futuron-app-shell .futuron-contact-tools h3 {
  font-size: var(--ui-section-size) !important;
  font-weight: 800 !important;
  color: var(--ui-ink) !important;
  margin: var(--ui-space-3) 0 var(--ui-space-1) !important;
}
.futuron-app-shell .futuron-contact-tools h3:first-child {
  margin-top: 0 !important;
}

/* —— Signature —— */
.futuron-app-shell .futuron-sig-app .card {
  border-radius: var(--ui-radius) !important;
  border-color: rgba(15, 27, 56, 0.06) !important;
  box-shadow: var(--ui-shadow-lg) !important;
}

/* —— NFC —— */
.futuron-app-shell .futuron-nfc-shell {
  max-width: 100% !important;
  padding: 0 0 24px !important;
}
.futuron-app-shell .futuron-nfc-header h1 {
  font-size: var(--ui-title-size) !important;
}

/* —— Empty states —— */
.futuron-app-shell .futuron-analytics-empty,
.futuron-app-shell .fta-empty {
  color: var(--ui-muted) !important;
  font-size: 14px !important;
}

/* Stats bars */
.futuron-app-shell .futuron-ai-stats-bar,
.futuron-app-shell .fta-stats .fta-stat {
  border-radius: var(--ui-radius-sm) !important;
}

/* —— App guide (How it works) —— */
.futuron-app-head-tools{
  display:inline-flex;
  align-items:center;
  gap:var(--ui-space-1);
  flex:0 0 auto;
  margin-inline-start:auto;
}
.futuron-app-guide-tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--ui-tool-size);
  height:var(--ui-tool-size);
  border-radius:999px;
  border:1px solid #c5d8e6;
  background:#fff;
  color:var(--ui-ink-2);
  text-decoration:none;
  box-sizing:border-box;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease;
}
.futuron-app-guide-tool:hover{
  background:#eef6fb;
  border-color:#1f4d73;
  color:#0f1b38;
}
.futuron-app-guide-tool.is-active{
  border-color:#2f7a8a;
  background:#e8f6f8;
  color:#0f1b38;
  box-shadow:0 0 0 2px rgba(47,122,138,.16);
}
.futuron-app-guide-tool-icon{display:block;flex-shrink:0}
@media (max-width:480px){
  .futuron-app-guide-tool{width:34px;height:34px}
}

.futuron-app-guide{
  max-width:760px;
  margin:8px auto 24px;
  padding:4px 2px 12px;
}
.futuron-app-guide-eyebrow{
  margin:0 0 6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ui-teal);
}
.futuron-app-guide-title{
  margin:0 0 var(--ui-space-1);
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  line-height:var(--ui-title-leading);
  color:var(--ui-ink);
}
.futuron-app-guide-job{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.5;
  color:var(--ui-ink-2);
  font-weight:600;
}
.futuron-app-guide-block{
  margin:0 0 18px;
  padding:16px 16px 14px;
  background:var(--ui-card);
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  box-shadow:var(--ui-shadow);
}
.futuron-app-guide-block h3{
  margin:0 0 10px;
  font-size:15px;
  font-weight:800;
  color:var(--ui-ink);
}
.futuron-app-guide-block h4{
  margin:0 0 6px;
  font-size:14px;
  font-weight:800;
  color:var(--ui-ink);
}
.futuron-app-guide-block p{
  margin:0 0 8px;
  font-size:14px;
  line-height:1.5;
  color:var(--ui-ink-2);
}
.futuron-app-guide-block p:last-child{margin-bottom:0}
.futuron-app-guide-block ul{
  margin:var(--ui-space-1) 0 0;
  padding-inline-start:18px;
  color:var(--ui-ink-2);
  font-size:14px;
  line-height:1.5;
}
.futuron-app-guide-logic{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.futuron-app-guide-logic-card{
  padding:12px 14px;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius-sm);
  background:var(--ui-panel);
}
.futuron-app-guide-logic-flow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
  font-weight:800;
  color:var(--ui-ink);
  font-size:14px;
}
.futuron-app-guide-logic-arrow{color:var(--ui-teal);font-weight:800}
.futuron-app-guide-logic-to{color:var(--ui-teal)}
.futuron-app-guide-logic-who{
  margin:6px 0 0 !important;
  font-size:12px !important;
  font-weight:700;
  color:var(--ui-muted) !important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.futuron-app-guide-logic-meaning{margin:6px 0 0 !important}
.futuron-app-guide-benefits{margin-top:10px !important}
.futuron-app-guide-video .ff-yt-embed{
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:12px;
  background:#0f0f0f;
}
.futuron-app-guide-video .ff-yt-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.futuron-app-guide-video-soon p{
  margin:0;
  color:var(--ui-muted);
  font-size:13px;
}
.futuron-app-guide-sections{
  display:grid;
  gap:12px;
}
.futuron-app-guide-section{
  padding:12px 0 0;
  border-top:1px solid var(--ui-border);
}
.futuron-app-guide-section:first-child{
  padding-top:0;
  border-top:0;
}
.futuron-app-guide-flow{
  margin:0 0 6px !important;
  font-size:12px !important;
  font-weight:700;
  color:var(--ui-teal) !important;
}
.futuron-app-guide-figure{
  margin:10px 0 12px;
  padding:0;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius-sm);
  background:#fff;
  overflow:hidden;
}
.futuron-app-guide-figure a{display:block}
.futuron-app-guide-figure img{
  display:block;
  width:100%;
  height:auto;
  vertical-align:top;
}
.futuron-app-guide-granted-note{
  margin:14px 0 0 !important;
  font-size:12px !important;
  color:var(--ui-muted) !important;
}
.futuron-app-guide-flows{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.futuron-app-guide-flows li{
  padding:10px 12px;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius-sm);
  background:var(--ui-panel);
}
.futuron-app-guide-back{
  margin:8px 0 0;
  font-size:14px;
  font-weight:700;
}
.futuron-app-guide-back a{
  color:var(--ui-ink-2);
  text-decoration:none;
}
.futuron-app-guide-back a:hover{color:var(--ui-teal)}

.futuron-hub-profile-title-row,
.fca-header-top,
.futuron-ai-head-top,
.futuron-contact-header-top,
.futuron-sig-head-top,
.fet-header-top,
.futuron-brand-head-top,
.futuron-nfc-head-top,
.fcal-head-top,
.fproj-head-top,
.fta-page-head .fta-head-top,
.fmm-page-head .fmm-head-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ui-space-2);
  min-width:0;
}
.futuron-hub-profile-title-row > :first-child,
.fca-header-top > :first-child,
.futuron-ai-head-top > :first-child,
.futuron-contact-header-top > :first-child,
.futuron-sig-head-top > :first-child,
.fet-header-top > :first-child,
.futuron-brand-head-top > :first-child,
.futuron-nfc-head-top > :first-child,
.fcal-head-top > :first-child,
.fproj-head-top > :first-child,
.fta-page-head .fta-head-top > :first-child,
.fmm-page-head .fmm-head-top > :first-child{
  min-width:0;
  flex:1 1 auto;
}
.fca-header-top .futuron-app-head-tools,
.futuron-ai-head-top .futuron-app-head-tools,
.futuron-contact-header-top .futuron-app-head-tools,
.futuron-sig-head-top .futuron-app-head-tools,
.fet-header-top .futuron-app-head-tools,
.futuron-brand-head-top .futuron-app-head-tools,
.futuron-nfc-head-top .futuron-app-head-tools,
.fcal-head-top .futuron-app-head-tools,
.fproj-head-tools,
.fta-head-tools,
.fmm-head-tools{
  flex-shrink:0;
}

/* Phase 2 hooks — not wired to Calendar/Careers/Project wraps yet */
.futuron-app-page-title{
  margin:0;
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  line-height:var(--ui-title-leading);
  color:var(--ui-ink);
}
.futuron-app-page-desc{
  margin:0;
  font-size:var(--ui-desc-size);
  line-height:var(--ui-desc-leading);
  color:var(--ui-muted);
}
.futuron-app-tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--ui-tool-size);
  height:var(--ui-tool-size);
  flex:0 0 auto;
  border-radius:999px;
  border:1px solid #c5d8e6;
  background:#fff;
  color:var(--ui-ink-2);
  text-decoration:none;
  box-sizing:border-box;
}
.futuron-app-tool:focus-visible{
  outline:2px solid var(--ui-teal);
  outline-offset:2px;
}