:root{font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;color:#223347;background:#f4f6f9;font-size:13px;font-synthesis:none;--label:252px;--day:22px;--border:#e2e7ee}
*{box-sizing:border-box}
body{margin:0}
button,input,select{font:inherit}
button,.file-button{cursor:pointer;border:1px solid #cfd8e3;background:#fff;border-radius:6px;padding:8px 13px;color:#273d55;font-weight:600}
button:hover,.file-button:hover{background:#f0f5fb;border-color:#a8b9ce}
button:disabled{opacity:.5;cursor:wait}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-button:focus-within{outline:3px solid #8db5f3;outline-offset:2px}
input,select{border:1px solid #d5dde7;border-radius:5px;background:white;color:#253b50;padding:7px 9px;min-height:34px}
input[type=date]{width:137px}
input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.rail{width:72px;background:#142c46;color:#edf4ff;position:fixed;inset:0 auto 0 0;display:flex;align-items:center;flex-direction:column;z-index:40}
.brand{font-weight:800;letter-spacing:-2px;font-size:24px;padding-top:23px}
.brand span{font-size:16px;letter-spacing:-1px}
.rail-mark{margin-top:52px;border-radius:8px;background:#355575;padding:10px 13px;font-size:21px}
.rail-bottom{margin-top:auto;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;padding:20px 0;color:#b2c5da}
main{margin-left:72px;padding:25px 28px 20px;max-width:2100px}
.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}
.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#738298;margin:0 0 8px}
.eyebrow span{margin:0 12px;color:#b9c3cf}
h1{font-size:26px;margin:0;letter-spacing:1px;font-weight:700;display:flex;align-items:center;gap:14px}
.badge{font-size:11px;letter-spacing:0;background:#e7edf5;color:#516780;padding:5px 9px;border-radius:4px;font-weight:500}
.subtitle{color:#778393;font-size:12px;margin:8px 0 0}
.source{text-align:right;font-size:12px;white-space:nowrap}
.source small{display:block;color:#7d8898;margin-top:7px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#568e76;margin-right:8px}
.summary{border:1px solid var(--border);border-radius:9px;background:white;display:flex;align-items:center;padding:17px 22px;gap:0;margin-bottom:20px;box-shadow:0 2px 5px #162d4803}
.summary>div{padding:0 30px;border-right:1px solid #e9edf3;min-width:148px}
.summary>div:first-child{padding-left:0}
.summary span{display:block;color:#798495;font-size:11px;margin-bottom:3px}
.summary strong{font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.summary small{font-size:10px;margin-left:6px;color:#7c8899}
.summary>p{margin:0 0 0 auto;padding-left:20px;color:#7b8796;font-size:11px;line-height:1.9}
.workspace{border:1px solid var(--border);background:white;border-radius:9px;overflow:hidden;box-shadow:0 3px 9px #192b4304}
.toolbar{padding:16px 18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #e8edf2}
.date-range,.tools{display:flex;gap:10px;align-items:center}
.date-range label,.filter-bar label{display:flex;align-items:center;gap:9px;color:#66748a;font-size:11px}
.date-range>span{color:#a5afbc}
.quiet{background:#fff;font-weight:500}
.filter-bar{padding:12px 18px;display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.search input{width:220px}
.company-filter select{max-width:200px}
.legend{display:flex;gap:15px;margin-left:auto;color:#7a8595;font-size:10px}
.legend span{display:flex;align-items:center;gap:5px}
.legend i{height:5px;width:13px;display:inline-block;border-radius:2px}
.wood{background:#4c957f}
.interior{background:#d6ad58}
.tentative{background:#98a4b8}
.milestone{background:#6485b6!important;transform:rotate(45deg);width:6px!important;height:6px!important}
#status{margin:0;padding:0 18px;color:#a15a29;line-height:1.6}
#status:not(:empty){padding-bottom:10px}
.viewport{height:clamp(300px,calc(100vh - 355px),900px);position:relative;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-top:1px solid var(--border);background:#fff;outline-offset:-3px}
#surface{position:relative;min-height:100%;isolation:isolate}
.calendar-header{height:57px;position:sticky;top:0;z-index:25;background:#f6f8fb;display:flex;border-bottom:1px solid #d8e0ea}
.header-label{position:sticky;left:0;background:#f0f4f8;width:var(--label);flex-shrink:0;z-index:3;border-right:1px solid #cdd8e5;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:600;color:#61748c}
.header-label small{font-weight:400;font-size:10px}
.dates{position:relative;flex-shrink:0}
.month{position:absolute;top:0;height:23px;line-height:23px;padding-left:8px;font-size:10px;color:#5f738c;border-right:1px solid #dbe3ec;border-bottom:1px solid #e1e8ef;white-space:nowrap;overflow:hidden}
.day{position:absolute;top:23px;height:33px;text-align:center;font-size:10px;color:#748398;border-right:1px solid #e4e9f0;padding-top:3px;font-variant-numeric:tabular-nums}
.day small{display:block;font-size:8px;margin-top:1px}
.day.weekend{color:#a08a87;background:#f1f2f5}
.day.reference{color:#1b5d9f;background:#e1edfa;font-weight:700}
#rows{position:absolute;left:0;top:57px}
.lane{position:absolute;left:0;border-bottom:1px solid #e9edf2;contain:layout style}
.lane.team-start{border-top:1px solid #d4dde7}
.lane-label{position:sticky;left:0;width:var(--label);height:100%;z-index:10;display:flex;align-items:center;background:#fff;border-right:1px solid #ced8e4;padding:0 13px;gap:8px}
.lane:nth-child(even) .lane-label{background:#fcfdfe}
.company-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.lane-label small{font-size:10px;color:#8c98a8;white-space:nowrap}
.team-number{font-variant-numeric:tabular-nums;background:#f0f4f8;padding:3px 6px;border-radius:3px;font-size:10px;min-width:31px;text-align:center;color:#758499}
.lane-label.temporary-label{background:#fff8e7!important}
.lane-timeline{position:absolute;left:var(--label);top:0;height:100%;background-repeat:no-repeat;overflow:hidden}
.reference-line{position:absolute;top:0;bottom:0;width:1px;background:#8aafdb;pointer-events:none;opacity:.75}
.project{position:absolute;border:1px solid #d8e8e2;border-radius:4px;padding:0;background:#f0f7f4;height:36px;text-align:left;color:#345c50;overflow:hidden;min-width:2px;cursor:pointer;box-shadow:0 1px 2px #24364c04}
.project:hover{background:#e3f0e9;border-color:#8db7a6;z-index:3}
.project.selected{outline:2px solid #5b85b4;outline-offset:1px}
.project.tentative-project{background:#f1f3f7;border-color:#d9dfe8;color:#6e7c91}
.project-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;padding:4px 7px 9px;line-height:18px}
.segment{position:absolute;bottom:0;height:5px}
.project.clipped-start{border-left-style:dashed;border-top-left-radius:0;border-bottom-left-radius:0}
.project.clipped-end{border-right-style:dashed;border-top-right-radius:0;border-bottom-right-radius:0}
.due{position:absolute;top:15px;width:6px;height:6px;background:#6485b6;transform:rotate(45deg);pointer-events:none}
.grid-footer{min-height:35px;padding:8px 15px;display:flex;gap:18px;align-items:center;color:#8792a3;font-size:10px;border-top:1px solid #e4e9ef}
.grid-footer>span:nth-child(2){margin-left:auto;font-variant-numeric:tabular-nums}
.text-button{border:0;padding:0;background:none;color:#6581a1;font-size:10px;font-weight:400}
.diagnostics{margin-top:14px;color:#8a96a6;font-size:11px}
.diagnostics summary{cursor:pointer;width:max-content}
.diagnostics>div{padding:14px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.diagnostics select{margin-left:10px}
.diagnostics pre{width:100%;white-space:pre-wrap;font-size:11px;line-height:1.7;color:#67758b}
dialog{border:1px solid #d9e1eb;border-radius:10px;box-shadow:0 20px 70px #17345433;max-width:540px;width:calc(100vw - 35px);padding:25px;color:#263b51}
dialog::backdrop{background:#132a4655}
.detail-heading{display:flex;align-items:center;justify-content:space-between}
h2{font-size:19px;line-height:1.7;overflow-wrap:anywhere}
dl{display:grid;grid-template-columns:100px 1fr;gap:14px;font-size:12px}
dt{color:#8b96a5}
dd{margin:0;overflow-wrap:anywhere}
.detail-note{font-size:11px;color:#8c97a5;margin-top:25px}
#empty{position:absolute;top:100px;left:30px;color:#8796a8}
body.busy{cursor:progress}
[hidden]{display:none!important}
@media(max-width:1100px){main{padding:20px 16px}
.summary>p{display:none}
.summary>div{flex:1;min-width:110px;padding:0 18px}
.legend{margin-left:0}
.source{font-size:10px}
.filter-bar{gap:10px}
.viewport{height:calc(100vh - 390px)}
}
@media(max-width:700px){.rail{width:48px}
.brand{font-size:20px}
.brand span{font-size:12px}
.rail-mark{padding:7px}
.rail-bottom{display:none}
main{margin-left:48px;padding:16px 10px}
.page-header{align-items:flex-start}
.subtitle{display:none}
h1{font-size:21px;flex-wrap:wrap;gap:7px}
.eyebrow{font-size:9px}
.source{white-space:normal;max-width:110px}
.summary{padding:12px}
.summary>div{min-width:0;padding:0 9px}
.summary strong{font-size:19px}
.summary span{font-size:9px}
.summary>div:last-of-type{display:none}
.toolbar{padding:12px;gap:12px}
.date-range{flex-wrap:wrap;gap:7px}
.date-range label{gap:4px;font-size:10px}
.date-range input{width:121px;font-size:11px}
.filter-bar{padding:10px 12px}
.search input{width:180px}
.scale-filter{display:none}
.legend{gap:10px}
.viewport{height:calc(100vh - 430px);min-height:300px}
.grid-footer{flex-wrap:wrap;gap:7px}
.grid-footer>span:nth-child(2){margin-left:0}
:root{--label:190px}
}


/* Fit the calendar to the space left by wrapped toolbars and optional diagnostics. */
main { height: 100vh; display: flex; flex-direction: column; }

.page-header, .summary { flex-shrink: 0; }

.workspace { display: flex; flex-direction: column; flex: 1; min-height: 260px; }

.viewport { flex: 1; height: auto; min-height: 180px; }

.diagnostics { flex-shrink: 0; max-height: 32vh; overflow: auto; }
/* Property schedule: one in-page window, no native/ClickOnce launch. */
.project-menu{position:fixed;z-index:100;width:270px;padding:8px;background:#fff;border:1px solid #ccd8e6;border-radius:8px;box-shadow:0 12px 35px #102b4d26}
.project-menu p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 8px 8px;color:#76869a}
.project-menu button{width:100%;text-align:left;border:0;background:#f0f5fb;color:#2d567f}
.project-menu small{display:block;font-size:10px;color:#8794a6;padding:8px}
.property-dialog{max-width:1500px;width:calc(100vw - 44px);height:calc(100vh - 44px);max-height:calc(100vh - 44px);padding:22px;overflow:auto}
.property-dialog[open]{display:flex;flex-direction:column;gap:13px}
.property-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}
.property-heading h2{margin:3px 0;font-size:21px}
.property-heading p:last-child{font-size:11px;color:#8290a4;margin:5px 0 0}
.property-heading button{white-space:nowrap}
.property-info{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 20px;padding:15px 16px;background:#f5f7fa;border:1px solid #e3e9f0;border-radius:7px;flex-shrink:0}
.property-info small{display:block;font-size:10px;color:#8b98a9;margin-bottom:4px}
.property-info span{font-size:12px;overflow-wrap:anywhere}
.property-info .property-note{grid-column:1/-1;font-size:11px;color:#7d8b9d;margin:0;white-space:pre-wrap}
.property-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.property-controls label{font-size:11px;color:#77879b;display:flex;gap:7px;align-items:center}
.property-controls [aria-pressed=true]{color:#fff;background:#385d84;border-color:#385d84}
.property-controls input[type=checkbox]{min-height:0}
.property-import{display:flex;align-items:center;gap:10px;flex-shrink:0}
.property-import small{margin-left:auto;font-size:10px;color:#8b99ab}
#property-status{font-size:11px;line-height:1.8;color:#ab6934;margin:0;flex-shrink:0}
#property-status:empty{display:none}
#property-viewport{flex:1;min-height:220px;overflow:auto;border:1px solid #dce4ee;border-radius:6px;overscroll-behavior:contain;position:relative}
#property-surface{min-width:100%;min-height:100%}
.property-calendar-head{position:sticky;top:0;z-index:20;height:46px;display:flex;background:#f4f7fb;border-bottom:1px solid #d9e3ef}
.property-fixed{position:sticky;left:0;width:190px;min-width:190px;flex-shrink:0;background:#f7f9fc;border-right:1px solid #d6e0ec;z-index:5;display:flex;align-items:center;gap:13px;padding:0 13px;font-size:12px;color:#586f8b}
.property-fixed small{font-variant-numeric:tabular-nums;font-size:10px;color:#94a0af;min-width:16px}
.property-date-head,.property-work-days{display:flex;flex-shrink:0}
.property-date-head>span{text-align:center;border-right:1px solid #e0e7ef;font-size:9px;flex-shrink:0;padding-top:7px;color:#657b96}
.property-date-head small{display:block;font-size:9px;margin-top:2px}
.property-date-head .off{background:#ecf0f5;color:#9f8d92}
.property-lane{position:relative;display:flex;border-bottom:1px solid #e4eaf1}
.property-day-body{position:relative;flex-shrink:0;overflow:hidden}
.property-process{position:absolute;height:34px;padding:3px 6px 9px;overflow:hidden;background:#f2f6f9;border:1px solid #d8e2ed;border-radius:4px;text-align:left;color:#536d87;font-size:10px;font-weight:400}
.property-process>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
.property-process i{position:absolute;bottom:0;height:6px}
.property-process:hover{background:#e9f1f8;border-color:#89a6c6}
.property-actual{position:absolute;left:0;right:0;height:25px;line-height:25px;font-size:10px;color:#9ba7b7;border-top:1px dashed #dfe6ef;padding-left:9px}
.property-check{position:absolute;top:15px;border:0;background:none;font-size:18px;padding:1px;width:30px}
.property-work-days>span{height:32px;line-height:32px;text-align:center;font-size:10px;border-right:1px solid #e4eaf1;flex-shrink:0;color:#8191a6}
.property-checkpoints{max-height:105px;overflow:auto;flex-shrink:0}
.property-checkpoints h3{font-size:11px;font-weight:500;color:#7c8b9e;margin:0 0 9px}
.checkpoint-chip{display:inline-block;font-size:10px;color:#78899e;border:1px solid #e2e8f0;border-left-width:3px;padding:5px 8px;border-radius:4px;margin:0 6px 6px 0}
.property-footer{display:flex;justify-content:space-between;font-size:10px;color:#8b99ac;gap:14px;flex-shrink:0}
.property-inspector{font-size:11px;color:#617b98;background:#eff5fb;border-radius:5px;line-height:1.7;flex-shrink:0}
.property-inspector:not(:empty){padding:10px}
.property-empty{font-size:12px;color:#7d8ca0;line-height:1.9;max-width:570px;padding:30px}
@media(max-width:950px){.property-info{grid-template-columns:repeat(3,minmax(0,1fr))}.property-heading h2{font-size:17px}.property-dialog{padding:15px;width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}}
@media(max-width:600px){.property-info{grid-template-columns:repeat(2,minmax(0,1fr))}.property-heading{flex-wrap:wrap}.property-heading button{font-size:11px}.property-controls{gap:6px}.property-controls button{padding:6px;font-size:10px}.property-import{flex-wrap:wrap}.property-import small{margin-left:0}}

/* Virtual rows are replaced deliberately; native anchoring must not move the viewport. */
.viewport,#property-viewport{overflow-anchor:none}
.draft-toolbar,.unassigned-toolbar,.process-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px solid #dce5ef;border-radius:6px;font-size:12px;background:#f7fafc}
.draft-toolbar label{display:flex;align-items:center;gap:5px}.draft-toolbar input[type=checkbox]{width:auto}.draft-toolbar span{color:#60768f;font-size:11px}
.unassigned-toolbar select{max-width:300px}.unassigned-toolbar button{white-space:nowrap}
.overall-edit-enabled .project,.property-edit-enabled .property-process,#unassigned-drag:not(:disabled){cursor:grab;touch-action:none}
.drop-target{outline:2px solid #559b85;outline-offset:-2px;background:#e3f3ed}
.gesture-active{user-select:none}.gesture-ghost{position:fixed;z-index:2147483647;pointer-events:none;background:#254d46;color:white;padding:8px 12px;border-radius:6px;max-width:280px;font-size:12px}
.gesture-preview{position:absolute;height:38px;background:#75b89a55;border:2px dashed #327960;pointer-events:none;z-index:5}
.resize-handle{display:none;position:absolute;right:0;top:0;bottom:0;width:12px;background:#173c4a44;border-left:2px solid #ffffffaa;z-index:4;cursor:ew-resize;touch-action:none}
.property-edit-enabled .resize-handle{display:block}.process-editor[hidden]{display:none}
#term-dialog label,#assignment-dialog label{display:block;margin:12px 0}#term-dialog textarea{display:block;width:100%;min-height:80px}
#coverage-dialog{width:min(900px,94vw);max-height:85vh}#coverage-body{max-height:65vh;overflow:auto}#coverage-body details{border-bottom:1px solid #e1e8ef;padding:10px}#coverage-body li{font-size:12px;line-height:1.8}