/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Bone Flow Formal Component Header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Component ID : 024
File         : bone-calendar.css
Version      : 1.0.35
Status       : Development
Standard     : Bone Flow Development Standard v1.0
Description  : Bone Calendar 共通UI。Theme対応Calendar表現、9方向配置、親要素吸着、Annotationアイコン/Tooltipを提供する。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
.bone-calendar{--bc-background:#0c1420;--bc-surface:#101b2a;--bc-header:#172337;--bc-text:#e8eef7;--bc-border:#35465f;--bc-accent:#3b82f6;--bc-muted:#91a0b5;--bc-sunday:#ff7d8d;--bc-saturday:#73a9ff;box-sizing:border-box;display:flex;flex-direction:column;width:min(360px,100%);height:auto;min-width:240px;min-height:280px;padding:10px;border:1px solid var(--bc-border);border-radius:10px;background:var(--bc-background);color:var(--bc-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.28);user-select:none;overflow:hidden;position:relative}
.bone-calendar__calendar-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;position:relative}

.bone-calendar *{box-sizing:border-box}
.bone-calendar[data-theme="neon"]{box-shadow:0 0 0 1px rgba(53,244,255,.10),0 0 18px rgba(53,244,255,.10),0 14px 34px rgba(0,0,0,.28)}
.bone-calendar[data-inherit-parent="false"][data-position="top-left"]{justify-self:start;align-self:start}.bone-calendar[data-inherit-parent="false"][data-position="top-center"]{justify-self:center;align-self:start}.bone-calendar[data-inherit-parent="false"][data-position="top-right"]{justify-self:end;align-self:start}.bone-calendar[data-inherit-parent="false"][data-position="middle-left"]{justify-self:start;align-self:center}.bone-calendar[data-inherit-parent="false"][data-position="center"]{justify-self:center;align-self:center}.bone-calendar[data-inherit-parent="false"][data-position="middle-right"]{justify-self:end;align-self:center}.bone-calendar[data-inherit-parent="false"][data-position="bottom-left"]{justify-self:start;align-self:end}.bone-calendar[data-inherit-parent="false"][data-position="bottom-center"]{justify-self:center;align-self:end}.bone-calendar[data-inherit-parent="false"][data-position="bottom-right"]{justify-self:end;align-self:end}
.bone-calendar[data-inherit-parent="true"]{width:100%!important;height:auto!important;max-width:none!important;min-width:0;min-height:100%;justify-self:stretch!important;align-self:stretch!important;border-color:var(--bc-border);border-radius:var(--bc-parent-radius,10px);box-shadow:none;background:var(--bc-background);color:var(--bc-text)}
.bone-calendar[data-theme="neon"][data-inherit-parent="true"]{box-shadow:0 0 0 1px rgba(53,244,255,.10),0 0 18px rgba(53,244,255,.10)!important}
.bone-calendar__nav{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center;margin-bottom:8px}
.bone-calendar__title{min-width:0;text-align:center;color:var(--bc-text);font-size:.95rem;font-variant-numeric:tabular-nums}
.bone-calendar__nav-button,.bone-calendar__today-button{border:1px solid var(--bc-border);border-radius:7px;background:var(--bc-header);color:var(--bc-text);cursor:pointer;transition:filter .12s,border-color .12s,box-shadow .12s}
.bone-calendar__nav-button{display:grid;place-items:center;width:38px;height:34px;padding:0}
.bone-calendar__nav-button:hover:not(:disabled),.bone-calendar__today-button:hover:not(:disabled){filter:brightness(1.1);border-color:var(--bc-accent)}
.bone-calendar__nav-button:focus-visible,.bone-calendar__today-button:focus-visible,.bone-calendar__day:focus-visible{outline:2px solid var(--bc-accent);outline-offset:2px}
.bone-calendar__nav-button:disabled,.bone-calendar__today-button:disabled{opacity:.32;cursor:not-allowed}
.bone-calendar__fa-icon{width:12px;height:18px;display:block}
.bone-calendar__weekdays,.bone-calendar__days{display:grid;grid-template-columns:repeat(7,minmax(30px,1fr));gap:4px;text-align:center}
.bone-calendar__weekdays{margin-bottom:4px;color:var(--bc-muted);font-size:.75rem}
.bone-calendar__weekdays span{padding:4px 0}.bone-calendar__weekdays [data-weekday="0"]{color:var(--bc-sunday);font-weight:700}.bone-calendar__weekdays [data-weekday="6"]{color:var(--bc-saturday);font-weight:700}
.bone-calendar__days{grid-template-rows:repeat(6,minmax(30px,1fr));flex:1;min-height:0}
.bone-calendar__blank{display:block}
.bone-calendar__day{position:relative;width:100%;height:100%;min-height:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--bc-text);font:inherit;font-size:.88rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .1s,border-color .1s,box-shadow .1s}
.bone-calendar__day-number{position:relative;z-index:1}
.bone-calendar__annotation-icons{position:absolute;right:2px;top:2px;z-index:2;display:flex;align-items:center;gap:1px;max-width:calc(100% - 4px);pointer-events:none}
.bone-calendar__annotation-icon{display:inline-grid;place-items:center;width:11px;height:11px;font-size:var(--bc-calendar-icon-size,14px);line-height:1;color:var(--bc-accent)}
.bone-calendar__annotation-icon[data-annotation-kind="holiday"]{color:var(--bc-sunday)}
.bone-calendar[data-icon-visual="emoji"] .bone-calendar__annotation-icon{width:var(--bc-calendar-icon-size,14px);height:var(--bc-calendar-icon-size,14px);font-size:var(--bc-calendar-icon-size,14px);line-height:var(--bc-calendar-icon-size,14px)}
.bone-calendar__annotation-icon[data-annotation-kind="customHoliday"]{color:var(--bc-accent)}
.bone-calendar__annotation-icon[data-annotation-kind="anniversary"]{color:#f5c451}
.bone-calendar__annotation-fa{display:block;width:var(--bc-calendar-icon-size,14px);height:var(--bc-calendar-icon-size,14px)}
.bone-calendar__annotation-more{font-size:8px;line-height:1;color:var(--bc-muted);font-weight:700}
.bone-calendar__day[data-weekday="0"]{color:var(--bc-sunday)}.bone-calendar__day[data-weekday="6"]{color:var(--bc-saturday)}
.bone-calendar__day:hover:not(:disabled){background:var(--bc-header);border-color:var(--bc-border)}
.bone-calendar__day.is-selected{background:var(--bc-accent);border-color:var(--bc-accent);color:#fff;font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--bc-accent) 70%,transparent)}
.bone-calendar__day.is-selected[data-weekday="0"]{color:var(--bc-sunday)}.bone-calendar__day.is-selected[data-weekday="6"]{color:var(--bc-saturday)}
.bone-calendar__day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--bc-accent)}
.bone-calendar__task-indicators{position:absolute;bottom:1px;z-index:3;display:flex;gap:1px;align-items:center;pointer-events:none}.bone-calendar__task-indicators[data-position="right"]{right:2px}.bone-calendar__task-indicators[data-position="center"]{left:50%;transform:translateX(-50%)}.bone-calendar__task-indicators[data-position="left"]{left:2px}
.bone-calendar__task-indicator{display:inline-block;width:var(--bc-calendar-icon-size,14px);height:var(--bc-calendar-icon-size,14px);font-size:var(--bc-calendar-icon-size,14px);line-height:1;text-align:center;box-sizing:border-box}
.bone-calendar[data-show-tasks="false"] .bone-calendar__task-indicators{display:none}
.bone-calendar__day:disabled{opacity:.24;cursor:not-allowed;background:transparent}
.bone-calendar__tooltip{position:absolute;z-index:30;max-width:calc(100% - 16px);padding:9px 10px;border:1px solid var(--bc-border);border-radius:8px;background:var(--bc-surface);color:var(--bc-text);box-shadow:0 10px 24px rgba(0,0,0,.38);font-size:.76rem;line-height:1.45;text-align:left;user-select:text}
.bone-calendar__tooltip[hidden]{display:none}
.bone-calendar__tooltip-date{display:block;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid var(--bc-border);color:var(--bc-text);font-variant-numeric:tabular-nums}
.bone-calendar__tooltip-list{display:grid;gap:5px}
.bone-calendar__tooltip-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:start}
.bone-calendar__tooltip-kind{display:inline-flex;align-items:center;min-height:18px;padding:1px 5px;border:1px solid var(--bc-border);border-radius:999px;color:var(--bc-muted);font-size:.68rem;white-space:nowrap}
.bone-calendar__tooltip-item[data-annotation-kind="holiday"] .bone-calendar__tooltip-kind{color:var(--bc-sunday)}
.bone-calendar__tooltip-item[data-annotation-kind="customHoliday"] .bone-calendar__tooltip-kind{color:var(--bc-accent)}
.bone-calendar__tooltip-item[data-annotation-kind="anniversary"] .bone-calendar__tooltip-kind{color:#f5c451}
.bone-calendar__tooltip-text,.bone-calendar__tooltip-link{min-width:0;overflow-wrap:anywhere;color:var(--bc-text);text-decoration:none}
.bone-calendar__tooltip-link{color:var(--bc-accent);text-decoration:underline;text-underline-offset:2px}
.bone-calendar__tooltip-link:hover,.bone-calendar__tooltip-link:focus-visible{filter:brightness(1.18)}
.bone-calendar__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid var(--bc-border)}
.bone-calendar__today-button{min-height:30px;padding:4px 12px;font:inherit;font-size:.82rem}
.bone-calendar__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bc-muted);font-size:.78rem;font-variant-numeric:tabular-nums}

.bone-calendar__selected-day{position:relative;margin-top:7px;padding-top:7px;border-top:1px solid var(--bc-border);min-height:0;max-height:none;overflow:visible;user-select:text}
.bone-calendar__selected-day[hidden]{display:none}.bone-calendar__selected-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px;padding:3px 2px;cursor:pointer;list-style:none}.bone-calendar__selected-day-head::-webkit-details-marker{display:none}.bone-calendar__selected-day-head::before{content:"▶";font-size:.62rem;color:var(--bc-muted);transition:transform .12s ease}.bone-calendar__selected-day[open]>.bone-calendar__selected-day-head::before{transform:rotate(90deg)}.bone-calendar__selected-day-head>strong{font-size:.76rem;color:var(--bc-text);margin-right:auto}.bone-calendar__selected-day-date{font-size:.7rem;color:var(--bc-muted);font-variant-numeric:tabular-nums}
.bone-calendar[data-selection-layout="below-calendar"]{overflow:hidden}.bone-calendar__selected-day-below{position:absolute;z-index:20;isolation:isolate;--bc-background:#0c1420;--bc-surface:#101b2a;--bc-header:#172337;--bc-text:#e8eef7;--bc-border:#35465f;--bc-accent:#3b82f6;--bc-muted:#91a0b5;box-sizing:border-box;display:block;margin:0;padding:10px;border:1px solid var(--bc-border);border-radius:9px;background:var(--bc-surface);color:var(--bc-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:0;height:auto;max-height:none;overflow:visible;user-select:text;align-self:start}.bone-calendar__selected-day-below[hidden]{display:none!important}.bone-calendar__selected-day-below-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:3px 2px}.bone-calendar__selected-day-below-head>strong{font-size:.76rem;color:var(--bc-text);margin-right:auto}.bone-calendar__selected-day-list{display:grid;gap:4px}.bone-calendar__selected-empty{padding:4px 6px;color:var(--bc-muted);font-size:.7rem}.bone-calendar__selected-item{position:relative;padding:5px 7px;border:1px solid var(--bc-border);border-radius:6px;background:var(--bc-surface);font-size:.7rem;line-height:1.35;text-align:left}.bone-calendar__selected-item-head{display:flex;gap:6px;align-items:baseline;min-width:0}.bone-calendar__selected-kind{flex:0 0 auto;color:var(--bc-text);white-space:nowrap}.bone-calendar__selected-label{min-width:0;overflow-wrap:anywhere;color:var(--bc-text)}.bone-calendar__selected-item.is-task .bone-calendar__selected-label{font-weight:700;font-variant-numeric:tabular-nums}.bone-calendar__selected-meta{margin-top:2px;color:var(--bc-muted);font-size:.66rem}.bone-calendar__selected-content{margin-top:3px;color:var(--bc-text);overflow-wrap:anywhere}.bone-calendar__selected-item.has-memo{cursor:help}.bone-calendar__selected-item.has-memo::after{content:"メモ: " attr(data-memo);position:absolute;left:8px;bottom:calc(100% + 5px);z-index:45;display:none;width:min(280px,calc(100vw - 48px));padding:7px 9px;border:1px solid var(--bc-border);border-radius:7px;background:var(--bc-header);color:var(--bc-text);box-shadow:0 8px 22px rgba(0,0,0,.42);white-space:normal;overflow-wrap:anywhere}.bone-calendar__selected-item.has-memo:hover::after,.bone-calendar__selected-item.has-memo:focus::after{display:block}.bone-calendar__selected-item.has-memo:focus{outline:2px solid var(--bc-accent);outline-offset:1px}
.bone-calendar.is-disabled{opacity:.72}
@media(max-width:420px){.bone-calendar[data-inherit-parent="false"]{width:100%!important;padding:8px}.bone-calendar__weekdays,.bone-calendar__days{gap:2px}}

/* Test page / #017 reference-aligned UI shell */
:root{--bf-bg:#08111b;--bf-panel:#0f1927;--bf-line:#31425a;--bf-text:#eef4ff;--bf-sub:#9eb0c7;--bf-accent:#5ba6ff;--bf-ok:#67efb1;--bf-error:#ff7d8d;--bf-warn:#f5c96a;font-family:Meiryo,"Yu Gothic",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bf-bg);color:var(--bf-text)}.bf-page{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.bf-header{margin-bottom:18px}.bf-header h1{margin:0;font-size:30px}.bf-header p{margin:6px 0;color:var(--bf-sub)}.bf-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bf-badge{padding:5px 9px;border:1px solid var(--bf-line);border-radius:999px;background:#0f1724;font-size:12px}.bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bf-card{min-width:0;padding:16px;border:1px solid var(--bf-line);border-radius:12px;background:var(--bf-panel)}.bf-card--wide{grid-column:1/-1}.bf-card h2,.bf-card h3{margin:0 0 10px}.bf-card p{color:var(--bf-sub)}.bf-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bf-field{display:grid;gap:6px}.bf-field label{font-size:13px;color:#c8d5e7}.bf-field input,.bf-field select{width:100%;padding:9px 10px;border:1px solid #50627d;border-radius:8px;background:#0c1420;color:var(--bf-text)}.bf-check{display:flex;align-items:center;gap:8px}.bf-language-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.bf-language-toolbar strong{margin-right:4px;color:#c8d5e7;font-size:13px}.bf-language-button{padding:6px 10px}.bf-language-button.is-active{border-color:#67efb1;background:#123a31;color:#baf7dc}.bf-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{padding:9px 13px;border:1px solid #4f6f9c;border-radius:8px;background:#17304f;color:#eef6ff;cursor:pointer}button:hover{background:#21456e}button:disabled{opacity:.45;cursor:not-allowed}.is-danger{border-color:#7d3544;background:#3a1f28}.is-primary{border-color:#3a74bd;background:#164b85}.bf-preview-stage{display:grid;gap:12px;padding:14px;border:1px dashed #52637b;border-radius:10px;background:#0c1420;overflow:auto}.bf-parent-preview{display:grid;position:relative;width:560px;height:620px;max-width:100%;padding:12px;border:2px solid #6a8ab6;border-radius:14px;background:#26354a;color:#f3d36a;overflow:hidden}.bf-parent-preview[data-parent-dependent="true"]{padding:0}.bf-code{margin:0;max-height:260px;overflow:auto;padding:12px;border:1px solid var(--bf-line);border-radius:8px;background:#09101a;color:#cfe1fa;white-space:pre-wrap;word-break:break-word}.bf-console{min-height:120px;max-height:260px;overflow:auto;padding:10px;border:1px solid var(--bf-line);border-radius:8px;background:#080e16;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap}.bf-completion{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bf-completion>div{padding:9px;border:1px solid var(--bf-line);border-radius:8px;background:#0d1623}.bf-completion span{display:block;color:var(--bf-sub);font-size:11px}.bf-completion strong{display:block;margin-top:3px}.bf-complete-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.bf-dependencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bf-dependency{padding:10px;border:1px solid var(--bf-line);border-radius:8px;background:#0f1724}.bf-dependency b{display:block}.bf-dependency span{color:var(--bf-sub);font-size:12px}.bf-pass{color:var(--bf-ok)}.bf-fail{color:var(--bf-error)}.bf-pending{color:var(--bf-warn)}
.bone-label-test-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bone-label-overall-summary{display:grid;grid-template-columns:minmax(145px,1.2fr) repeat(6,minmax(100px,1fr));align-items:center;margin:0 0 18px;border:1px solid #33445c;border-radius:8px;background:#0e1724;overflow:hidden}.bone-label-overall-summary>div{display:grid;gap:4px;place-items:center;min-height:66px;padding:8px 12px;border-left:1px solid #33445c;text-align:center}.bone-label-overall-summary>div span{font-size:.78rem;color:#98a9bf}.bone-label-overall-summary>div strong{font-size:1rem;color:#eef4ff}.bone-label-overall-summary .bf-overall{display:grid;place-items:center;min-height:42px;margin:12px;border-radius:6px;background:#172438;font-size:1.1rem;font-weight:800}.bone-label-result-section{margin-top:15px;border:1px solid #30425b;border-radius:8px;background:#0c1522;overflow:hidden}.bone-label-result-section>h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 14px;border-bottom:1px solid #305798;background:linear-gradient(90deg,#123f87,#174f9b);color:#fff;font-size:1.08rem}.bone-label-result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:4px 11px;border:1px solid currentColor;border-radius:999px;background:#172438;font-size:.76rem;font-weight:800}.bone-label-result-badge.is-not-run{color:#aebbd0}.bone-label-result-badge.is-pass{color:#67efb1;background:#123a31}.bone-label-result-badge.is-fail{color:#ff7d8d;background:#421d27}.bone-label-validation-list{display:grid;gap:7px;padding:12px 14px}.bone-label-validation-list--columns{grid-template-columns:repeat(2,minmax(0,1fr))}.bone-label-validation-row{display:grid;grid-template-columns:28px 58px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid #2c3a50;border-radius:7px;background:#111b2a}.bone-label-validation-row.is-fail{border-color:#7a3844;background:#21151d}.bone-label-validation-number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#203049;color:#cfe1f8;font-weight:700}.bone-label-validation-detail{display:grid;gap:3px}.bone-label-validation-name{font-weight:700}.bone-label-validation-reason{font-size:.82rem;color:#aebbd0}
#connection-images .bone-text-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#connection-images .bone-text-test-card{background:#101827;border:1px solid #31425a;border-radius:8px;padding:12px;min-width:0}#connection-images .bone-text-test-card--wide{grid-column:1/-1}#connection-images .bone-text-test-card h3{margin:0 0 4px;color:#f5f8fc;font-size:1rem}#connection-images .bone-text-usage-flow{position:relative;min-height:168px;display:flex;align-items:center;justify-content:space-around;gap:28px;padding:24px;overflow:hidden}#connection-images .bone-text-usage-flow>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}#connection-images .bone-text-node{position:relative;z-index:2;min-width:96px;padding:12px;border:1px solid #4c6584;border-radius:7px;text-align:center;background:#172235;color:#f5f8fc}#connection-images .bone-text-node strong{color:#55e6a5}#connection-images .bone-text-node--source strong{color:#65aaff}#connection-images .bone-text-joint-diagnostic{display:grid;gap:5px;margin-top:8px}#connection-images .bone-text-joint-diagnostic>div{display:flex;justify-content:space-between;gap:12px;padding:5px 8px;border-radius:5px;background:#1a2331;font-size:.78rem}#connection-images .bone-text-joint-diagnostic strong{text-align:right;overflow-wrap:anywhere;color:#eef4ff}#connection-images .bone-text-usage-flow--in-missing,#connection-images .bone-text-usage-flow--in-mismatch,#connection-images .bone-text-usage-flow--out-missing,#connection-images .bone-text-usage-flow--out-mismatch{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center}#connection-images .bone-label-joint-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#connection-images .bone-text-joint-legend{margin-top:12px;border:1px solid #31425a;border-radius:8px;padding:10px;color:#cbd8e8}#connection-images .bone-text-joint-legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#connection-images .bone-text-joint-legend-line{display:inline-block;width:40px;height:3px;margin-right:8px;vertical-align:middle}#connection-images .is-blue{background:#5ba6ff}#connection-images .is-green{background:#4be06b}#connection-images .is-orange{background:#f5a623}#connection-images .is-red{background:#ff5b73}.qa-sandbox{position:fixed;left:-10000px;top:-10000px;width:800px;height:800px;overflow:hidden}
.bf-annotation-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.bf-annotation-tools input[type="file"]{max-width:360px}.bf-annotation-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;color:var(--bf-sub);font-size:12px}.bf-annotation-json{width:100%;min-height:250px;resize:vertical;padding:12px;border:1px solid #50627d;border-radius:8px;background:#09101a;color:#cfe1fa;font:12px/1.5 Consolas,"Courier New",monospace}.bf-annotation-note{padding:10px 12px;border-left:3px solid var(--bf-accent);background:#0c1624;color:var(--bf-sub);font-size:13px}.bf-annotation-note code{color:#e7f2ff}
.bf-color-trigger{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:7px 10px;text-align:left;background:#0c1420}.bf-effect-settings{grid-column:1/-1;border:1px solid #3e5778;border-radius:9px;background:#0b1522;overflow:hidden}.bf-effect-settings>summary{padding:10px 12px;font-weight:700;color:#eef6ff;cursor:pointer;background:#12223a}.bf-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.bf-effect-grid .is-full{grid-column:1/-1}.bf-effect-grid .bf-check{min-height:38px}.bf-effect-note{margin:0;color:var(--bf-sub);font-size:12px;line-height:1.55}.bf-color-trigger__swatch{display:block;width:26px;height:26px;border:1px solid #8293aa;border-radius:6px;background:var(--bf-color-trigger-value,#000)}.bf-color-trigger__value{font:12px/1.2 Consolas,"Courier New",monospace;color:#eef4ff}.bf-api-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.bf-api-meta>div{padding:9px;border:1px solid var(--bf-line);border-radius:8px;background:#0d1623}.bf-api-meta span{display:block;color:var(--bf-sub);font-size:11px}.bf-api-meta strong{display:block;margin-top:3px;overflow-wrap:anywhere}.bf-api-table{display:grid;gap:6px}.bf-api-row{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(140px,.8fr) minmax(240px,1.4fr);gap:10px;padding:8px 10px;border:1px solid #2d4058;border-radius:7px;background:#0b1522;align-items:start}.bf-api-row--head{background:#14243a;font-weight:700}.bf-api-row code{color:#d8eaff;overflow-wrap:anywhere}.bf-api-role{color:#b8c6d8;font-size:12px;line-height:1.45}

.bf-task-editor{margin:12px 0;padding:12px;border:1px solid #3e5572;border-radius:9px;background:#0b1624}.bf-task-editor h3{margin:0 0 9px}.bf-task-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.bf-task-editor-grid .is-wide{grid-column:span 2}.bf-task-editor-grid label{display:grid;gap:5px;color:#c8d5e7;font-size:12px}.bf-task-editor-grid input,.bf-task-editor-grid textarea{width:100%;padding:8px 9px;border:1px solid #50627d;border-radius:7px;background:#0c1420;color:#eef4ff}.bf-task-editor-grid textarea{min-height:64px;resize:vertical}.bf-task-editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}.bf-task-editor-note{color:var(--bf-sub);font-size:12px}@media(max-width:900px){.bf-task-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bf-task-editor-grid{grid-template-columns:1fr}.bf-task-editor-grid .is-wide{grid-column:auto}}
.bf-guide[hidden]{display:none}.bf-guide{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(2,8,16,.72)}.bf-guide__panel{width:min(1100px,96vw);max-height:90vh;overflow:auto;border:1px solid #51739f;border-radius:10px;background:#101c2d;box-shadow:0 20px 70px rgba(0,0,0,.55)}.bf-guide__head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #38506e;position:sticky;top:0;z-index:3;background:#101c2d}.bf-guide__head h2{margin:0}.bf-guide__tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid #2c405a;position:sticky;top:58px;z-index:2;background:#101c2d}.bf-guide__tabs button.is-active{border-color:#67aef5;background:#164b85}.bf-guide [data-guide-panel]{padding:12px}.bf-guide__text{display:grid;gap:10px}.bf-guide__text>div,.bf-guide-card{padding:10px 12px;border:1px solid #2f435f;border-radius:7px;background:#0b1522}.bf-guide__text strong,.bf-guide-card>strong{display:block;margin-bottom:4px;color:#8dccff}.bf-class-api-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:10px 0}.bf-class-api-toolbar span{color:var(--bf-sub);font-size:12px}.bf-guide-api-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.bf-guide-api-head>div{padding:9px;border:1px solid #2f435f;border-radius:7px;background:#0b1522}.bf-guide-api-head span{display:block;color:var(--bf-sub);font-size:11px}.bf-guide-api-head strong{display:block;margin-top:4px;overflow-wrap:anywhere}.bf-guide-api-table{display:grid;gap:6px}.bf-guide-api-row{display:grid;grid-template-columns:minmax(235px,1.2fr) minmax(150px,.8fr) minmax(140px,.7fr) minmax(220px,1.2fr) 110px;gap:8px;align-items:start;padding:8px 10px;border:1px solid #2d4058;border-radius:7px;background:#0b1522}.bf-guide-api-row--head{background:#14243a;font-weight:700}.bf-guide-api-row code{color:#d8eaff;overflow-wrap:anywhere}.bf-guide-api-row button{padding:6px 8px;font-size:12px}.bf-guide-selection{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:10px;align-items:end;margin-bottom:12px}.bf-guide-selection label{display:grid;gap:5px;color:#c8d5e7;font-size:12px}.bf-guide-selection select{width:100%;padding:8px 10px;border:1px solid #50627d;border-radius:7px;background:#0c1420;color:#eef4ff}.bf-guide-selected-signature{padding:9px 10px;border:1px solid #3f5d82;border-radius:7px;background:#10223a;color:#d8eaff;font:12px/1.4 Consolas,monospace;overflow-wrap:anywhere}.bf-guide-steps{margin:6px 0 0;padding-left:20px;color:#d8e2ef}.bf-guide-steps li{margin:5px 0}.bf-guide-sample{margin:6px 0 0;max-height:280px;overflow:auto;padding:12px;border:1px solid #36506f;border-radius:7px;background:#07101a;color:#d8eaff;white-space:pre;tab-size:2}.bf-guide-note{color:var(--bf-sub);font-size:12px;line-height:1.55}

.bf-calendar-class-list{display:grid;gap:12px}.bf-calendar-class-card{display:grid;gap:10px;padding:14px;border:1px solid #33445c;border-radius:8px;background:#0e1724}.bf-calendar-class-card h3,.bf-calendar-class-card p{margin:0}.bf-calendar-class-card>code{display:block;padding:8px 10px;border:1px solid #384b66;border-radius:6px;background:#101d2e;overflow-wrap:anywhere;color:#dcecff}.bf-calendar-class-methods{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.bf-calendar-class-methods strong{flex-basis:100%;color:#a9c8ee}.bf-calendar-class-methods code{padding:4px 7px;border:1px solid #34506f;border-radius:5px;background:#15263a;color:#dff0ff}.bf-calendar-guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.bf-calendar-guide-summary{color:var(--bf-sub);font-size:12px}
.bf-calendar-guide-overlay[hidden]{display:none!important}.bf-calendar-guide-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.78);backdrop-filter:blur(3px)}.bf-calendar-guide-dialog{display:flex;flex-direction:column;width:min(1100px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));overflow:hidden;border:1px solid #355272;border-radius:10px;background:#0b1725;color:#dcecff;box-shadow:0 24px 70px rgba(0,0,0,.48)}.bf-calendar-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid #2d4865;background:#102a42}.bf-calendar-guide-header h2,.bf-calendar-guide-header p{margin:0}.bf-calendar-guide-header p{margin-top:3px;color:#9fc0d8;font-size:12px}.bf-calendar-guide-close{min-width:42px}.bf-calendar-guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;flex:1}.bf-calendar-guide-nav{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-right:1px solid #2d4865;background:#0d2032}.bf-calendar-guide-nav button{padding:10px 14px;border:0;background:transparent;color:#a8c7de;text-align:left;cursor:pointer}.bf-calendar-guide-nav button:hover,.bf-calendar-guide-nav button.is-active{background:#173750;color:#e8f7ff;font-weight:800}.bf-calendar-guide-content{min-width:0;overflow:auto;padding:18px 20px 26px;background:#081722}.bf-calendar-guide-content>section{max-width:860px}.bf-calendar-guide-content h3{margin:0 0 14px;color:#b9e6ff}.bf-calendar-guide-content h4{margin:18px 0 8px;color:#9fd3f7}.bf-calendar-guide-content p,.bf-calendar-guide-content li{line-height:1.7}.bf-calendar-guide-content pre{margin:8px 0 14px;padding:13px 14px;overflow:auto;border:1px solid #355272;border-radius:7px;background:#06121d;color:#dff4ff}.bf-calendar-guide-content code{font-family:Consolas,"Cascadia Mono",monospace}.bf-calendar-guide-content .bf-calendar-class-card{background:#0c1d2b}.bf-calendar-guide-api-list{display:grid;gap:9px}.bf-calendar-guide-api-card{border:1px solid #2f4865;border-radius:8px;background:#0c1d2b;overflow:hidden}.bf-calendar-guide-api-card>summary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr);gap:10px;align-items:center;padding:10px 12px;cursor:pointer;background:#10263a}.bf-calendar-guide-api-card>summary code{color:#dff4ff;overflow-wrap:anywhere}.bf-calendar-guide-api-card>summary span{color:#9fc0d8;font-size:12px}.bf-calendar-guide-api-body{display:grid;gap:10px;padding:12px}.bf-calendar-guide-api-block{padding:10px 12px;border:1px solid #2d4058;border-radius:7px;background:#081722}.bf-calendar-guide-api-block>strong{display:block;margin-bottom:5px;color:#8dccff}.bf-calendar-guide-api-block ol{margin:5px 0 0;padding-left:20px}.bf-calendar-guide-api-block li{margin:4px 0}.bf-calendar-guide-api-block pre{margin:6px 0 0}.bf-calendar-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-top:1px solid #2d4865;background:#102a42;color:#9fc0d8;font-size:.78rem}
@media(max-width:720px){.bf-calendar-guide-overlay{padding:8px}.bf-calendar-guide-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px)}.bf-calendar-guide-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.bf-calendar-guide-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #2d4865;padding:0}.bf-calendar-guide-nav button{white-space:nowrap}.bf-calendar-guide-footer span{display:none}.bf-calendar-guide-api-card>summary{grid-template-columns:1fr}}
@media(max-width:900px){.bf-grid,.bf-property-grid,.bf-effect-grid{grid-template-columns:1fr}.bf-card--wide{grid-column:auto}.bone-label-overall-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bone-label-validation-list--columns{grid-template-columns:1fr}#connection-images .bone-text-test-grid{grid-template-columns:1fr}#connection-images .bone-text-test-card--wide{grid-column:auto}.bf-completion,.bf-dependencies,.bf-api-meta{grid-template-columns:1fr 1fr}.bf-api-row,.bf-guide-api-row{grid-template-columns:1fr}.bf-guide-api-head{grid-template-columns:1fr 1fr}.bf-guide-selection{grid-template-columns:1fr}}@media(max-width:520px){.bf-page{width:min(100% - 20px,1280px)}.bf-completion,.bf-dependencies,.bf-api-meta{grid-template-columns:1fr}.bf-header h1{font-size:24px}.bf-guide-api-head{grid-template-columns:1fr}}


/* #017 Text page-structure reference alignment */
:root{color-scheme:dark;font-family:Meiryo,"Yu Gothic",system-ui,sans-serif;--bg:#07111d;--panel:#151e2e;--card:#081827;--line:#294761;--text:#eef6ff;--muted:#a9bdd0;--blue:#55aaff;--green:#4be06b;--red:#ff5468;--orange:#f5a623;--cyan:#3dd8ff}
html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}.bf-page{width:min(1480px,calc(100% - 32px));margin:18px auto 56px;padding:0}.bf-header,.bf-panel{background:var(--panel);border:1px solid #34465f;border-radius:12px;padding:20px;margin-bottom:16px}.bf-header h1{margin:0 0 8px;font-size:28px}.bf-version-line{margin:0 0 14px;color:#c7d8e8}.bf-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:10px 0}.bf-actions button,.bf-actions a{background:#142a40;color:#eef8ff;border:1px solid #3f6689;border-radius:7px;padding:8px 13px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.bf-actions button:hover,.bf-actions a:hover{border-color:#61c8ff;background:#18334d}.bf-actions button:disabled{opacity:.45;cursor:not-allowed}.bf-dependency-line{margin-top:12px;color:#b8cee2}.bf-dependency-line a{color:#69c9ff;text-decoration:none;font-weight:700}.bf-callout{margin-top:12px;background:#0a2032;border-left:3px solid #42bff8;border-radius:6px;padding:10px 13px;color:#cfe1ef}.bf-panel>h2{font-size:23px;margin:0 0 14px}.bf-panel>p{color:#c2d3e2}.bf-usage-grid{display:grid;grid-template-columns:minmax(390px,.88fr) minmax(470px,1.12fr);gap:14px}@media(max-width:980px){.bf-usage-grid{grid-template-columns:1fr}}.bf-card{background:var(--card);border:1px solid #31516b;border-radius:10px;padding:16px;min-width:0}.bf-card h2{font-size:17px;margin:0 0 12px}.bf-dependency-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:8px;margin-top:14px}@media(max-width:1200px){.bf-dependency-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:760px){.bf-dependency-grid{grid-template-columns:1fr}}.bf-dep{background:#081827;border:1px solid #31516b;border-radius:8px;padding:9px 10px}.bf-dep strong{display:block}.bf-dep span{display:block;color:#9fb8cc;font-size:12px;margin-top:3px}.bf-property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}.bf-field input,.bf-field select{background:#07131f;color:#f4f9ff;border:1px solid #3b5d78;border-radius:6px;padding:8px 9px}.bf-preview-stage{border:1px dashed #41637e;background:linear-gradient(135deg,#07131f,#0d2236)}.bf-schema-wrap{overflow:auto;border:1px solid #2d4c65;border-radius:9px;background:#07131f}.bf-schema-table{width:100%;border-collapse:collapse;min-width:1080px;font-size:12px}.bf-schema-table th,.bf-schema-table td{padding:8px 10px;border-bottom:1px solid #1d394f;border-right:1px solid #1d394f;text-align:left;vertical-align:top;overflow-wrap:anywhere}.bf-schema-table th{position:sticky;top:0;background:#0b1c2b;color:#a7ddff;z-index:1}.bf-schema-table td:first-child,.bf-schema-table td:nth-child(4),.bf-schema-table td:nth-child(5){font-family:Consolas,monospace}.bf-runtime-schema-panel{border-color:#3a7298;box-shadow:0 0 0 1px rgba(61,216,255,.08) inset}.bf-schema-source{margin:0 0 10px;padding:9px 11px;border:1px solid #28536f;border-radius:7px;background:#07131f;color:#b9d9ec!important}.bf-functional{font-family:Consolas,monospace;background:#050d16;border:1px solid #27445c;padding:12px;border-radius:8px;overflow-wrap:anywhere}.bf-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.bf-completion{grid-template-columns:repeat(6,minmax(0,1fr))}.bf-completion>div{background:#07131f;border:1px solid #2d4c65}.bone-label-overall-summary{margin-top:10px}.bf-calendar-guide-overlay[hidden]{display:none!important}

/* #024 Package v1.0.18: task data CRUD manager (test/reference UI only; Runtime remains 1.0.15) */
.bf-task-data-manager{margin:12px 0;padding:12px;border:1px solid #3e5572;border-radius:9px;background:#0b1624}.bf-task-data-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.bf-task-data-head h3{margin:0}.bf-task-data-summary{margin:0 0 8px;color:var(--bf-sub);font-size:12px}.bf-task-data-table-wrap{overflow:auto;border:1px solid #2f435f;border-radius:8px}.bf-task-data-table{width:100%;min-width:1080px;border-collapse:collapse;background:#09131f}.bf-task-data-table th,.bf-task-data-table td{padding:8px 9px;border-bottom:1px solid #263a52;border-right:1px solid #22354b;text-align:left;vertical-align:top;font-size:12px;white-space:normal;overflow-wrap:anywhere}.bf-task-data-table th{position:sticky;top:0;z-index:1;background:#14243a;color:#dcebff}.bf-task-data-table tbody tr:hover{background:#102239}.bf-task-data-table td.has-task-memo{cursor:help;text-decoration:underline dotted}.bf-task-data-actions{display:flex;gap:6px;min-width:118px}.bf-task-data-actions button{padding:6px 9px;font-size:12px}.bf-task-data-empty{text-align:center!important;color:var(--bf-sub);padding:18px!important}.bf-task-editor.is-editing{border-color:#67aef5;box-shadow:0 0 0 1px rgba(103,174,245,.28) inset}

/* #024 v1.0.22 Task Type / Task management */
.bone-calendar__footer{flex-wrap:wrap}.bone-calendar__manager-buttons{display:flex;align-items:center;justify-content:center;gap:5px;flex:1 1 auto}.bone-calendar__manager-open{padding:5px 8px;border:1px solid var(--bc-border);border-radius:6px;background:var(--bc-header);color:var(--bc-text);font:inherit;font-size:.68rem;cursor:pointer}.bone-calendar__manager-open:hover,.bone-calendar__manager-open:focus-visible{border-color:var(--bc-accent);outline:none}.bone-calendar__manager-open[hidden]{display:none}
.bone-calendar__manager-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(2,8,18,.72)}.bone-calendar__manager-modal[hidden]{display:none}.bone-calendar__manager-panel{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid #50627d;border-radius:12px;background:#0b1624;color:#eef4ff;box-shadow:0 24px 80px rgba(0,0,0,.55)}.bone-calendar__manager-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #35465f;background:#14243a}.bone-calendar__manager-header strong{font-size:16px}.bone-calendar__manager-close,.bone-calendar__manager-primary,.bone-calendar__manager-danger,.bone-calendar__manager-secondary{padding:7px 10px;border:1px solid #50627d;border-radius:7px;background:#172337;color:#eef4ff;cursor:pointer}.bone-calendar__manager-primary{background:#0b5ea8;border-color:#2d83d5}.bone-calendar__manager-danger{background:#7f1d1d;border-color:#b91c1c}.bone-calendar__manager-danger:disabled{opacity:.45;cursor:not-allowed}.bone-calendar__manager-body{padding:14px}.bone-calendar__manager-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:14px;align-items:start}.bone-calendar__manager-list{display:grid;align-self:start;align-content:start;height:auto;min-height:0;gap:6px;max-height:none;overflow:visible;padding:8px;border:1px solid #304159;border-radius:9px;background:#09131f}.bone-calendar__manager-list-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:1px solid #304159;border-radius:7px;background:#0f1d2e;color:#eef4ff;text-align:left;cursor:pointer}.bone-calendar__manager-list-item:hover,.bone-calendar__manager-list-item:focus-visible{border-color:#60a5fa;outline:none}.bone-calendar__task-type-swatch{display:inline-grid;place-items:center;min-width:30px;height:26px;border-radius:5px;font-weight:700}.bone-calendar__manager-form{display:grid;align-self:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bone-calendar__manager-field{display:grid;gap:5px;font-size:12px;color:#c8d5e7}.bone-calendar__manager-field:has(textarea){grid-column:1/-1}.bone-calendar__manager-field input:not([type=checkbox]),.bone-calendar__manager-field select,.bone-calendar__manager-field textarea{width:100%;padding:8px 9px;border:1px solid #50627d;border-radius:7px;background:#0c1420;color:#eef4ff}.bone-calendar__manager-field textarea{min-height:74px;resize:vertical}.bone-calendar__manager-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}.bone-calendar__manager-status{font-size:12px;color:#91a0b5}.bone-calendar__manager-task-row span{overflow-wrap:anywhere}@media(max-width:720px){.bone-calendar__manager-layout{grid-template-columns:1fr}.bone-calendar__manager-form{grid-template-columns:1fr}.bone-calendar__manager-field:has(textarea){grid-column:auto}}


/* #024 v1.0.22 Runtime Schema balance / compact JSON defaults */
.bf-runtime-schema-panel{padding:16px 18px}.bf-runtime-schema-panel>h2{font-size:18px;margin-bottom:10px}.bf-runtime-schema-panel>p{margin:7px 0;font-size:12px}.bf-schema-wrap{max-width:100%;overflow:auto}.bf-schema-table{table-layout:fixed;min-width:1000px;font-size:11px}.bf-schema-table th,.bf-schema-table td{padding:7px 8px;line-height:1.45;word-break:break-word;overflow-wrap:anywhere}.bf-schema-table th:nth-child(1){width:12%}.bf-schema-table th:nth-child(2){width:13%}.bf-schema-table th:nth-child(3){width:8%}.bf-schema-table th:nth-child(4){width:7%}.bf-schema-table th:nth-child(5){width:22%}.bf-schema-table th:nth-child(6){width:14%}.bf-schema-table th:nth-child(7){width:24%}.bf-schema-default-cell{font-family:Consolas,"Cascadia Mono",monospace}.bf-schema-inline-code{display:inline-block;max-width:100%;padding:2px 5px;border:1px solid #294761;border-radius:4px;background:#050d16;color:#dff4ff;white-space:normal;overflow-wrap:anywhere}.bf-schema-json{max-width:100%}.bf-schema-json>summary{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border:1px solid #34506f;border-radius:5px;background:#10263a;color:#a7ddff;font-family:Meiryo,"Yu Gothic",sans-serif;font-weight:700;cursor:pointer;white-space:normal}.bf-schema-json>summary:hover,.bf-schema-json>summary:focus-visible{border-color:#61c8ff;outline:none}.bf-schema-json pre{box-sizing:border-box;width:100%;max-width:100%;max-height:190px;margin:6px 0 0;padding:8px 9px;overflow:auto;border:1px solid #294761;border-radius:6px;background:#050d16;color:#dff4ff;font-size:10.5px;line-height:1.45;white-space:pre}.bf-schema-json code{font-family:Consolas,"Cascadia Mono",monospace}.bf-runtime-schema-panel .bf-callout{margin-top:9px;padding:8px 10px;font-size:12px}
@media(max-width:1100px){.bf-schema-table{min-width:920px}.bf-runtime-schema-panel{padding:14px}}

/* #024 v1.0.29 Event manager + Calendar date selector */
.bone-calendar__manager-empty{padding:10px;color:var(--bc-muted);font-size:.72rem;text-align:center}.bone-calendar__manager-event-row span{overflow-wrap:anywhere}

/* #024 v1.0.29 Event date selection uses the normal #024 Calendar UI. */
.bone-calendar__manager-date-field{position:relative}
.bone-calendar__manager-date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.bone-calendar__manager-date-control input{font-variant-numeric:tabular-nums}
.bone-calendar__manager-calendar-button{min-width:40px;padding:7px 9px;border:1px solid #50627d;border-radius:7px;background:#172337;color:#eef4ff;font-size:16px;line-height:1;cursor:pointer}
.bone-calendar__manager-calendar-button:hover,.bone-calendar__manager-calendar-button:focus-visible{border-color:#60a5fa;outline:none}
.bone-calendar__event-date-picker{position:absolute;left:0;top:calc(100% + 6px);z-index:20;width:min(340px,calc(100vw - 64px));padding:8px;border:1px solid #50627d;border-radius:10px;background:#09131f;box-shadow:0 14px 38px rgba(0,0,0,.55)}
.bone-calendar__event-date-picker[hidden]{display:none}
.bone-calendar__event-date-picker-calendar{max-width:100%}


/* #024 v1.0.29 Event Calendar: expand in flow; no internal manager-panel scroll. */
.bone-calendar__manager-modal[data-manager="events"]{overflow:auto;place-items:center}
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-panel{width:min(1040px,calc(100vw - 32px));max-height:none;overflow:visible}
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-header{position:static}
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-body{overflow:visible}
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-layout{align-items:start}
.bone-calendar__manager-date-field{position:static;grid-column:1/-1}
.bone-calendar__manager-date-control{max-width:430px}
.bone-calendar__event-date-picker{position:static;left:auto;top:auto;z-index:auto;width:340px;max-width:100%;margin-top:8px;padding:8px;overflow:visible;box-shadow:none}
.bone-calendar__event-date-picker-calendar{width:320px!important;max-width:100%;margin:0}
@media(max-width:720px){.bone-calendar__manager-modal[data-manager="events"]{place-items:start center}.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-panel{width:calc(100vw - 16px)}.bone-calendar__event-date-picker{width:100%}.bone-calendar__event-date-picker-calendar{width:100%!important}}

/* #024 v1.0.29 Annotation IN / holiday CSV manager */
.bone-calendar__manager-modal[data-manager="annotations"] .bone-calendar__manager-panel{width:min(1040px,calc(100vw - 32px));max-width:100%;overflow-x:hidden}
.bone-calendar__manager-modal[data-manager="annotations"] .bone-calendar__manager-body{min-width:0;overflow-x:hidden}
.bone-calendar__annotation-manager-note{margin:0 0 12px;padding:10px 12px;border-left:3px solid #60a5fa;border-radius:6px;background:#0a1a2a;color:#c8d5e7;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.bone-calendar__annotation-manager-note code{color:#e6f4ff}
.bone-calendar__annotation-manager-source-link{display:inline-flex;align-items:center;max-width:100%;margin-left:6px;color:#7dd3fc;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.bone-calendar__annotation-manager-source-link:hover,.bone-calendar__annotation-manager-source-link:focus-visible{color:#bae6fd}
.bone-calendar__annotation-manager-tools{display:grid;grid-template-columns:minmax(260px,1fr) minmax(120px,160px);gap:8px 10px;align-items:end;margin-bottom:10px;min-width:0}
.bone-calendar__annotation-manager-tools>input[type="file"]{box-sizing:border-box;width:100%;min-width:0;padding:7px 8px;border:1px solid #50627d;border-radius:7px;background:#0c1420;color:#eef4ff}
.bone-calendar__annotation-manager-file-picker{display:flex;align-items:center;gap:8px;min-width:0;width:100%}
.bone-calendar__annotation-manager-file-picker>input[type="file"][hidden]{display:none!important}
.bone-calendar__annotation-manager-file-button{flex:0 0 auto;white-space:nowrap}
.bone-calendar__annotation-manager-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bc-muted,#91a0b5);font-size:12px}
.bone-calendar__annotation-manager-year{min-width:0}
.bone-calendar__annotation-manager-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.bone-calendar__annotation-manager-actions>button{flex:0 1 auto;max-width:100%;white-space:normal}
.bone-calendar__annotation-manager-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;color:#91a0b5;font-size:12px;min-width:0}
.bone-calendar__annotation-manager-meta span{padding:4px 7px;border:1px solid #304159;border-radius:5px;background:#09131f}
.bone-calendar__annotation-manager-json{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:300px;max-height:52vh;resize:vertical;padding:11px 12px;border:1px solid #50627d;border-radius:8px;background:#07111c;color:#dff4ff;font:12px/1.5 Consolas,"Cascadia Mono","Courier New",monospace;tab-size:2}
@media(max-width:720px){.bone-calendar__manager-modal[data-manager="annotations"] .bone-calendar__manager-panel{width:calc(100vw - 16px)}.bone-calendar__annotation-manager-tools{grid-template-columns:1fr}.bone-calendar__annotation-manager-tools>*{width:100%}.bone-calendar__annotation-manager-actions{display:grid;grid-template-columns:1fr}.bone-calendar__annotation-manager-actions>button{width:100%}.bone-calendar__annotation-manager-json{min-height:260px}}


/* #024 Package v1.0.43: manager CRUD + bulk operations + #054 data separation */
.bone-calendar__manager-panel{width:min(1180px,calc(100vw - 32px))}
.bone-calendar__manager-section-title{grid-column:1/-1;display:grid;gap:3px;padding:9px 10px;border:1px solid #314965;border-radius:8px;background:#0d1d2e;color:#eef4ff}.bone-calendar__manager-section-title strong{font-size:13px}.bone-calendar__manager-section-title small{color:#9fb8cc;font-size:11px;line-height:1.45}
.bone-calendar__manager-view-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px;padding:9px;border:1px solid #304159;border-radius:8px;background:#09131f}.bone-calendar__manager-view-button{padding:6px 10px;border:1px solid #50627d;border-radius:7px;background:#172337;color:#eef4ff;cursor:pointer}.bone-calendar__manager-view-button.is-active{border-color:#60a5fa;background:#0b5ea8}.bone-calendar__manager-view-scope{margin-left:auto;color:#9fb8cc;font-size:12px}
.bone-calendar__manager-bulk{display:grid;gap:9px;margin-top:14px;padding:12px;border:1px solid #304159;border-radius:9px;background:#09131f}.bone-calendar__manager-bulk .bone-calendar__manager-section-title{margin:0}.bone-calendar__manager-bulk-json{box-sizing:border-box;width:100%;min-height:170px;max-height:360px;resize:vertical;padding:9px;border:1px solid #50627d;border-radius:7px;background:#06101a;color:#eef4ff;font-family:Consolas,"Cascadia Mono",monospace;font-size:11px;line-height:1.45}.bone-calendar__manager-bulk-actions{padding-top:0}
.bone-calendar__manager-field[hidden]{display:none!important}
@media(max-width:720px){.bone-calendar__manager-view-scope{width:100%;margin-left:0}.bone-calendar__manager-bulk-actions>button{width:100%}}

/* #024 Package v1.0.46: balanced manager forms / optional #054 boxes / #040 Caller + #118 Transition */
.bone-calendar__manager-group{grid-column:1/-1;display:grid;gap:10px;padding:10px;border:1px solid #304159;border-radius:10px;background:#09131f}
.bone-calendar__manager-group--optional{border-style:dashed;background:#08111c}
.bone-calendar__manager-group-head{margin:0;background:#0d1d2e}
.bone-calendar__manager-group-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.bone-calendar__manager-option-body{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;border:1px dashed #3a526e;border-radius:8px;background:#07101a}
.bone-calendar__manager-option-body[hidden]{display:none!important}
.bone-calendar__manager-form--task .bone-calendar__manager-group:first-child .bone-calendar__manager-group-body>.bone-calendar__manager-field:nth-of-type(5),
.bone-calendar__manager-form--task .bone-calendar__manager-group:first-child .bone-calendar__manager-group-body>.bone-calendar__manager-field:nth-of-type(8){grid-column:1/-1}
.bone-calendar__manager-color-control{position:relative;display:grid}
.bone-calendar__manager-color-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:6px 9px;border:1px solid #50627d;border-radius:7px;background:#0c1420;color:#eef4ff;cursor:pointer;text-align:left}
.bone-calendar__manager-color-trigger:hover,.bone-calendar__manager-color-trigger:focus-visible{border-color:#60a5fa;outline:none}
.bone-calendar__manager-color-swatch{display:inline-block;width:24px;height:24px;flex:0 0 24px;border:1px solid rgba(255,255,255,.4);border-radius:5px}
.bone-calendar__manager-color-value{font-size:12px;letter-spacing:.02em}
.bone-calendar__manager-view-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.bone-calendar__manager-filter-field{min-width:160px;margin-left:4px}
.bone-calendar__manager-filter-field input{min-height:34px}
.bone-calendar__manager-view-scope{margin-left:auto;align-self:center;font-size:12px;color:#9fb8cc}
@media(max-width:720px){.bone-calendar__manager-group-body,.bone-calendar__manager-option-body{grid-template-columns:1fr}.bone-calendar__manager-form--task .bone-calendar__manager-group:first-child .bone-calendar__manager-group-body>.bone-calendar__manager-field:nth-of-type(5),.bone-calendar__manager-form--task .bone-calendar__manager-group:first-child .bone-calendar__manager-group-body>.bone-calendar__manager-field:nth-of-type(8){grid-column:auto}.bone-calendar__manager-view-scope{margin-left:0;width:100%}}

.bone-calendar__manager-field-note{display:block;margin-top:5px;color:#9fb3c8;font-size:11px;line-height:1.45}

/* v1.0.50: Calendar manager stays below body-owned #040 ColorPicker caller overlay. */

/* #024 Runtime 1.0.29: Calendar-owned Guide opened from the Calendar footer. */
.bone-calendar__guide-open{font-weight:700}
.bone-calendar__manager-modal[data-manager="guide"]{z-index:1001}
.bone-calendar__manager-modal[data-manager="guide"] .bone-calendar__guide-panel{width:min(980px,calc(100vw - 32px))}
.bone-calendar__guide-language{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.bone-calendar__guide-language-button.is-active{border-color:#67efb1;background:#123a31;color:#baf7dc}
.bone-calendar__guide-content{display:grid;gap:12px}
.bone-calendar__guide-content[hidden]{display:none!important}
.bone-calendar__guide-section{padding:13px;border:1px solid #31516b;border-radius:9px;background:#0f1724;color:#d9e7f5}
.bone-calendar__guide-section h3{margin:0 0 8px;color:#b9e6ff;font-size:14px}
.bone-calendar__guide-section p{margin:7px 0;line-height:1.65}
.bone-calendar__guide-section ol{margin:7px 0;padding-left:22px}
.bone-calendar__guide-section li{margin:4px 0;line-height:1.55}
.bone-calendar__guide-section code{color:#dff4ff}
.bone-calendar__guide-section dl{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:0;margin:8px 0 0;border:1px solid #31516b;border-radius:8px;overflow:hidden}
.bone-calendar__guide-section dt,.bone-calendar__guide-section dd{margin:0;padding:7px 9px;border-bottom:1px solid #31516b}
.bone-calendar__guide-section dt{font-family:Consolas,"Cascadia Mono",monospace;color:#dff4ff;background:#14243a}
.bone-calendar__guide-section dd{border-left:1px solid #31516b}
.bone-calendar__guide-section dt:last-of-type,.bone-calendar__guide-section dd:last-of-type{border-bottom:0}
.bone-calendar__guide-code{box-sizing:border-box;max-width:100%;overflow:auto;margin:9px 0 0;padding:10px;border:1px solid #304159;border-radius:7px;background:#06101a;color:#e6f4ff;font:11px/1.55 Consolas,"Cascadia Mono","Courier New",monospace;white-space:pre}
@media(max-width:720px){.bone-calendar__manager-modal[data-manager="guide"] .bone-calendar__guide-panel{width:calc(100vw - 16px)}.bone-calendar__guide-section dl{grid-template-columns:1fr}.bone-calendar__guide-section dd{border-left:0}.bone-calendar__guide-section dt,.bone-calendar__guide-section dd{border-bottom:1px solid #31516b}}


/* #024 Package 1.0.68: isolate the #024 test-page shell from generic dependency CSS.
   Runtime component styles remain under .bone-calendar; these selectors only repair UI-024 documentation/test layout. */
main.bf-page[data-ui-id="UI-024"]{
  display:block!important;
  width:min(1480px,calc(100% - 32px))!important;
  max-width:1480px!important;
  margin:18px auto 56px!important;
  padding:0!important;
  min-width:0!important;
}
main.bf-page[data-ui-id="UI-024"] > .bf-header,
main.bf-page[data-ui-id="UI-024"] > .bf-panel{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
main.bf-page[data-ui-id="UI-024"] > .bf-header{
  flex:none!important;
  grid-template-columns:none!important;
  grid-auto-flow:row!important;
  align-items:initial!important;
  justify-content:initial!important;
}
main.bf-page[data-ui-id="UI-024"] > .bf-header > h1,
main.bf-page[data-ui-id="UI-024"] > .bf-header > p,
main.bf-page[data-ui-id="UI-024"] > .bf-header > .bf-actions,
main.bf-page[data-ui-id="UI-024"] > .bf-header > .bf-dependency-grid{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
main.bf-page[data-ui-id="UI-024"] > .bf-header > h1{
  display:block!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
main.bf-page[data-ui-id="UI-024"] > .bf-header > .bf-actions{
  display:flex!important;
  flex-wrap:wrap!important;
}
main.bf-page[data-ui-id="UI-024"] > .bf-header > .bf-dependency-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  grid-auto-flow:row!important;
}
@media(max-width:760px){
  main.bf-page[data-ui-id="UI-024"] > .bf-header > .bf-dependency-grid{grid-template-columns:1fr!important}
}


/* #024 Package 1.0.68: harden the UI-024 test-page header against foreign component/theme CSS.
   This intentionally does not change .bone-calendar__day; day-cell sizing is handled separately. */
body > main.bf-page[data-ui-id="UI-024"]{
  box-sizing:border-box!important;
  float:none!important;
  position:relative!important;
  writing-mode:horizontal-tb!important;
}
body > main.bf-page[data-ui-id="UI-024"] > header.bf-header{
  box-sizing:border-box!important;
  float:none!important;
  position:relative!important;
  writing-mode:horizontal-tb!important;
  overflow:visible!important;
}
body > main.bf-page[data-ui-id="UI-024"] > header.bf-header > *{
  box-sizing:border-box!important;
  float:none!important;
  min-width:0!important;
  writing-mode:horizontal-tb!important;
}
body > main.bf-page[data-ui-id="UI-024"] > header.bf-header > .bf-dependency-grid > .bf-dep{
  box-sizing:border-box!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  float:none!important;
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
body > main.bf-page[data-ui-id="UI-024"] > header.bf-header > .bf-dependency-grid > .bf-dep > strong,
body > main.bf-page[data-ui-id="UI-024"] > header.bf-header > .bf-dependency-grid > .bf-dep > span{
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
  word-break:normal!important;
}

/* #024 v1.0.73: Work Type master table. */
.bone-calendar__work-type-table-wrap{width:100%;overflow-x:visible;padding-bottom:4px}
.bone-calendar__work-type-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:12px}
.bone-calendar__work-type-table th,.bone-calendar__work-type-table td{border:1px solid rgba(148,163,184,.28);padding:6px;vertical-align:middle;text-align:left;white-space:nowrap}
.bone-calendar__work-type-table th{background:rgba(30,64,96,.42);font-weight:700}
.bone-calendar__work-type-table td input[type="text"]{min-width:92px;width:100%;box-sizing:border-box}
.bone-calendar__work-type-table td input[type="number"]{width:82px;box-sizing:border-box}
.bone-calendar__work-type-table .bone-calendar__manager-color-control{min-width:118px}
.bone-calendar__work-type-table .bone-calendar__manager-color-trigger{width:100%;justify-content:flex-start}
.bone-calendar__work-type-table code{font-size:11px}

/* #024 v1.0.73: task-type manager uses the available screen width so all work-type columns remain visible without horizontal scrolling. */
/* #024 v1.0.118: manager list columns must keep content height even when host/theme CSS tries to stretch grid items. */
.bone-calendar__manager-modal[data-manager="tasks"] .bone-calendar__manager-layout,
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-layout,
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-layout{align-items:start!important;align-content:start!important;grid-auto-rows:max-content!important}
.bone-calendar__manager-modal[data-manager="tasks"] .bone-calendar__manager-list,
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-list,
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-list{align-self:start!important;align-content:start!important;height:max-content!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-panel{width:min(1280px,calc(100vw - 32px))}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(1){width:48px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(2){width:126px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(3){width:112px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(4){width:72px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(6),.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(8){width:104px}
@media(max-width:900px){.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-layout{grid-template-columns:1fr}.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table{table-layout:auto}.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table-wrap{overflow-x:auto}}

/* #024 v1.0.78: Work Type table consumes the full manager-group width. */
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table-wrap{grid-column:1/-1;width:100%;min-width:0}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th,.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table td{padding:3px 4px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(1){width:56px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(2){width:132px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(3){width:126px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(4){width:88px}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(6),.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th:nth-child(8){width:116px}


/* #024 v1.0.93: Redmine 5.1.2 Classic compatibility for all Calendar managers.
   Redmine core applies global input/select/button height/padding/margins. Scope the
   Calendar-owned managers so Event / Annotation / Guide / Task UIs stay aligned. */
.bone-calendar__manager-modal button{
  box-sizing:border-box;
  height:24px;
  min-height:24px;
  margin-top:0;
  margin-bottom:0;
  padding:0 8px;
  line-height:22px;
  vertical-align:middle
}

/* #024 v1.0.118: Task Type / Task / Event list items must contain all wrapped text.
   This intentionally overrides the generic 24px manager-button compatibility rule above. */
.bone-calendar__manager-modal[data-manager="tasks"] .bone-calendar__manager-list,
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-list,
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-list{display:flex!important;flex-direction:column!important;align-items:stretch!important;align-self:start!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.bone-calendar__manager-modal[data-manager="tasks"] .bone-calendar__manager-list-item,
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-list-item,
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-list-item{box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:8px 9px!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important}
.bone-calendar__manager-modal[data-manager="tasks"] .bone-calendar__manager-list-item>span,
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__manager-list-item>span:not(.bone-calendar__task-type-swatch),
.bone-calendar__manager-modal[data-manager="events"] .bone-calendar__manager-list-item>span{display:block;min-width:0;flex:1 1 auto;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__task-type-swatch{flex:0 0 30px;align-self:flex-start;min-width:30px;min-height:26px;height:26px;line-height:26px}
.bone-calendar__manager-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.bone-calendar__manager-modal select{
  box-sizing:border-box;
  min-height:24px;
  margin-top:0;
  margin-bottom:0;
  padding:2px 6px;
  vertical-align:middle
}
.bone-calendar__manager-modal textarea{
  box-sizing:border-box;
  height:auto;
  margin-top:0;
  margin-bottom:0;
  padding:6px 8px
}
.bone-calendar__manager-modal input[type="file"]{box-sizing:border-box;margin-top:0;margin-bottom:0}
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table th,
.bone-calendar__manager-modal[data-manager="task-types"] .bone-calendar__work-type-table td{padding:3px 4px}
.bone-calendar__manager-filter-field{position:relative}
.bone-calendar__manager-filter-key{padding-right:30px!important}
.bone-calendar__manager-filter-key::-webkit-calendar-picker-indicator{opacity:0;width:24px;cursor:pointer}
.bone-calendar__manager-filter-field::after{content:"📅";position:absolute;right:7px;bottom:5px;pointer-events:none;font-size:16px;line-height:1}

/* #024 v1.0.97: manager #040 ColorPicker overlay tracking uses document-capture active caller detection plus viewport/ancestor-scroll frame repositioning; #118 remains OPEN/CLOSE only. */

/* #024 v1.0.97: 📖 common settings owns Theme, manager-button visibility and Picker #118 Transition. */
.bone-calendar__manager-modal[data-manager="settings"] .bone-calendar__manager-panel{width:min(760px,calc(100vw - 32px))}
.bone-calendar__settings-open{font-size:16px;line-height:1}


/* #024 v1.0.101: Theme propagation to Calendar-owned managers / guide.
   Manager surfaces must follow the same #024 Theme instead of fixed dark colors. */
.bone-calendar__manager-modal{background:color-mix(in srgb,var(--bc-background,#08111c) 72%,transparent);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-panel{border-color:var(--bc-border,#50627d);background:var(--bc-background,#0b1624);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-header{border-bottom-color:var(--bc-border,#35465f);background:var(--bc-header,#14243a);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-close,.bone-calendar__manager-secondary{border-color:var(--bc-border,#50627d);background:var(--bc-surface,#172337);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-body,.bone-calendar__manager-form{color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-list,.bone-calendar__manager-group,.bone-calendar__manager-option,.bone-calendar__guide-section{border-color:var(--bc-border,#304159);background:var(--bc-surface,#09131f);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-group-head{background:var(--bc-header,#0d1d2e);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-list-item{border-color:var(--bc-border,#304159);background:var(--bc-surface,#0f1d2e);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-field{color:var(--bc-text,#c8d5e7)}
.bone-calendar__manager-field input:not([type=checkbox]),.bone-calendar__manager-field select,.bone-calendar__manager-field textarea,.bone-calendar__manager-bulk-json{border-color:var(--bc-border,#50627d);background:var(--bc-surface,#0c1420);color:var(--bc-text,#eef4ff)}
.bone-calendar__manager-status,.bone-calendar__manager-field-note{color:var(--bc-muted,#91a0b5)}
.bone-calendar__guide-code{border-color:var(--bc-border,#36506f);background:var(--bc-surface,#07101a);color:var(--bc-text,#d8eaff)}

/* #024 v1.0.101: #040 body-owned overlay boundary. Keep #040/#118 layout and OPEN transform intact.
   Theme is copied by runtime; #024 only neutralizes Redmine form margins and applies a composed translate. */

/* v1.0.121: selected-day settings must be visibly operable in Calendar common settings. */
.bone-calendar__manager-field--full{grid-column:1/-1!important}
.bone-calendar__settings-selection-layout{appearance:auto!important;-webkit-appearance:menulist!important;cursor:pointer!important;min-height:32px!important}
.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="top-center"],.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="center"],.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="bottom-center"]{justify-self:center}
.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="top-right"],.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="middle-right"],.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="bottom-right"]{justify-self:end}
.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="top-left"],.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="middle-left"],.bone-calendar__selected-day-below[data-inherit-parent="false"][data-position="bottom-left"]{justify-self:start}

/* Package 1.0.122: below-calendar owns a foreground stacking layer; consumer/sample host must remain natural-flow and non-clipping. */

/* Package 1.0.134: below-calendar is mounted outside the Calendar host.
   Fixed-height / overflow-clipped Calendar hosts are intentionally left untouched. */

/* #024 Task Group is an integrated Calendar feature, using formal #054 Runtime as its drop target. */
.bone-calendar__task-group-tray{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;flex:1 0 100%;min-width:0;padding-top:5px;border-top:1px dashed var(--bc-border);box-sizing:border-box}
.bone-calendar__task-group-tray[hidden]{display:none}
.bone-calendar__task-group-hint{font-size:11px;color:var(--bc-muted);flex:1 0 auto;max-width:100%;white-space:normal}
.bone-calendar__task-group-chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:4px 7px;border:1px solid var(--bc-border);background:var(--bc-header);color:var(--bc-text);border-radius:6px;font:inherit;font-size:11px;cursor:grab;user-select:none;box-sizing:border-box}
.bone-calendar__task-group-chip:hover,.bone-calendar__task-group-chip:focus-visible{outline:2px solid var(--bc-accent);outline-offset:1px}
.bone-calendar__task-group-chip:active{cursor:grabbing}
.bone-calendar__task-group-weekdays{display:flex;flex-wrap:wrap;gap:8px;color:var(--bc-text);font:inherit}
.bone-calendar__task-group-weekdays label{display:inline-flex;align-items:center;gap:3px;cursor:pointer}
.bone-calendar__task-group-entries{display:flex;flex-direction:column;gap:7px;min-width:0}
.bone-calendar__task-group-entry{display:grid;grid-template-columns:minmax(88px,1.4fr) minmax(80px,1fr) minmax(80px,1fr) minmax(85px,1fr) minmax(85px,1fr) auto;gap:5px;align-items:center;min-width:0}
.bone-calendar__task-group-entry>*{box-sizing:border-box;max-width:100%;min-width:0}
.bone-calendar__task-group-entry select,.bone-calendar__task-group-entry input{color:var(--bc-text);background:var(--bc-surface);border:1px solid var(--bc-border);border-radius:5px;padding:5px;font:inherit;font-size:12px}
.bone-calendar__task-group-entry select[hidden]{display:none}
@media(max-width:650px){.bone-calendar__task-group-entry{grid-template-columns:minmax(95px,1fr) repeat(2,minmax(70px,1fr));}.bone-calendar__task-group-entry>*{width:100%}}

/* #024 Task Group Manager: selected row is explicit and accessible. */
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__manager-list-item--selected{border-color:var(--bc-accent,#60a5fa);background:var(--bc-header,#14243a);box-shadow:inset 3px 0 0 var(--bc-accent,#60a5fa);font-weight:700}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__manager-list-item[aria-pressed="true"]:focus-visible{outline:2px solid var(--bc-accent,#60a5fa);outline-offset:2px}

/* #024 v1.0.151 native Task Groups accordion, owned by bf-calendar. */
.bone-calendar__task-groups-accordion{position:relative;margin-top:7px;padding-top:7px;border-top:1px solid var(--bc-border);min-width:0;max-width:100%;overflow:visible;color:var(--bc-text);font:inherit}
.bone-calendar__task-groups-accordion[hidden]{display:none!important}
.bone-calendar__task-groups-head{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;margin:0 0 5px;padding:3px 2px;min-height:24px;color:var(--bc-text)}
.bone-calendar__task-groups-head::-webkit-details-marker{display:none}
.bone-calendar__task-groups-head::before{content:"▶";font-size:.62rem;color:var(--bc-muted);transition:transform .12s ease}
.bone-calendar__task-groups-accordion[open]>.bone-calendar__task-groups-head::before{transform:rotate(90deg)}
.bone-calendar__task-groups-head>strong{font-size:.76rem;flex:1;margin-right:auto}
.bone-calendar__task-group-count{font-size:.7rem;color:var(--bc-muted)}
.bone-calendar__task-groups-head:focus-visible{outline:2px solid var(--bc-accent);outline-offset:2px;border-radius:4px}
.bone-calendar__task-groups-body{display:grid;gap:7px;min-width:0;padding:3px 0 5px}
.bone-calendar__task-groups-help{font-size:.68rem;line-height:1.45;color:var(--bc-muted);overflow-wrap:anywhere}
.bone-calendar__task-group-tray{display:flex;flex-direction:column;align-items:stretch;flex:none;gap:6px;padding:0;border:none;width:100%;min-width:0}
.bone-calendar__task-group-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;align-items:center;min-width:0;padding:7px 8px;border:1px solid var(--bc-border);border-radius:7px;background:var(--bc-surface);color:var(--bc-text)}
.bone-calendar__task-group-chip{justify-content:flex-start;width:100%;padding:2px 3px;border:0;background:transparent;font-weight:700;font-size:.72rem;min-width:0;overflow-wrap:anywhere}
.bone-calendar__task-group-info{display:flex;flex-wrap:wrap;gap:3px 7px;grid-row:2;grid-column:1/-1;align-items:center;min-width:0}
.bone-calendar__task-group-weekday-text{color:var(--bc-muted);font-size:.67rem}
.bone-calendar__task-group-time{font-size:.67rem;color:var(--bc-text);border:1px solid var(--bc-border);border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}
.bone-calendar__task-group-edit{font-size:.69rem;padding:3px 8px;grid-column:2;grid-row:1}
.bone-calendar__task-groups-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;padding-top:4px}
.bone-calendar__task-group-axis{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--bc-text)}
.bone-calendar__task-group-axis select{font:inherit;min-width:75px;max-width:100%;padding:5px 7px;border:1px solid var(--bc-border);border-radius:5px;background:var(--bc-surface);color:var(--bc-text)}
.bone-calendar__task-group-empty{font-size:.72rem;color:var(--bc-muted);padding:5px;margin:0}
/* Manager: distinguish group actions from actions on checked member tasks. */
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__manager-panel{width:min(1020px,calc(100vw - 24px))}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-manager-layout{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:13px}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__manager-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__manager-form>h3{grid-column:1/-1;font-size:13px;line-height:1.5;margin:8px 0 0;padding:5px 0;border-bottom:1px solid var(--bc-border)}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__manager-list>h3{font-size:12px;margin:1px 0 5px}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-instruction{grid-column:1/-1;margin:0;color:var(--bc-muted);font-size:11px}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entries{grid-column:1/-1}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entry{display:grid;grid-template-columns:22px minmax(95px,1.5fr) minmax(80px,1fr) minmax(80px,1fr) minmax(95px,1fr) minmax(100px,1fr);gap:6px;align-items:center;min-width:0;padding:5px;border:1px solid var(--bc-border);border-radius:7px}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entry.is-selected{border-color:var(--bc-accent);background:var(--bc-header)}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-task-check{appearance:auto!important;width:17px!important;height:17px!important;max-width:17px!important;min-width:17px!important;padding:0!important;cursor:pointer;justify-self:center}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-task-actions{border-bottom:1px solid var(--bc-border);padding-bottom:10px}
.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-main-actions{padding-top:5px}
@media(max-width:820px){.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-manager-layout{grid-template-columns:1fr}.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entry{grid-template-columns:22px minmax(100px,1fr) repeat(2,minmax(75px,1fr));}.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entry>select{grid-column:span 2}}
@media(max-width:440px){.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entry{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr)}.bone-calendar__manager-modal[data-manager="task-groups"] .bone-calendar__task-group-entry>select{grid-column:span 1}}

/* #024 Calendar native bridge displays ONLY formal #054 Runtime instances. */
.bf024-formal054-layout{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:15px;width:100%;box-sizing:border-box;padding:0 12px 18px}
.bf024-formal054-layout>#bf-calendar-redmine-host{flex:0 1 360px;width:360px!important;max-width:100%;min-height:0!important}
.bf024-formal054-layout>#bf024-calendar-formal054-host{flex:1 1 630px;min-width:310px}
.bf024-formal054-board{box-sizing:border-box;padding:13px;border:1px solid #b9cadc;border-radius:10px;background:#f6f9fc;color:#1c3552;min-width:0;overflow:visible}
.bf024-formal054-heading{display:flex;flex-wrap:wrap;gap:7px 15px;align-items:center;margin-bottom:8px}
.bf024-formal054-heading strong{font-size:15px}.bf024-formal054-range{font-size:12px;flex:1;color:#45637d}
.bf024-formal054-direction{font:inherit;padding:5px 9px;border:1px solid #9cb1cb;border-radius:5px;color:#193a57;background:#fff}
.bf024-formal054-help{font-size:12px;color:#42617c;margin:3px 0 10px}
.bf024-formal054-days{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.bf024-formal054-day{min-width:0;box-sizing:border-box;padding:8px 9px;background:#fff;border:1px solid #c5d4e4;border-radius:6px}
.bf024-formal054-day-label{font-size:12px;display:block;margin-bottom:5px;color:#214568}
.bf024-formal054-runtime{width:100%;min-width:0}.bf024-formal054-message{margin-top:8px;font-size:12px;color:#416582;min-height:17px}
.bf024-formal054-board.is-vertical .bf024-formal054-days{display:grid;grid-template-columns:repeat(7,minmax(142px,1fr));gap:5px;overflow-x:auto}
.bf024-formal054-board.is-vertical .bf024-formal054-day{padding:7px 5px;min-width:142px}
.bf024-formal054-board.is-vertical .bf024-formal054-day-label{text-align:center;white-space:nowrap;font-size:11px}
.bf024-formal054-board.is-vertical .bf024-formal054-runtime{min-height:500px}
@media(max-width:700px){.bf024-formal054-layout{padding:0 5px 15px}.bf024-formal054-layout>#bf-calendar-redmine-host{flex:1 1 100%}.bf024-formal054-layout>#bf024-calendar-formal054-host{flex:1 1 100%;min-width:0}}

/* #024 v1.0.158: foreground manager viewport portal (all #024 managers).
   CSS variables are copied from the owning Calendar by the Runtime. #040
   ColorPicker body-owned overlay keeps its own stacking contract. */
.bone-calendar__manager-modal[data-bone-calendar-portal="true"],
.bone-calendar__manager-modal[data-bone-calendar-portal="true"] *{box-sizing:border-box}
.bone-calendar__manager-modal[data-bone-calendar-portal="true"]{position:fixed;inset:0;z-index:1000;max-width:none;max-height:none}

/* #024 v1.0.163 native client/ticket master and multi-line accounting UI. */
.bone-calendar__manager-modal[data-manager="client-ticket-master"] .bone-calendar__manager-panel{width:min(980px,calc(100vw - 22px))}
.bone-calendar__manager-modal[data-manager="client-ticket-master"] .bone-calendar__manager-group-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.bone-calendar__manager-modal[data-manager="client-ticket-master"] .bone-calendar__manager-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.bone-calendar__finance-rows{grid-column:1/-1;display:grid;gap:7px;min-width:0}
.bone-calendar__finance-row{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(105px,.8fr) minmax(110px,1fr) minmax(110px,1fr) minmax(120px,1fr) auto;gap:6px;align-items:center;min-width:0;padding:7px;border:1px solid var(--bc-border,#304159);border-radius:7px}
.bone-calendar__finance-row input,.bone-calendar__finance-row select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.bf024-report-timeline-range{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 0 10px;padding:8px 12px;border:1px solid #b9cadc;border-radius:7px;background:#e7eef9;color:#1c3552;font-size:13px}
.bf024-report-timeline-range input[type=time]{width:120px;min-width:115px;min-height:34px;padding:5px 7px;border:1px solid #9cb1cb;border-radius:6px;background:#fff;color:#193a57}
@media(max-width:950px){.bone-calendar__finance-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bone-calendar__finance-row>button{grid-column:1/-1}.bone-calendar__manager-modal[data-manager="client-ticket-master"] .bone-calendar__manager-group-body{grid-template-columns:1fr}}

/* #024 print view is derived from Calendar task/event data, not a replacement for #048/#054 runtime. */
.bf024-report-heading-main,.bf024-report-heading-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.bf024-report-heading-main .bf024-report-title{flex:1 1 210px;min-width:0;margin:0}
/* The A4 orientation/preview/user-master controls are ONE unbroken action group
   in the title/period row, not in the wrapping work-hours/settings row. */
.bf024-report-heading-main .bf024-report-print-actions{display:inline-flex!important;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;white-space:nowrap;min-width:0}
.bf024-report-heading .bf024-report-print-actions .bf024-report-print-button{box-sizing:border-box;min-height:38px;height:38px;padding:0 12px;white-space:nowrap;flex:0 0 auto}
@media(max-width:1200px){.bf024-report-heading-main .bf024-report-print-actions{margin-left:0}}
@media(max-width:530px){.bf024-report-heading-main .bf024-report-print-actions{flex-wrap:nowrap;white-space:nowrap}.bf024-report-heading-main .bf024-report-title{flex-basis:100%}}
@media(max-width:420px){.bf024-report-heading-main .bf024-report-print-actions{gap:4px}.bf024-report-heading-main .bf024-report-print-actions .bf024-report-print-button{padding:0 6px!important;font-size:11px!important}.bf024-report-heading-main .bf024-report-print-orientation{min-width:78px!important}}
.bf024-report-print-orientation{min-width:100px!important}
.bf024-report-print-button,.bf024-a4-actions button{background:#123e68;color:#fff;border:1px solid #316ba2;padding:9px 12px;border-radius:6px;font:700 13px system-ui,Meiryo,sans-serif;cursor:pointer}
.bf024-report-day-badges{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:3px;padding:3px 5px;align-items:start;font:11px/1.3 system-ui,Meiryo,sans-serif;color:#183850}
.bf024-report-day-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:2px 5px;border-radius:4px;background:#e4edf9;border:1px solid #bdcee0}
.bf024-report-day-badge[data-kind="holiday"]{background:#ffe5e5;border-color:#e8b6b6;color:#8c2833}
.bf024-report-table[data-axis="vertical"] tbody tr:not(:last-child) td{white-space:normal;overflow-wrap:anywhere}
#bf024-a4-print-root{display:none;box-sizing:border-box;color:#17283a;font:10pt/1.35 system-ui,Meiryo,sans-serif}
body.bf024-a4-preview-open #bf024-a4-print-root{display:block;position:fixed;inset:0;overflow:auto;background:#a9b5c1;z-index:2147483600;padding:12px}
.bf024-a4-actions{position:sticky;top:0;z-index:2;display:flex;justify-content:end;gap:8px;background:#edf2f7;padding:8px 14px;border:1px solid #8b9db3}
.bf024-a4-sheet{box-sizing:border-box;background:white;color:#162b42;margin:12px auto;padding:9mm;box-shadow:0 3px 12px #526174;border:1px solid #b8c6d6;break-after:page;page-break-after:always;overflow:visible}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-sheet{width:297mm;min-height:210mm}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-sheet{width:210mm;min-height:297mm}
.bf024-a4-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;border-bottom:1.5px solid #284967;margin:0 0 8px;padding:0 0 5px}
.bf024-a4-head h2{font:700 16pt system-ui,Meiryo,sans-serif;margin:0;color:#123354}
.bf024-a4-head small{font-size:9pt;color:#31546f}
.bf024-a4-summary{display:flex;flex-wrap:wrap;gap:5px 12px;padding:5px 8px;margin:0 0 7px;border:1px solid #b9cbd9;background:#eaf2f8;font-size:9pt}
.bf024-a4-table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;color:#152d44;font-size:8pt}
.bf024-a4-table th,.bf024-a4-table td{border:1px solid #829bb2;padding:4px 5px;vertical-align:middle;overflow-wrap:anywhere}
.bf024-a4-table th{background:#eaf2fa;font-weight:700;text-align:left}
.bf024-a4-table:not(.bf024-a4-table--vertical) tr td:nth-child(9){width:30%}
.bf024-a4-table:not(.bf024-a4-table--vertical) th:nth-child(9){width:30%}
.bf024-a4-table:not(.bf024-a4-table--vertical) th:nth-child(10){width:18%}
.bf024-a4-timebar{position:relative;display:block;width:100%;height:27px;box-sizing:border-box;background:repeating-linear-gradient(90deg,#fff 0,#fff calc(12.5% - 1px),#dce6f2 calc(12.5% - 1px),#dce6f2 12.5%);border:1px solid #bccddd;overflow:hidden}
.bf024-a4-timeband{box-sizing:border-box;position:absolute;display:flex;align-items:center;justify-content:center;min-width:1px;top:1px;height:23px;border:1px solid #607c9d;border-radius:2px;white-space:nowrap;font-size:7pt;font-weight:700;overflow:hidden}
.bf024-a4-timeband[data-type="break"]{z-index:3;opacity:.92}
.bf024-a4-table--vertical{font-size:7.5pt}
.bf024-a4-table--vertical th:first-child{width:65px}
.bf024-a4-table--vertical .bf024-a4-timebar--vertical{height:205px;width:40px;margin:2px auto;background:repeating-linear-gradient(0deg,#fff 0,#fff calc(12.5% - 1px),#dce6f2 calc(12.5% - 1px),#dce6f2 12.5%)}
.bf024-a4-timebar--vertical .bf024-a4-timeband{left:1px;right:1px;width:36px;min-width:0;font-size:6pt;writing-mode:vertical-rl;white-space:normal;height:auto;top:auto}
@media print{
  html,body{background:white!important;color:black!important;margin:0!important;padding:0!important;box-shadow:none!important}
  body > *:not(#bf024-a4-print-root){display:none!important}
  #bf024-a4-print-root{display:block!important;position:static!important;overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important}
  #bf024-a4-print-root .bf024-a4-actions{display:none!important}
  #bf024-a4-print-root .bf024-a4-sheet{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;break-after:page;page-break-after:always}
  #bf024-a4-print-root .bf024-a4-sheet:last-child{break-after:auto;page-break-after:auto}
  #bf024-a4-print-root .bf024-a4-table tr{break-inside:avoid;page-break-inside:avoid}
  #bf024-a4-print-root *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Notes may contain long holiday/event names. Unlike numeric metric rows,
   the penultimate (remarks) vertical row grows naturally to fit them. */
.bf024-report-table[data-axis="vertical"] tbody tr:nth-last-child(2) td{height:auto!important;min-height:36px!important;max-height:none!important;white-space:normal!important;vertical-align:top!important;overflow-wrap:anywhere!important;overflow:visible!important}
.bf024-report-table[data-axis="vertical"] tbody tr:nth-last-child(2) .bone-table__cell-content{height:auto!important;max-height:none!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Monthly A4 projection (both live vertical and horizontal modes): one day
   per row instead of seven oversized day columns or 7-day print chunks. */
.bf024-a4-table--month-list{font-size:7.2pt!important;line-height:1.16!important;table-layout:fixed}
.bf024-a4-table--month-list th,.bf024-a4-table--month-list td{padding:2px 3px!important;vertical-align:middle;white-space:normal}
.bf024-a4-table--month-list th:nth-child(1),.bf024-a4-table--month-list td:nth-child(1){width:7%}
.bf024-a4-table--month-list th:nth-child(n+2):nth-child(-n+8){width:6%}
.bf024-a4-table--month-list th:nth-child(9),.bf024-a4-table--month-list td:nth-child(9){width:27%}
.bf024-a4-table--month-list th:nth-child(10),.bf024-a4-table--month-list td:nth-child(10){width:24%}
.bf024-a4-table--month-list .bf024-a4-timebar{height:17px;min-height:0}
.bf024-a4-table--month-list .bf024-a4-timeband{top:1px;height:13px;font-size:6.5pt}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-table--month-list td{height:27px}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list td{height:19px}
#bf024-a4-print-root .bf024-a4-table--month-list tr{break-inside:avoid;page-break-inside:avoid}
/* Compact landscape month print: fit 31 date rows without unreadable columns. */
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list .bf024-a4-timebar{height:12px}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list .bf024-a4-timeband{height:9px;top:0;font-size:5.7pt}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list th,
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list td{padding:1px 2px!important;line-height:1.1}

/* #024 A4 print: monthly vertical calendar projection (one 28–31 day sheet) */
.bf024-report-bottom-totals{font:600 12px/1.45 system-ui,Meiryo,sans-serif;padding:8px 10px;border:1px solid #a4bbd4;background:#e9f2fc;color:#173752;min-width:max-content}
.bf024-a4-totals-row,.bf024-a4-vertical-totals{background:#d8e8f7!important;color:#143657!important;font-weight:700;border-top:2px solid #27496a!important}
.bf024-a4-table .bf024-a4-totals-row th,.bf024-a4-table .bf024-a4-totals-row td{padding:3px!important}
.bf024-a4-vertical-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;gap:2px;background:#b6c8da;border:1px solid #849fb9;box-sizing:border-box;padding:2px}
.bf024-a4-vertical-day-header{font-weight:700;text-align:center;background:#e4f0fa;font-size:8pt;padding:3px}
.bf024-a4-vertical-spacer{background:#f5f9fc;min-height:25px}
.bf024-a4-vertical-day{background:#fff;box-sizing:border-box;padding:2px;min-width:0;min-height:100px;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.bf024-a4-vertical-day-label{font-size:8pt;font-weight:700;border-bottom:1px solid #b7cce1;color:#1b4162}
.bf024-a4-vertical-day-content{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0}
.bf024-a4-vertical-day-metrics{font-size:6.8pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf024-a4-vertical-chart{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:0}
.bf024-a4-vertical-day .bf024-a4-timebar--vertical{height:94px;width:18px;margin:0;flex:none;min-height:0;border:1px solid #a0b7ce}
.bf024-a4-vertical-day .bf024-a4-timebar--vertical .bf024-a4-timeband{left:1px;right:1px;width:auto;font-size:0;border-width:1px}
.bf024-a4-vertical-worktime{font-size:7pt;white-space:nowrap;color:#174978;font-weight:700}
.bf024-a4-vertical-remarks{font-size:6pt;line-height:1.1;max-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf024-a4-vertical-totals{padding:5px 7px;margin-top:5px;font-size:8pt}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-vertical-day .bf024-a4-timebar--vertical{height:62px}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-vertical-day{min-height:74px}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-vertical-day-label{font-size:7pt}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-vertical-day-metrics{font-size:5.7pt}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-vertical-totals{font-size:7pt}
/* 10 print columns: timeline is #8, net working hours immediately after in #9. */
.bf024-a4-table--month-list th:nth-child(1),.bf024-a4-table--month-list td:nth-child(1){width:7%}
.bf024-a4-table--month-list th:nth-child(n+2):nth-child(-n+7),.bf024-a4-table--month-list td:nth-child(n+2):nth-child(-n+7){width:6%}
.bf024-a4-table--month-list th:nth-child(8),.bf024-a4-table--month-list td:nth-child(8){width:28%}
.bf024-a4-table--month-list th:nth-child(9),.bf024-a4-table--month-list td:nth-child(9){width:7%}
.bf024-a4-table--month-list th:nth-child(10),.bf024-a4-table--month-list td:nth-child(10){width:22%}

/* Monthly horizontal landscape A4: leave room for the footer TOTAL row. */
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list tbody td{height:18px!important;padding:0 2px!important;line-height:1!important;font-size:6.5pt!important}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list .bf024-a4-timebar{height:17px!important}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-table--month-list .bf024-a4-timeband{height:14px!important;top:1px!important}

/* #024 A4 portrait monthly vertical-report print ONLY. Landscape CSS is frozen
   at the v1.0.170 baseline and none of these selectors match it. */
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days{
 width:100%;table-layout:fixed;border-collapse:collapse;font-size:8.2pt;line-height:1.25;
}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th,
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days td{
 box-sizing:border-box;padding:4px 3px;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;
}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(1){width:5%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(2){width:4%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(3),
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(4),
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(5){width:7%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(6){width:29%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(7){width:8%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(8),
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(9),
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(10){width:5%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days th:nth-child(11){width:18%}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days tbody tr{height:44px;break-inside:avoid;page-break-inside:avoid}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days tbody td{min-height:44px;height:44px}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days .bf024-a4-timebar{height:26px;min-height:26px}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days .bf024-a4-timeband{height:22px;top:1px;font-size:6.5pt}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days .bf024-a4-portrait-page-totals>*{
 background:#d8e8f7!important;font-size:7.5pt;line-height:1.35;white-space:normal;height:auto!important;
}
@media print{
 #bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-portrait-days tbody tr{
  break-inside:avoid;page-break-inside:avoid;
 }
}

/* #024 v1.0.64: selected-day task order controls. Higher in the list means later draw order in the timeline. */
.bone-calendar__selected-item-head{align-items:flex-start}
.bone-calendar__selected-order-controls{margin-left:auto;display:inline-flex;gap:4px;align-items:center;flex:0 0 auto}
.bone-calendar__selected-order-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--bc-border);border-radius:4px;background:var(--bc-header);color:var(--bc-text);font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.bone-calendar__selected-order-button:disabled{opacity:.45;cursor:not-allowed}
.bone-calendar__selected-order-button:focus-visible{outline:2px solid var(--bc-accent);outline-offset:1px}

/* v1.0.175: print-only label FIT and true hourly grid. */
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-timeband{
  box-sizing:border-box;justify-content:flex-start!important;text-align:left!important;
  padding:0 1px!important;white-space:normal!important;min-width:0!important;
  line-height:1.05!important;
}
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-timeband-label{
  display:block;min-width:0;max-width:100%;font-weight:700;line-height:1.05;
  white-space:nowrap;overflow:visible!important;text-overflow:clip!important;
}
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-timeband-label[data-lines="2"]{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
}
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-timeband-label[data-lines="2"] > span{
  display:block;white-space:nowrap;line-height:1.05;
}
#bf024-a4-print-root .bf024-a4-time-gridline{border-left:1px solid #abc1da!important;opacity:.85}
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-time-gridline{z-index:2!important}
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-timeband[data-type="break"]{z-index:3!important}
#bf024-a4-print-root .bf024-a4-timebar[data-fit-time-range="true"] .bf024-a4-timeband-label{position:relative;z-index:4}

/* #024 v1.0.176: bounded ticket ledger beneath report and on the final A4 sheet. */
.bf024-report-board .bf024-report-worktypes:has(.bf024-report-ticket-table) .bf024-report-worktypes-scroll{max-height:170px;overflow-y:auto;overscroll-behavior:contain}
.bf024-report-board .bf024-report-ticket-table{table-layout:fixed}
#bf024-a4-print-root .bf024-a4-ticket-ledger{box-sizing:border-box;display:block;width:100%;margin:6px 0 0;break-inside:avoid;page-break-inside:avoid}
#bf024-a4-print-root .bf024-a4-ticket-heading{font:700 8.5pt/1.3 system-ui,Meiryo,sans-serif;color:#173750;margin:0 0 3px;padding:0}
#bf024-a4-print-root .bf024-a4-ledger{table-layout:fixed;width:100%;font-size:7pt;line-height:1.12;border-collapse:collapse}
#bf024-a4-print-root .bf024-a4-ledger th,#bf024-a4-print-root .bf024-a4-ledger td{box-sizing:border-box;padding:2px 5px!important;height:17px!important;line-height:1.12!important;font-size:7pt!important;overflow-wrap:anywhere;white-space:normal}
#bf024-a4-print-root .bf024-a4-ledger tr[data-total="true"]{font-weight:700;background:#e5eef7}
#bf024-a4-print-root .bf024-a4-ledger-more{color:#425c70;font-style:italic}
@media print {#bf024-a4-print-root .bf024-a4-ticket-ledger{break-inside:avoid;page-break-inside:avoid}}

/* #024 v1.0.176: use A4 landscape printable area for monthly and submission ledgers.
   Keep hour labels and task names readable, and leave weekly/portrait unchanged. */
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-sheet,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-sheet{padding:4mm}
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-table--month-list tbody td,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-table--month-list tbody td{height:17px!important}
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-table--month-list .bf024-a4-timebar,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-table--month-list .bf024-a4-timebar{height:16px!important}
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-table--month-list .bf024-a4-timeband,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-table--month-list .bf024-a4-timeband{height:13px!important}

/* Tighten only the monthly/submission summary footprint; labels remain 7pt. */
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-sheet,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-sheet{padding:3mm}
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-ticket-ledger,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-ticket-ledger{margin-top:3px}
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-ledger th,
#bf024-a4-print-root[data-orientation="landscape"][data-period="month"] .bf024-a4-ledger td,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-ledger th,
#bf024-a4-print-root[data-orientation="landscape"][data-period="submission"] .bf024-a4-ledger td{height:14px!important;padding:1px 4px!important;font-size:7pt!important;line-height:1.08!important}

/* v1.0.176: narrow numeric print columns and give the actual timeline more room. */
#bf024-a4-print-root .bf024-a4-table--month-list tr>*:nth-child(n+2):nth-child(-n+7),
#bf024-a4-print-root .bf024-a4-table--week-horizontal tr>*:nth-child(n+2):nth-child(-n+7){width:5%}
#bf024-a4-print-root .bf024-a4-table--month-list tr>*:nth-child(8),
#bf024-a4-print-root .bf024-a4-table--week-horizontal tr>*:nth-child(8){width:7%}
#bf024-a4-print-root .bf024-a4-table--month-list tr>*:nth-child(9),
#bf024-a4-print-root .bf024-a4-table--week-horizontal tr>*:nth-child(9){width:36%}
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(n+3):nth-child(-n+5),
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(n+7):nth-child(-n+9){width:5%}
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(6){width:7%}
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(10){width:33%}
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(11){width:19%}


/* #024 v1.0.179: true vertical TIME axis A4 projection. One month is
   one continuous chart (one daily COLUMN, not miniature calendar cards). */
#bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"] .bf024-a4-vaxis-report{width:100%;font:7pt/1.25 system-ui,Meiryo,sans-serif;color:#183650}
#bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"] .bf024-a4-vaxis-caption{font-weight:700;padding:4px 0;white-space:normal}
#bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"] .bf024-a4-vaxis-day-head,
#bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"] .bf024-a4-vaxis-body,
#bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"] .bf024-a4-vaxis-net-head{display:grid;grid-template-columns:34px minmax(0,1fr);width:100%;box-sizing:border-box}
#bf024-a4-print-root .bf024-a4-vaxis-day-headings,#bf024-a4-print-root .bf024-a4-vaxis-nets,#bf024-a4-print-root .bf024-a4-vaxis-columns{display:flex;width:100%;height:100%;min-width:0}
#bf024-a4-print-root .bf024-a4-vaxis-corner{display:flex;align-items:center;justify-content:center;background:#e7f0fa;border:1px solid #9bb4d0;font-size:6.7pt;min-width:0}
#bf024-a4-print-root .bf024-a4-vaxis-date,#bf024-a4-print-root .bf024-a4-vaxis-net{flex:1 1 0;min-width:0;text-align:center;border:1px solid #b5c9df;border-left:0;box-sizing:border-box;font-size:6.5pt;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
#bf024-a4-print-root .bf024-a4-vaxis-date{padding:3px 0;font-weight:700;background:#e8f1fc}
#bf024-a4-print-root .bf024-a4-vaxis-date[data-weekday="0"]{color:#b52534}
#bf024-a4-print-root .bf024-a4-vaxis-date[data-weekday="6"]{color:#135bb6}
#bf024-a4-print-root .bf024-a4-vaxis-net{padding:3px 0;font-size:5.7pt}
#bf024-a4-print-root .bf024-a4-vaxis-scale{position:relative;border:1px solid #a7bdd4;border-right:none;box-sizing:border-box;background:#f5f9fd}
#bf024-a4-print-root .bf024-a4-vaxis-time{position:absolute;left:0;width:33px;box-sizing:border-box;text-align:right;padding-right:3px;font-size:6pt;color:#28496e;white-space:nowrap;transform:translateY(-50%)}
#bf024-a4-print-root .bf024-a4-vaxis-plot{position:relative;box-sizing:border-box;border:1px solid #92b3d5;min-width:0;background:#fff;overflow:hidden}
#bf024-a4-print-root .bf024-a4-vaxis-grid-hour{position:absolute;left:0;width:100%;height:0;border-top:1px solid #b4c7de;z-index:3;pointer-events:none}
#bf024-a4-print-root .bf024-a4-vaxis-column{flex:1 1 0;min-width:0;position:relative;box-sizing:border-box;border-right:1px solid #c5d5e6;background:transparent}
#bf024-a4-print-root .bf024-a4-vaxis-band{position:absolute;left:12%;width:76%;border:1px solid rgba(45,74,109,.6);border-radius:2px;box-sizing:border-box;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}
#bf024-a4-print-root .bf024-a4-vaxis-band[data-type="break"]{z-index:2;opacity:.98}
#bf024-a4-print-root .bf024-a4-vaxis-band-text{writing-mode:vertical-rl;display:block;max-height:calc(100% - 3px);font-size:6pt;line-height:1.1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:clip;text-orientation:mixed}
#bf024-a4-print-root .bf024-a4-vaxis-totals{padding:5px 7px;font-weight:700;line-height:1.35;font-size:7pt;white-space:normal}
#bf024-a4-print-root .bf024-a4-vaxis-notes{display:flex;align-items:flex-start;flex-wrap:wrap;gap:3px 9px;padding:5px 3px;border-bottom:1px solid #c0d0e4;font-size:6.7pt}
#bf024-a4-print-root .bf024-a4-vaxis-notes>span{overflow-wrap:anywhere}
#bf024-a4-print-root[data-orientation="landscape"] .bf024-a4-vaxis-body{height:370px}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-vaxis-body{height:590px}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-vaxis-date,#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-vaxis-net{font-size:5.5pt}
#bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"]{padding:6mm}
@media print{
  #bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"]{padding:0!important}
  #bf024-a4-print-root .bf024-a4-sheet[data-print-mode="vertical-axis"] .bf024-a4-vaxis-body{break-inside:avoid!important;page-break-inside:avoid!important}
}

#bf024-a4-print-root .bf024-a4-vaxis-time[data-edge="start"]{transform:none!important}
#bf024-a4-print-root .bf024-a4-vaxis-time[data-edge="end"]{transform:translateY(-100%)!important}

/* #024 v1.0.181: preview exposes the real timeline axis, independent from A4 paper. */
#bf024-a4-print-root .bf024-a4-actions{align-items:center;flex-wrap:wrap;min-height:45px}
#bf024-a4-print-root .bf024-a4-axis-label{display:inline-flex;gap:8px;align-items:center;margin-right:auto;color:#153451;font:600 12px/1.3 system-ui,Meiryo,sans-serif}
#bf024-a4-print-root .bf024-a4-axis-choice{width:auto;max-width:min(430px,55vw);min-height:32px;height:32px;padding:4px 8px;border:1px solid #7898b9;border-radius:4px;background:#fff;color:#153451;font:600 12px system-ui,Meiryo,sans-serif;cursor:pointer}
#bf024-a4-print-root .bf024-a4-runtime-label{color:#526983;font:11px system-ui,Meiryo,sans-serif;white-space:nowrap}
@media print{#bf024-a4-print-root .bf024-a4-actions{display:none!important}}

/* #024 v1.0.186: Bold ONLY the working-hours values, not time ticks,
   start/end, breaks, early/overtime/night, or task labels. */
.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="net"] .bone-table__cell-content,
.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="net"],
.bf024-report-table[data-axis="vertical"] tbody tr:nth-child(4) td:not(:first-child) .bone-table__cell-content,
.bf024-report-table[data-axis="vertical"] tbody tr:nth-child(4) td:not(:first-child) {
  font-weight:700!important;
}
#bf024-a4-print-root .bf024-a4-table--month-list tbody tr td:nth-child(8),
#bf024-a4-print-root .bf024-a4-table--week-horizontal tbody tr td:nth-child(8),
#bf024-a4-print-root .bf024-a4-portrait-days tbody tr td:nth-child(6) {
  font-weight:700!important;
}


/* #024 v1.0.181: reuse the EXISTING #054 shapeComment; a precise
   vertical connector marks its start time ON the horizontal timebar. */
.bf024-report-table .bone-display-timeline:not(.bone-display-timeline--vertical) .bone-display-timeline__comment-anchor::after{
  content:"";position:absolute;left:50%;bottom:50%;width:0;
  height:var(--bf-bar-height,58px);border-left:2px solid #f59e0b;
  transform:translateX(-50%);pointer-events:none;z-index:11;
}
/* On a true vertical time axis the same time contact is a horizontal tick. */
.bf024-report-table .bone-display-timeline--vertical .bone-display-timeline__comment-anchor::after{
  content:"";position:absolute;left:50%;top:50%;width:var(--bf-bar-height,58px);
  border-top:2px solid #f59e0b;pointer-events:none;z-index:11;
}
/* #024 print projection: formal shapeComment is a label at its time contact,
   with a vertical line OVER the timebar, not a full-duration colored bar. */
#bf024-a4-print-root .bf024-a4-shape-contact{
  position:absolute;top:0;bottom:0;left:0;width:0;z-index:9;
  border-left:2px solid #b45309;pointer-events:none;
}
#bf024-a4-print-root .bf024-a4-shape-caption{
  position:absolute;left:2px;top:0;display:block;box-sizing:border-box;
  max-width:80px;min-width:12px;padding:0 2px;
  color:#5b3900;background:#fff8c5;border:1px solid #b45309;
  font:600 6pt/1.15 Meiryo,sans-serif;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
#bf024-a4-print-root .bf024-a4-shape-contact--vertical{
  left:0;right:0;top:0;bottom:auto;width:100%;height:0;
  border:0;border-top:2px solid #b45309;
}
#bf024-a4-print-root .bf024-a4-shape-contact--vertical .bf024-a4-shape-caption{
  left:0;top:1px;max-width:100%;
}
#bf024-a4-print-root .bf024-a4-vaxis-shape-contact{
  position:absolute;left:0;right:0;top:0;height:0;z-index:9;
  border-top:2px solid #b45309;pointer-events:none;
}
#bf024-a4-print-root .bf024-a4-vaxis-shape-caption{
  position:absolute;left:0;top:1px;max-width:100%;padding:1px;
  background:#fff8c5;color:#5b3900;border:1px solid #b45309;
  font:600 5.5pt/1.15 Meiryo,sans-serif;writing-mode:vertical-rl;
  max-height:65px;overflow:hidden;
}

/* Only the per-day net working-hours values are emphasized on the vertical A4 chart. */
#bf024-a4-print-root .bf024-a4-vaxis-net{font-weight:700!important;}

/* v1.0.190: shape captions live in the existing REMARKS lane, not over the timed bars. */
#bf024-a4-print-root .bf024-a4-remarks-cell{vertical-align:middle;overflow-wrap:anywhere}
#bf024-a4-print-root .bf024-a4-shape-caption--remarks{
 position:static!important;left:auto!important;top:auto!important;
 display:inline-block;vertical-align:middle;max-width:100%;min-width:0;
 margin:1px 2px 1px 0;padding:1px 3px;box-sizing:border-box;
 background:#fff8c5;color:#5b3900;border:1px solid #b45309;
 white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;
 font:600 6pt/1.15 Meiryo,sans-serif;
}
#bf024-a4-print-root .bf024-a4-table--month-list tr>*:nth-child(9),
#bf024-a4-print-root .bf024-a4-table--week-horizontal tr>*:nth-child(9){width:44%!important}
#bf024-a4-print-root .bf024-a4-table--month-list tr>*:nth-child(10),
#bf024-a4-print-root .bf024-a4-table--week-horizontal tr>*:nth-child(10){width:12%!important}
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(10){width:40%!important}
#bf024-a4-print-root .bf024-a4-portrait-days tr>*:nth-child(11){width:12%!important}


/* #024 v1.0.191: print-preview toolbar belongs to the paper, not the screen edges.
   Do not move or change the original report-header controls. */
#bf024-a4-print-root .bf024-a4-actions{
  box-sizing:border-box!important;position:sticky;top:0;z-index:20;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:wrap!important;column-gap:12px;row-gap:4px;
  width:min(100%,297mm);margin:0 auto 12px!important;
  padding:8px 12px!important;min-height:50px;
  background:#edf2f7;border:1px solid #8b9db3;border-radius:5px;
}
#bf024-a4-print-root[data-orientation="portrait"] .bf024-a4-actions{width:min(100%,210mm)}
#bf024-a4-print-root .bf024-a4-action-controls{
  display:flex!important;justify-content:center!important;align-items:center!important;
  flex-wrap:wrap;gap:10px 14px;min-width:0;
}
#bf024-a4-print-root .bf024-a4-axis-label{
  display:inline-flex!important;align-items:center!important;justify-content:center;
  flex-wrap:wrap;gap:7px;min-width:0;max-width:100%;margin-right:0!important;
}
#bf024-a4-print-root .bf024-a4-axis-choice{
  flex:0 1 auto;min-width:180px;max-width:100%;width:min(310px,100%)!important;
}
#bf024-a4-print-root .bf024-a4-action-buttons{
  display:inline-flex!important;gap:8px;align-items:center;flex-wrap:nowrap;white-space:nowrap;
}
#bf024-a4-print-root .bf024-a4-action-buttons button{
  min-height:34px;white-space:nowrap;flex:none;
}
#bf024-a4-print-root .bf024-a4-runtime-label{
  flex:0 0 auto;color:#526983;font:11px system-ui,Meiryo,sans-serif;
}
@media(max-width:680px){
  #bf024-a4-print-root .bf024-a4-actions{padding:8px!important;gap:5px}
  #bf024-a4-print-root .bf024-a4-action-controls{gap:8px}
  #bf024-a4-print-root .bf024-a4-axis-label{font-size:11px}
  #bf024-a4-print-root .bf024-a4-action-buttons button{padding:7px 8px;font-size:12px}
}
@media print {#bf024-a4-print-root .bf024-a4-actions{display:none!important}}
/* #024 finance master is opened from the Task Manager; keep the nested dialog in front. */
.bone-calendar__manager-modal[data-manager="finance-master"][data-bone-calendar-portal="true"]{z-index:1100}
/* #024 1.0.194: JDL journal fields are subordinate to each task's income/expense entry. */
.bone-calendar__finance-journal{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
.bone-calendar__finance-journal input,.bone-calendar__finance-journal select{min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:5px 6px;border:1px solid var(--bc-border,#50627d);border-radius:5px;background:var(--bc-surface,#0c1420);color:var(--bc-text,#eef4ff)}
@media(max-width:720px){.bone-calendar__finance-journal{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.0.197: readable income AND expense pattern inputs in the task modal. */
.bone-calendar__finance-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
.bone-calendar__finance-row>input:nth-child(5){grid-column:1/-1}
.bone-calendar__finance-row>button:nth-child(6){justify-self:end}
.bone-calendar__finance-row .bone-calendar__finance-journal{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:7px}
.bone-calendar__finance-row select,.bone-calendar__finance-row input{min-width:0;width:100%;font-size:12px;line-height:1.5;min-height:30px;text-overflow:ellipsis}
.bone-calendar__finance-pattern-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0}
.bone-calendar__finance-pattern-chooser{flex:1 1 210px;min-width:0;max-width:100%;min-height:30px}
@media(max-width:560px){.bone-calendar__finance-row,.bone-calendar__finance-row .bone-calendar__finance-journal{grid-template-columns:minmax(0,1fr)}.bone-calendar__finance-row>input:nth-child(5){grid-column:auto}}

/* #024: daily task finance amounts are displayed immediately after the formal
   timeline cell. No changes to #048 Table or #054 Display Timeline. */
.bf024-report-table:not([data-axis="vertical"]) [data-column-key="income"],
.bf024-report-table:not([data-axis="vertical"]) [data-column-key="expense"]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="income"] .bone-table__cell-content,
.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="expense"] .bone-table__cell-content{justify-content:flex-end;text-align:right}

/* v259: report voucher detail is read-only and must not collapse to zero width. */
.bf024-report-table:not([data-axis="vertical"]) [data-column-key="vouchers"]{min-width:200px;white-space:normal;overflow-wrap:anywhere}
.bf024-report-table:not([data-axis="vertical"]) [data-column-key="start"],.bf024-report-table:not([data-axis="vertical"]) [data-column-key="end"],.bf024-report-table:not([data-axis="vertical"]) [data-column-key="rest"],.bf024-report-table:not([data-axis="vertical"]) [data-column-key="early"],.bf024-report-table:not([data-axis="vertical"]) [data-column-key="overtime"],.bf024-report-table:not([data-axis="vertical"]) [data-column-key="night"],.bf024-report-table:not([data-axis="vertical"]) [data-column-key="net"]{white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}
.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="start"] .bone-table__cell-content,.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="end"] .bone-table__cell-content,.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="rest"] .bone-table__cell-content,.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="early"] .bone-table__cell-content,.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="overtime"] .bone-table__cell-content,.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="night"] .bone-table__cell-content,.bf024-report-table:not([data-axis="vertical"]) tbody td[data-column-key="net"] .bone-table__cell-content{justify-content:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.bf024-report-table:not([data-axis="vertical"]) [data-column-key="vouchers"]{min-width:120px;white-space:nowrap;overflow-wrap:normal}
.bf024-report-voucher-link{color:#0b4ea2;text-decoration:underline;text-underline-offset:2px;font-weight:700;cursor:pointer}
.bf024-report-voucher-link:hover{color:#083a79}