/* uilib — complete stylesheet bundle */
@import './tokens.css';
@import './reset.css';
@import './widgets/ui-button.css';
@import './widgets/ui-action-list.css';
@import './widgets/ui-icon-button.css';
@import './widgets/ui-list.css';
@import './widgets/ui-master-detail.css';
@import './widgets/ui-search.css';
@import './widgets/ui-flow.css';
@import './widgets/ui-newspaper.css';
@import './widgets/ui-newspaper-blocks.css';
@import './widgets/ui-card.css';
@import './widgets/ui-todo-list.css';
@import './widgets/ui-formation.css';
@import './widgets/ui-expandable-container-card.css';
@import './widgets/ui-planner.css';
@import './widgets/ui-wizard.css';
@import './widgets/ui-form.css';
@import './widgets/ui-toggle.css';
@import './widgets/ui-checkbox.css';
@import './widgets/ui-range.css';
@import './widgets/ui-select.css';
@import './widgets/ui-textarea.css';
@import './widgets/ui-subheader.css';
@import './widgets/ui-img.css';
@import './widgets/ui-map.css';
@import './widgets/ui-elements.css';
@import './widgets/ui-state.css';

/* ── Full-bleed: strip page side padding for planner and full-bleed newspaper */
ui-router > ui-page:has(> ui-container > ui-planner),
ui-router > ui-page:has(> ui-container > ui-newspaper[full-bleed]) {
  padding-left: 0;
  padding-right: 0;
}

/* ── Planner container: flex column so planner fills remaining height,
      allowing sibling elements (e.g. ui-todo-list) above it ────────────── */
ui-container[fill-space]:has(> ui-planner) {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden !important;
}
ui-container[fill-space] > ui-planner {
  flex: 1;
  min-height: 0;
  height: auto;
}

/* ── Full-bleed newspaper: strip container padding ─────────────────────── */
ui-container[fill-space]:has(> ui-newspaper[full-bleed]) {
  padding-top: 0;
  padding-bottom: 0;
}