/* User-approved compact PlanIQ controls. Artwork and analytical mappings stay intact. */
html #executionForm > .session-documentation-actions {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 12px;
  position: static; padding: 16px; padding-bottom: max(16px,env(safe-area-inset-bottom));
}
html #executionForm .session-footer-progress { min-width: 0; width: 100%; grid-template-columns: auto auto minmax(32px,1fr) auto; gap: 8px; }
html #executionForm .session-footer-progress > * { min-width: 0; overflow-wrap: anywhere; }
html #executionForm .session-footer-actions { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; gap: 8px; }
html #executionForm .session-footer-actions .button { display: block; min-width: 0; width: 100%; min-height: 56px; padding: 12px 16px; overflow-wrap: normal; word-break: normal; hyphens: auto; }
html .page-heading .page-actions .calendar-create-button { width: auto; height: auto; min-width: 0; min-height: 56px; padding: 12px 16px; font-size: 1rem; line-height: 1.4; }
html #printOnlineCalendarButton { display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px; padding: 8px; }
html #printOnlineCalendarButton[hidden] { display: none; }
html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-workspace { display: block; }
/* Keep the action bar in flow when focus leaves a field for another block. */
html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-footer { position: static; }
html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-outline { border: 0; padding: 0; }
html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-phase-rows { display: grid; gap: 8px; }
html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-phase-rows > .builder-editor { margin-block: 8px 16px; }
html .planiq-page-brand {
  padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
html #onlinePlanDialog.planiq-builder .builder-editor,
html #sessionDialog.planiq-builder .builder-editor {
  padding: 16px; border: 1px solid var(--fliq-border-control);
  border-block-start: 4px solid var(--fliq-product-accent);
  border-radius: var(--fliq-radius-card); background: var(--fliq-product-tint);
}
html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-editor :is(.online-session-part,.session-part,.online-training-block,.training-block) {
  background: transparent !important;
}
html .session-documentation-layout { grid-template-columns: minmax(360px, .9fr) minmax(0, 1fr); }
html .session-documentation-editor { grid-template-columns: minmax(0,1fr); min-height: 0; overflow: visible; }
html #executionItemEditor { border: 0; }
html .documentation-item-row { display: grid; grid-template-columns: minmax(0,1fr) 112px; align-items: center; gap: 4px; min-width: 0; }
html .documentation-item-row .documentation-item { grid-template-columns: minmax(0,1fr); min-width: 0; min-height: 56px; padding: 8px; }
html .documentation-item-row .documentation-item-icon { display: none; }
html .documentation-item-row .documentation-item strong { overflow-wrap: anywhere; }
html .documentation-inline-status { display: flex; }
html .documentation-inline-status button {
  display: grid; place-items: center; flex: 0 0 56px; width: 56px; min-width: 56px; height: 56px; padding: 0;
  border: 1px solid var(--fliq-border-control); border-radius: var(--fliq-radius-control);
  background: var(--fliq-surface); box-shadow: none; font-size: 24px;
}
html [data-documentation-status="completed"] { color: var(--fliq8-success); }
html [data-documentation-status="not_completed"] { color: var(--fliq8-danger); }
html [data-documentation-status][aria-pressed="true"] { border: 3px solid currentColor; background: var(--fliq-surface-muted); }
html [data-documentation-status]:focus-visible { outline: 3px solid var(--fliq-focus); outline-offset: 2px; }
html .documentation-video-row { display: grid; grid-template-columns: minmax(0,1fr) 56px; gap: 8px; align-items: end; min-width: 0; }
html .documentation-video-row > :not(.documentation-actual-field):not(.session-videos-inline) { grid-column: 1/-1; }
html .session-videos-inline { display: contents; }
html .session-videos-inline > :not(.video-action-menu) { grid-column: 1/-1; min-width: 0; }
html .session-videos-inline > p:empty { display: none; }
html .session-videos-inline [hidden] { display: none !important; }
html .session-videos-inline .video-action-menu { grid-column: 2; grid-row: 1; position: relative; margin: 0; padding: 0; border: 0; }
html .video-action-menu > summary { display: grid; place-items: center; width: 56px; height: 56px; min-width: 56px; padding: 0; list-style: none; color: var(--fliq-text-primary); background: var(--fliq-surface); border: 1px solid var(--fliq-border-control); border-radius: var(--fliq-radius-control); cursor: pointer; }
html .video-action-menu > summary::-webkit-details-marker { display: none; }
html .video-action-menu > summary:focus-visible { outline: 3px solid var(--fliq-focus); outline-offset: 2px; }
html .video-action-menu:not([open]) > .video-action-options { display: none; }
html .video-action-options {
  position: absolute; inset-inline-end: 0; top: calc(100% + 8px); z-index: 10;
  width: min(280px, calc(100vw - 64px)); padding: 12px; display: grid; gap: 12px;
  border: 1px solid var(--fliq-border-control); border-radius: var(--fliq-radius-control); background: var(--fliq-surface);
}
html .video-action-options .video-picker-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
html .video-action-options .video-picker-action { display: flex !important; width: 100%; min-height: 56px; border-style: solid; padding: 8px; }
html .video-action-options .video-picker-action > span[aria-hidden] { display: none; }
html .video-action-options .video-auto-save-hint { order: 2; font-size: .75rem; }
html .session-videos-inline .session-video-card { padding: 12px; margin-top: 4px; }
@media(max-width: 900px) {
  html .session-documentation-layout { grid-template-columns: minmax(0,1fr); }
  html .session-documentation-plan[open] { max-height: none; }
}
@media(max-width: 480px) {
  html :is(#onlinePlanDialog,#sessionDialog).planiq-builder .builder-editor { padding: 12px; }
  html .documentation-actual-grid { grid-template-columns: minmax(0,1fr); }
  html .block-execution-editor { padding-inline: 8px; }
}

html #executionForm .session-footer-explanation { margin: 0; color: var(--fliq-text-secondary); font-size: .875rem; line-height: 1.5; }