/* Bone Flow sample/001 Calendar Display Timeline Integration / Package 1.0.1 */
#bf001-calendar054{margin:16px 0 24px;max-width:100%;color:#253449;}
#bf001-calendar054 .bf001-cal054-card{border-radius:7px;background:#fff;padding:14px;border:1px solid #b9cada;}
#bf001-calendar054 h2{margin:0 0 6px;font-size:16px;color:#172c44;}
#bf001-calendar054 .bf001-cal054-note{color:#52677e;font-size:12px;margin:0 0 12px;}
#bf001-calendar054 .bf001-cal054-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:8px 0 14px;}
#bf001-calendar054 .bf001-cal054-controls label{font-size:12px;color:#33465e;display:flex;flex-direction:column;gap:4px;}
#bf001-calendar054 select,#bf001-calendar054 input{border:1px solid #a7b8cb;border-radius:4px;padding:6px 8px;background:#fff;color:#193149;min-width:105px;}
#bf001-calendar054 .bf001-cal054-scroller{max-width:100%;overflow:auto;border:1px solid #acbccb;border-radius:4px;}
#bf001-calendar054 .bf001-cal054-status{font-size:12px;margin:8px 0;color:#3c5772;}
#bf001-calendar054 .bf001-cal054-status.is-error{color:#b42318;font-weight:600;}
#bf001-calendar054 .bf001-cal054-table{width:max-content;max-width:none;min-width:0;}
#bf001-calendar054 .bone-table__table{table-layout:fixed!important;border-collapse:collapse!important;width:var(--bf001-cal054-total-width)!important;min-width:var(--bf001-cal054-total-width)!important;max-width:none!important;}
#bf001-calendar054 .bone-table__table th,#bf001-calendar054 .bone-table__table td{box-sizing:border-box!important;padding:0!important;vertical-align:top!important;border-right:1px solid #647f9d!important;overflow:hidden;width:var(--bf001-cal054-other-width)!important;min-width:var(--bf001-cal054-other-width)!important;max-width:var(--bf001-cal054-other-width)!important;}
#bf001-calendar054 .bone-table__table th:first-child,#bf001-calendar054 .bone-table__table td:first-child{width:var(--bf001-cal054-first-width)!important;min-width:var(--bf001-cal054-first-width)!important;max-width:var(--bf001-cal054-first-width)!important;}
#bf001-calendar054 .bone-table__table th{padding:7px 5px!important;background:#f0f5fa!important;color:#243c56!important;text-align:center!important;}
#bf001-calendar054 .bone-table__cell-content{width:100%;max-width:100%;min-width:0;overflow:hidden;}
#bf001-calendar054 .bone-display-timeline{box-sizing:border-box!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;}
#bf001-calendar054 .bone-display-timeline__track{min-width:0!important;}
#bf001-calendar054 [data-cell-renderer-status="error"],#bf001-calendar054 [data-cell-renderer-status="unavailable"]{color:#a31818;font-size:12px;}
@media print{#bf001-calendar054 .bf001-cal054-controls{display:none}#bf001-calendar054 .bf001-cal054-scroller{overflow:visible}}
/* #048 renders #054 directly in .bone-table__cell-content--snap (display:block by default).
   Keep the official vertical grid so axis/track remain on the same row. */
#bf001-calendar054 .bone-table__cell-content.bone-display-timeline--vertical{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;grid-template-rows:auto auto!important;}
#bf001-calendar054 .bone-table__cell-content.bone-display-timeline--vertical[data-timeline-axis-visible="false"]{grid-template-columns:minmax(0,1fr)!important;}