/* Cockpit share overlay 4.4 — scope minimo ADR-009
   Action chips header: styles/t1_action_icons.css (S5) */
.settings-detail-panel[data-panel='share-prefs'] {
  gap: 8px;
}

.settings-detail__toggle-block {
  margin: 0;
}

.settings-detail__toggle-block .settings-detail__action--row {
  margin-top: 0;
  align-items: flex-start;
}

.settings-detail__toggle-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.settings-detail__toggle-sub {
  margin: 0;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.62rem;
  line-height: 1.4;
  color: var(--t1-helm-frost-muted, rgba(232, 240, 250, 0.62));
}

.settings-detail__action--row {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.settings-detail__toggle-label {
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--t1-helm-frost, #e8f0fa);
  cursor: default;
}

.settings-detail__hint-trigger {
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  margin-top: 2px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--t1-cyan, #00e5ff) 28%, rgba(255, 255, 255, 0.12));
  background: rgba(0, 0, 0, 0.28);
  color: var(--t1-helm-frost-muted, rgba(232, 240, 250, 0.75));
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  cursor: help;
}

.settings-detail__hint-host[data-t1-hint] > .t1-hover-hint {
  white-space: normal;
  text-transform: none;
  font-size: 0.58rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.35;
  max-width: min(260px, 52vw);
}

.notes-panel-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.notes-panel-header__actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.95rem;
}

.notes-panel-header__share-pair {
  display: inline-flex;
  align-items: center;
  gap: 0.95rem;
}

/* Header note — icone vetro: hint corto sotto (non a sinistra sul titolo) */
.notes-panel-header__actions [data-t1-hint='below'] > .t1-hover-hint {
  top: calc(100% + 5px);
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(4px);
  max-width: none;
  white-space: nowrap;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: none;
  z-index: 240;
}

.notes-panel-header__actions [data-t1-hint='below']:hover:not([data-hint-dismissed]) > .t1-hover-hint,
.notes-panel-header__actions [data-t1-hint='below']:focus-visible:not([data-hint-dismissed]) > .t1-hover-hint {
  transform: translateX(-50%) translateY(0);
}

.notes-panel-header__actions [data-t1-hint='below'][data-hint-dismissed]:hover > .t1-hover-hint,
.notes-panel-header__actions [data-t1-hint='below'][data-hint-dismissed]:focus-visible > .t1-hover-hint {
  transform: translateX(-50%) translateY(4px);
}

.notes-panel-header__actions [data-t1-hint='below']:hover,
.notes-panel-header__actions [data-t1-hint='below']:focus-visible {
  z-index: 12;
}

/* Reply — bordo destro colonna: pill ancorata a destra (no taglio) */
.notes-share-entry-btn[data-t1-hint='below'] > .t1-hover-hint,
#notes-share-reply-btn[data-t1-hint='below'] > .t1-hover-hint {
  left: auto;
  right: 0;
  transform: translateY(4px);
}

.notes-share-entry-btn[data-t1-hint='below']:hover:not([data-hint-dismissed]) > .t1-hover-hint,
.notes-share-entry-btn[data-t1-hint='below']:focus-visible:not([data-hint-dismissed]) > .t1-hover-hint,
#notes-share-reply-btn[data-t1-hint='below']:hover:not([data-hint-dismissed]) > .t1-hover-hint,
#notes-share-reply-btn[data-t1-hint='below']:focus-visible:not([data-hint-dismissed]) > .t1-hover-hint {
  transform: translateY(0);
}

.notes-share-entry-btn[data-t1-hint='below'][data-hint-dismissed]:hover > .t1-hover-hint,
.notes-share-entry-btn[data-t1-hint='below'][data-hint-dismissed]:focus-visible > .t1-hover-hint,
#notes-share-reply-btn[data-t1-hint='below'][data-hint-dismissed]:hover > .t1-hover-hint,
#notes-share-reply-btn[data-t1-hint='below'][data-hint-dismissed]:focus-visible > .t1-hover-hint {
  transform: translateY(4px);
}

.share-overlay-shell {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.share-overlay .t1-sidebar-overlay__backdrop {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  /* §4.8 — click passa alla Black Room: dismiss L1 preserva drawer L2 */
  pointer-events: none;
}

.share-overlay .t1-sidebar-overlay__shell.share-overlay-shell {
  width: min(830px, 97vw);
  max-height: min(94vh, 860px);
  overflow: visible;
  background:
    linear-gradient(160deg,
      rgba(232, 240, 250, 0.06) 0%,
      rgba(10, 14, 22, 0.62) 60%,
      rgba(6, 8, 14, 0.7) 100%);
  border: 1px solid color-mix(in srgb, var(--t1-silver) 25%, rgba(232, 240, 250, 0.12));
  backdrop-filter: blur(26px) saturate(1.18);
  -webkit-backdrop-filter: blur(26px) saturate(1.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 0 24px rgba(232, 240, 250, 0.04),
    var(--t1-depth-contact),
    var(--t1-depth-lift),
    0 0 calc(18px * var(--neon-glow-intensity)) color-mix(in srgb, var(--t1-cyan) 7%, transparent);
}

.share-overlay .t1-sidebar-overlay__shell.share-overlay-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    color-mix(in srgb, var(--t1-pearl) 60%, transparent),
    color-mix(in srgb, var(--t1-cyan) 26%, transparent),
    color-mix(in srgb, var(--t1-pearl) 60%, transparent),
    transparent);
  pointer-events: none;
}

.share-overlay .t1-sidebar-overlay__head {
  padding: 15px 18px 12px;
  border-bottom-color: rgba(232, 240, 250, 0.06);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent);
}

.share-overlay .t1-sidebar-overlay__title {
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  text-transform: none;
}

.share-overlay .t1-sidebar-overlay__hint {
  font-size: 0.68rem;
  line-height: 1.45;
  letter-spacing: 0.02em;
}

.share-overlay-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0.25rem 1rem 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.share-overlay-label {
  margin: 0;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: var(--t1-helm-frost-muted, #b8c4d4);
}

.share-overlay-body .coach-package-intro {
  margin: 0;
  padding: 0.7rem 0.75rem;
  border-top: 0;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--t1-silver) 14%, transparent);
  background: color-mix(in srgb, var(--t1-background-deep, #0a0e14) 86%, transparent);
}

.share-overlay-body .coach-package-intro__label {
  margin-bottom: 0.32rem;
  letter-spacing: 0.02em;
  text-transform: none;
}

.share-overlay-body .coach-package-intro__input {
  min-height: 5.2rem;
}

.share-overlay-replies {
  margin: 0;
  padding: 0.7rem 0.75rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--t1-silver) 14%, transparent);
  background: color-mix(in srgb, var(--t1-background-deep, #0a0e14) 86%, transparent);
}

.share-overlay-reply-intro {
  margin: 0;
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  font-size: 0.76rem;
  line-height: 1.4;
  color: color-mix(in srgb, var(--t1-helm-frost, #e8f0fa) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--t1-silver) 16%, transparent);
  background: color-mix(in srgb, var(--t1-cyan-gateway) 7%, rgba(12, 16, 24, 0.72));
}

.share-overlay-reply-intro[hidden] {
  display: none;
}

.share-overlay-reply-retention {
  margin: 0.15rem 0 0.35rem;
  font-size: 0.7rem;
  line-height: 1.35;
  color: color-mix(in srgb, var(--t1-helm-frost-muted, #b8c4d4) 88%, transparent);
}

.share-overlay-replies:has(#share-comments-list:not(:empty)) {
  border-color: color-mix(in srgb, var(--t1-cyan-gateway) 19%, transparent);
}

.share-overlay-link-row {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}

.share-overlay-input {
  flex: 1 1 12rem;
  min-width: 0;
  padding: 0.55rem 0.65rem;
  font: inherit;
  font-size: 0.82rem;
  color: #e8f0fa;
  background: color-mix(in srgb, var(--t1-deep-black) 70%, #0e1218);
  border: 1px solid color-mix(in srgb, var(--t1-cyan-gateway) 15%, transparent);
  border-radius: 0.35rem;
}

.share-overlay-input--flash {
  border-color: color-mix(in srgb, var(--t1-cyan-gateway) 62%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--t1-cyan-gateway) 30%, transparent);
}

.share-overlay-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.share-overlay-btn--danger {
  color: #f0a0a0;
}

.share-overlay-hint-host {
  display: inline-flex;
  align-items: center;
  position: relative;
}

/* Hint sotto — nero stretto, solo overlay Condividi (rail resta laterale) */
.share-overlay-hint-host[data-t1-hint="below"] > .t1-hover-hint {
  right: auto;
  left: 0;
  top: calc(100% + 5px);
  transform: translateY(3px);
  max-width: min(210px, 72vw);
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.3;
  text-transform: none;
  white-space: normal;
  text-align: left;
  color: #f4f4f4;
  background: #080808;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.55);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: 240;
}

.share-overlay-hint-host[data-t1-hint="below"]:hover:not([data-hint-dismissed]) > .t1-hover-hint,
.share-overlay-hint-host[data-t1-hint="below"]:focus-within:not([data-hint-dismissed]) > .t1-hover-hint {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.share-overlay-hint-host[data-t1-hint="below"][data-hint-dismissed]:hover > .t1-hover-hint,
.share-overlay-hint-host[data-t1-hint="below"][data-hint-dismissed]:focus-within > .t1-hover-hint {
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px);
}

.share-overlay-link-row .share-overlay-hint-host:has(#share-copy-btn) > .t1-hover-hint,
.share-overlay-actions .share-overlay-hint-host:has(#share-revoke-btn) > .t1-hover-hint {
  left: auto;
  right: 0;
  text-align: right;
}

#share-delivery-pdf-wrap .share-overlay-hint-host[data-t1-hint="below"] > .t1-hover-hint {
  left: 0;
  transform: translateY(3px);
  text-align: left;
}

#share-delivery-pdf-wrap .share-overlay-hint-host[data-t1-hint="below"]:hover:not([data-hint-dismissed]) > .t1-hover-hint,
#share-delivery-pdf-wrap .share-overlay-hint-host[data-t1-hint="below"]:focus-within:not([data-hint-dismissed]) > .t1-hover-hint {
  transform: translateY(0);
}

.share-overlay-link-row .share-overlay-hint-host,
.share-overlay-actions .share-overlay-hint-host {
  flex: 0 0 auto;
}

#share-delivery-pdf-wrap .share-overlay-hint-host {
  width: 100%;
}

#share-delivery-pdf-btn {
  width: 100%;
  justify-content: flex-start;
}

#share-delivery-pdf-btn[aria-disabled='true'] {
  opacity: 0.48;
  cursor: not-allowed;
}

.share-overlay-btn.is-done,
#share-create-btn.is-done,
#share-delivery-pdf-btn.is-done,
#share-system-share-btn.is-done {
  border-color: color-mix(in srgb, var(--t1-cyan-gateway) 52%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--t1-cyan-gateway) 24%, transparent);
}

.share-overlay-btn.is-done::after,
#share-create-btn.is-done::after,
#share-delivery-pdf-btn.is-done::after,
#share-system-share-btn.is-done::after {
  content: " \2713";
  color: color-mix(in srgb, var(--t1-cyan-gateway) 88%, #fff);
  font-weight: 700;
}

.share-overlay-status {
  margin: 0;
  font-size: 0.74rem;
  line-height: 1.4;
  color: var(--t1-helm-frost-dim, #8a95a8);
}

.share-delivery-panel {
  margin: 0;
  padding: 0.62rem 0.7rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--t1-silver) 14%, transparent);
  background: color-mix(in srgb, var(--t1-background-deep, #0a0e14) 86%, transparent);
}

.share-delivery-panel[hidden] {
  display: none;
}

.share-delivery-panel__title {
  margin: 0 0 0.55rem;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--t1-helm-frost, #e8f0fa);
}

.share-delivery-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.25rem;
  align-items: start;
}

.share-delivery-qr__label,
.share-delivery-remote__label {
  margin: 0 0 0.4rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--t1-helm-frost, #e8f0fa);
}

.share-delivery-qr__canvas {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--t1-cyan-gateway) 18%, transparent);
  background: #0e1218;
}

.share-delivery-qr__hint {
  margin: 0.35rem 0 0;
  font-size: 0.7rem;
  line-height: 1.4;
  color: var(--t1-helm-frost-dim, #8a95a8);
  max-width: 11rem;
}

.share-delivery-remote {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  min-width: 0;
  width: 100%;
}

.share-delivery-remote .share-overlay-hint-host {
  width: 100%;
}

.share-delivery-remote .share-delivery-btn {
  width: 100%;
  justify-content: center;
  box-sizing: border-box;
}

.share-delivery-email-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  margin-top: 0.15rem;
}

.share-delivery-email-hints[hidden] {
  display: none;
}

.share-delivery-email-hint {
  padding: 0;
  border: none;
  background: none;
  color: color-mix(in srgb, var(--t1-helm-frost, #8ec8e8) 82%, white);
  font: inherit;
  font-size: 0.82rem;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  cursor: pointer;
}

.share-delivery-email-hint:hover {
  color: var(--t1-silver-bright, #e4eaf2);
}

.share-delivery-email-hint[hidden] {
  display: none;
}

.share-delivery-btn[hidden] {
  display: none;
}

.share-delivery-mailto {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.share-delivery-pdf-wrap {
  margin-top: 0.6rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--t1-silver) 14%, transparent);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  position: sticky;
  bottom: 0;
  background: color-mix(in srgb, var(--t1-background-deep, #0a0e14) 90%, transparent);
  z-index: 2;
}

.share-delivery-pdf-wrap[hidden] {
  display: none;
}

.share-delivery-pdf__label {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--t1-helm-frost, #e8f0fa);
}

.share-delivery-pdf__label-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
}

.share-delivery-pdf-help-btn {
  margin-top: 0;
  flex-shrink: 0;
}

.share-delivery-pdf-help-btn:focus {
  outline: none;
}

.share-delivery-pdf-help-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--t1-cyan, #00e5ff) 55%, transparent);
  outline-offset: 2px;
}

.share-delivery-pdf-help-panel {
  width: 100%;
  margin: 0;
  padding: 0.62rem 0.68rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--t1-cyan-gateway, #00e5ff) 22%, rgba(255, 255, 255, 0.1));
  background: color-mix(in srgb, var(--t1-deep-black, #0a0e14) 78%, #101820);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.share-delivery-pdf-help-panel[hidden] {
  display: none !important;
}

.share-delivery-pdf-help-panel__title {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--t1-helm-frost, #e8f0fa);
}

.share-delivery-pdf-help-panel__steps {
  margin: 0 0 0.5rem;
  padding-left: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.68rem;
  line-height: 1.45;
  color: var(--t1-helm-frost-dim, #8a95a8);
}

.share-delivery-pdf-help-panel__steps li {
  padding-left: 0.1rem;
}

.share-delivery-pdf-help-panel__conclusion {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.45;
  color: color-mix(in srgb, var(--t1-cyan-gateway, #00e5ff) 72%, #e8f0fa);
}

.share-delivery-pdf-help-panel__note {
  margin: 0.42rem 0 0;
  font-size: 0.64rem;
  line-height: 1.4;
  color: var(--t1-helm-frost-muted, rgba(232, 240, 250, 0.55));
}

.share-delivery-pdf__hint {
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.4;
  color: var(--t1-helm-frost-dim, #8a95a8);
}

@media (max-width: 420px) {
  .share-delivery-grid {
    grid-template-columns: 1fr;
  }

  .share-delivery-qr__hint {
    max-width: none;
  }
}

.share-coach-comments {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.share-coach-comment {
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--t1-cyan-gateway) 14%, transparent);
  background: color-mix(in srgb, var(--t1-deep-black) 68%, #101820);
}

.share-coach-comment__meta {
  display: block;
  font-size: 0.68rem;
  color: #8a95a8;
  margin-bottom: 0.25rem;
}

.share-coach-comment__body {
  margin: 0;
  font-size: 0.85rem;
}

.share-overlay-reply-status {
  margin: 0.65rem 0 0;
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
  font-size: 0.76rem;
  line-height: 1.35;
  color: #b8c4d4;
  background: color-mix(in srgb, #7ec8e8 8%, rgba(12, 16, 24, 0.72));
  border: 1px solid color-mix(in srgb, #7ec8e8 18%, transparent);
}

.share-overlay-reply-status[hidden] {
  display: none;
}

.share-overlay-reply-status--has-reply {
  color: #d4e8f4;
  border-color: color-mix(in srgb, #7ec8e8 38%, transparent);
}

.share-overlay-comments-title {
  margin: 0.1rem 0 0;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--t1-helm-frost, #e8f0fa);
}

.share-overlay-comments-empty {
  margin: 0;
  font-size: 0.82rem;
  color: #6b7585;
}

.share-overlay--mode-reply .share-overlay-label,
.share-overlay--mode-reply .share-overlay-link-row,
.share-overlay--mode-reply .share-overlay-status,
.share-overlay--mode-reply .share-overlay-actions,
.share-overlay--mode-reply .coach-package-intro,
.share-overlay--mode-reply .share-delivery-panel {
  display: none;
}

.share-overlay--mode-reply .share-overlay-replies {
  padding-top: 0;
  border-top: 0;
}

.share-overlay--mode-reply .share-overlay-reply-status {
  display: none;
}

/* Consegna: solo stato risposta — testo messaggio solo in modalità Ricevi */
.share-overlay:not(.share-overlay--mode-reply) .share-overlay-comments-empty,
.share-overlay:not(.share-overlay--mode-reply) .share-overlay-reply-retention,
.share-overlay:not(.share-overlay--mode-reply) #share-comments-list {
  display: none !important;
}

.share-overlay:not(.share-overlay--mode-reply) .share-overlay-replies {
  margin-top: 0.35rem;
  padding: 0.45rem 0.65rem;
  border: 0;
  background: transparent;
}

.share-overlay:not(.share-overlay--mode-reply) .share-overlay-reply-status {
  margin: 0;
}

.share-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Colonna sopra il player: grid meta + player (banner archiviato overlay, non in-flow). */
.cockpit-player-chrome {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-items: stretch;
  flex: 0 1 auto;
  min-height: 0;
  gap: 0.65rem;
  width: 95%;
  max-width: 1300px;
  max-height: calc(100vh - 60px);
}

.cockpit-analysis-context {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.cockpit-inquadramento-strip {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}

#cockpit-archived-session-banner,
.cockpit-player-chrome > .casting-ws-stack {
  grid-column: 1;
  grid-row: 3;
  min-width: 0;
  min-height: 0;
}

.cockpit-player-chrome > .casting-ws-stack {
  width: 100%;
  max-width: none;
  max-height: 100%;
  height: 100%;
}

.cockpit-analysis-context {
  margin: 0;
  padding: 0.28rem 0 0.32rem;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.055em;
  line-height: 1.4;
  color: color-mix(in srgb, var(--t1-helm-frost-muted, rgba(214, 242, 252, 0.55)) 82%, var(--t1-cyan, #00e5ff) 18%);
  text-shadow: var(--t1-drawer-gem-text-highlight, 0 1px 0 color-mix(in srgb, var(--t1-pearl, #e8f0fa) 14%, transparent));
}

/* Day 0.5 G10 — inquadramento sopra il player (Ruolo · Obiettivo) */
.cockpit-inquadramento-strip {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  width: 100%;
  max-width: 100%;
  padding: 0.25rem 0 0;
}

.cockpit-inquadramento-strip__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.72rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--t1-helm-frost, #e8f0fa) 78%, transparent);
}

.cockpit-inquadramento-strip__edit {
  flex: 0 0 auto;
  font-family: var(--font-tech, 'JetBrains Mono', monospace);
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.3rem 0.55rem;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--t1-cyan-gateway) 28%, transparent);
  background: transparent;
  color: color-mix(in srgb, var(--t1-cyan-gateway) 72%, #fff);
  cursor: pointer;
}

.cockpit-inquadramento-strip__edit:hover {
  border-color: color-mix(in srgb, var(--t1-cyan-gateway) 48%, transparent);
  background: color-mix(in srgb, var(--t1-cyan-gateway) 8%, transparent);
}

/* VIS-X-ERG — cursori viewer / overlay Condividi */
.share-viewer-app button:not(:disabled),
.share-viewer-app a[href],
#share-overlay button:not(:disabled),
#share-overlay a[href] {
  cursor: pointer;
}

.day1-notes-empty-hint {
  margin: 0.65rem 0.85rem 0.35rem;
  padding: 0.55rem 0.65rem;
  font-size: 0.72rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--t1-helm-frost, #e8f0fa) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--t1-cyan-gateway) 18%, transparent);
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--t1-background-deep, #0a0e14) 88%, transparent);
}

body[data-day1-analysis-ready] .day1-notes-empty-hint:not([hidden]) {
  display: block;
}

/* TABLET-S3b — cascade fix (style_4 S3b carica prima · grid share vince senza questo blocco) */
@media (min-width: 900px) and (max-width: 1280px) and (orientation: landscape) {
  body.app-shell {
    --t1-sidebar-width: 300px;
  }

  .workspace {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
    padding: 20px 16px;
    min-width: 0;
  }

  .cockpit-player-chrome {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-items: stretch;
    flex: 0 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
    max-height: calc(100vh - 60px);
    gap: 0.65rem;
  }

  .cockpit-player-chrome > .casting-ws-stack {
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    max-width: none;
    min-height: 0;
    max-height: 100%;
    height: 100%;
  }

  .player-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .drawing-toolbox {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    flex-direction: row !important;
    flex: 0 0 auto;
    align-self: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 4px;
    max-width: 100%;
    padding: 6px 8px;
    margin-top: 2px;
    z-index: 10001;
  }

  .drawing-toolbox .toolbox-drag-handle,
  .drawing-toolbox .toolbox-group-label {
    display: none;
  }

  .drawing-toolbox .tool-sep {
    width: 6px;
    height: 22px;
    margin: 0 2px;
  }

  .drawing-toolbox > .tool-btn.t1-btn-3d,
  .drawing-toolbox > .tool-annotate-mode-toggle,
  .drawing-toolbox > .tool-ghost-toggle,
  .drawing-toolbox > .tool-show-all-toggle,
  .drawing-toolbox > .tool-ephemeral-toggle {
    width: 44px;
    height: 44px;
  }

  #cockpit-hint-host-fs {
    display: none !important;
  }

  .cockpit-cluster-hint-host--guide {
    right: 72px;
  }

  .cockpit-cluster-hint-host--zen {
    right: 18px;
  }
}

/* COACH-LAPTOP-S1 — Studio mouse ≤1500: cascade share + Tier C (vince su S0 absolute toolbox).
   Toolbox in-flow sotto player; scroll canvas Tier C invariato. ≥1501 desktop overlay invariato. */
@media (hover: hover) and (pointer: fine) and (min-width: 901px) and (max-width: 1500px) {
  body.app-shell {
    --t1-sidebar-width: 300px;
  }

  body.app-shell .workspace {
    position: static;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 20px 16px !important;
    min-width: 0;
  }

  body.app-shell .cockpit-player-chrome {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-items: stretch;
    flex: 0 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
    max-height: calc(100vh - 60px);
    gap: 0.65rem;
  }

  body.app-shell .cockpit-player-chrome > .casting-ws-stack {
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    max-width: none;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    flex: none;
  }

  body.app-shell .player-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  body.app-shell .drawing-toolbox {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    flex-direction: row !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px 4px !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    padding: 6px 8px !important;
    z-index: 10001;
  }

  body.app-shell .drawing-toolbox .toolbox-drag-handle,
  body.app-shell .drawing-toolbox .toolbox-group-label {
    display: none !important;
  }

  body.app-shell .drawing-toolbox .tool-sep {
    width: 6px !important;
    height: 22px !important;
    margin: 0 2px !important;
  }

  body.app-shell .drawing-toolbox > .tool-btn.t1-btn-3d,
  body.app-shell .drawing-toolbox > .tool-annotate-mode-toggle,
  body.app-shell .drawing-toolbox > .tool-ghost-toggle,
  body.app-shell .drawing-toolbox > .tool-show-all-toggle,
  body.app-shell .drawing-toolbox > .tool-ephemeral-toggle {
    width: 44px !important;
    height: 44px !important;
  }

  #cockpit-hint-host-fs {
    display: none !important;
  }

  .cockpit-cluster-hint-host--guide {
    right: 72px;
  }

  .cockpit-cluster-hint-host--zen {
    right: 18px;
  }
}

/* Tier C stretto ≤1100 — sidebar leggermente più larga (scroll canvas S0 invariato) */
@media (hover: hover) and (pointer: fine) and (max-width: 1100px) {
  body.app-shell {
    --t1-sidebar-width: 360px;
  }
}