/**
 * Spectra - compact layout styles
 * Applied when the extended right-panel layout is not active
 */

/* ============================================
   LAYOUT FIXES
   ============================================ */

/* Main canvas area extends to right edge (no sidebar) */
/* Scoped so the extended layout is unaffected when both CSS files load */
body:not([data-edition="full"]) main .page .center {
	right: 0;
}

/*  canvas nav up arrow closer to top (only 2 timeline lanes) */
body:not([data-edition="full"]) .canvas-nav-kbd-up {
	top: 25px;
}

/* ============================================
   TIMELINE - COMPACT LAYOUT
   ============================================ */

/* Timeline height is set by timeline-config.js (25px) */

/*  hide timeline info pane delete button and global checkbox */
/* Scoped so the extended layout is unaffected when both CSS files load */
body:not([data-edition="full"]) .timeline-info-delete,
body:not([data-edition="full"]) .timeline-info-global-label {
	display: none !important;
}

/* ============================================
   TUNING SETTINGS
   ============================================ */

/* Ensure .hidden class properly hides tuning settings panels */
.tuning-settings.hidden {
	display: none !important;
}

/* ============================================
   INFO WINDOW POSITIONING
   ============================================ */

/* Position info-window in top-right (width 150px, 10px from right).
   both editions - the full right panel that used to host it is gone */
.info-window {
	position: absolute;
	top: 33px;
	right: 10px;
	width: 150px;
	z-index: 1001;
}

/* PUBLIC-STRIP-START */
/* full: LMTG event lanes occupy the canvas top - sit two lanes lower */
body[data-edition="full"] .info-window {
	top: 60px;
}
/* PUBLIC-STRIP-END */

/* PUBLIC-STRIP-START */
/*  right-panels-container should not have top offset (no timeline lanes) */
body:not([data-edition="full"]) .right-panels-container {
	top: unset;
}
/* PUBLIC-STRIP-END */

/* ============================================
   BUTTON GROUPING
   ============================================ */

/*  magnet and headphones buttons are not grouped, need full border radius */
body:not([data-edition="full"]) .switch-magnet .switch-checkbox + label,
body:not([data-edition="full"]) .switch-headphones .switch-checkbox + label {
}

/* ============================================
   FEATURE HIDING
   ============================================ */

/* Elements hidden in the compact layout */
/* Scoped so the extended layout is unaffected when both CSS files load */
body:not([data-edition="full"]) .markers-lane,
body:not([data-edition="full"]) .loop-region {
	display: none !important;
}

/*  Hide "Things" tab in Setup */
body:not([data-edition="full"]) .setup-tab[value="Things"] {
	display: none !important;
}

/*  Hide Spatial Output Routing section */
body:not([data-edition="full"]) .spatial-imager-section {
	display: none !important;
}

/*  Hide API tab and section in I/O */
body:not([data-edition="full"]) .io-tab[value="API"] {
	display: none !important;
}
body:not([data-edition="full"]) .io-section[data-section="4"] {
	display: none !important;
}

/*  Hide API flow diagram elements */
body:not([data-edition="full"]) .io-flow-input[data-type="api-in"],
body:not([data-edition="full"]) .io-flow-output[data-type="api-out"] {
	display: none !important;
}

/* PUBLIC-STRIP-START */
/*  Hide Full edition tuning-type (for dev mode with unprocessed HTML) */
body:not([data-edition="full"]) .tuning-type-full {
	display: none !important;
}
/* PUBLIC-STRIP-END */