/* UI12: quiet, accessible planning kitchen and legible metrics on both screen sizes. */
.ui12-kitchen-states{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.ui12-kitchen-states a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid #dce5ed;background:white;color:#244b66;text-decoration:none;font-size:13px;font-weight:700;min-height:42px}
.ui12-kitchen-states a.selected{background:#194a76;color:#fff;border-color:#194a76}.ui12-kitchen-states b{font-size:12px;opacity:.85}
.ui12-state-menu{margin-block:10px;padding:8px 12px;border:1px solid #dce5ed;border-radius:12px;min-width:0}
.ui12-state-menu>summary{cursor:pointer;font-weight:700;color:#204d72;min-height:34px;padding-block:7px}
.ui12-state-menu-body{display:grid;gap:12px;padding:10px 0}.ui12-state-menu form{display:grid;gap:9px;min-width:0;border-block-start:1px solid #eef1f4;padding-block:10px 0}
.ui12-state-menu label{font-size:13px;display:grid;gap:6px}.ui12-state-menu input{box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding:10px;border:1px solid #cbd9e5;border-radius:10px}
.ui12-state-menu button{font:inherit;cursor:pointer;color:#1c4d73;background:#f1f6fa;border:1px solid #dae6ee;border-radius:10px;padding:9px 12px;min-height:42px;text-align:center}
.ui12-more-materials{display:block;padding:11px;border:1px dashed #cbd8e2;border-radius:10px;color:#1d5379;text-decoration:none;text-align:center;font-weight:700;font-size:12px}
.planning-workspace-v17 .plan-lane-title-line{min-width:0}.planning-workspace-v17 .plan-lane-title-line h2{overflow-wrap:anywhere}
.planning-workspace-v17 .plan-lane-head-v17{min-width:0}.planning-workspace-v17 .inspector-actions-v17{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
/* Donut sizing independent of inherited global SVG rules; no clipped center on narrow phones. */
.lifecycle-chart-grid{min-width:0;max-width:100%}.lifecycle-donut.ui09-interactive-donut{box-sizing:border-box;position:relative!important;width:170px!important;height:170px!important;min-width:170px!important;min-height:170px!important;max-width:170px!important;max-height:170px!important;aspect-ratio:1/1;overflow:hidden!important;margin:0 auto;display:grid!important;place-items:center!important}
.lifecycle-donut.ui09-interactive-donut::before{width:120px;height:120px;inset:25px;box-sizing:border-box}
.lifecycle-donut.ui09-interactive-donut .ui09-donut-center{position:relative;z-index:3;text-align:center;max-width:114px;min-width:0;line-height:1.35;pointer-events:none}
.lifecycle-donut.ui09-interactive-donut .ui09-donut-center strong{font-size:27px;line-height:1.15}
.ui09-donut-svg{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;z-index:2;overflow:hidden}
.lifecycle-bar .ui12-bar-percent{font-weight:800;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-size:12px;color:#294760;white-space:nowrap}
.lifecycle-bar .track{position:relative;min-width:0}
@media(min-width:701px){.lifecycle-bar{grid-template-columns:minmax(100px,130px) minmax(0,1fr) 36px 52px;gap:9px}}
@media(max-width:700px){.lifecycle-chart-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important;min-width:0!important;overflow:hidden}
 .lifecycle-chart-grid>.lifecycle-donut{align-self:center;flex:0 0 170px}
 .lifecycle-bars{width:100%;min-width:0;gap:10px}
 .lifecycle-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:9px 10px;border-inline-start:3px solid var(--bar-color,#b7c5d3);border-radius:6px;background:#f8fafc;min-width:0}
 .lifecycle-bar>span:first-child{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:700}
 .lifecycle-bar>.ui12-bar-percent{grid-column:2;grid-row:1;font-size:14px}
 .lifecycle-bar>.track{grid-column:1/-1;grid-row:2;height:5px;border-radius:4px;overflow:hidden}
 .lifecycle-bar>.track .fill{border-radius:4px}.lifecycle-bar>strong{grid-column:1/-1;grid-row:3;justify-self:start;color:#65798a;font-size:11px}
 .planning-workspace-v17,.planning-board-v17,.planning-inspector-v17{min-width:0!important;max-width:100%}
 .ui12-kitchen-states a{flex:1 1 auto;justify-content:center;padding:8px 9px}
 .inspector-actions-v17 .btn{white-space:normal}
}
@media(hover:none){.ui09-ring-segment{pointer-events:none!important}}
@media(prefers-reduced-motion:reduce){.ui09-ring-segment{transition:none!important}}

/* Actions within each plan file's header: no floating buttons in the work surface. */
.plan-lane-title-line .ui12-card-menu{position:relative;flex:0 0 auto;min-width:0}
.ui12-card-menu>summary{width:36px;height:36px;display:grid;place-items:center;cursor:pointer;list-style:none;border-radius:10px;border:1px solid #d6e3ed;background:#f6f9fb;color:#244f70;font-size:20px;font-weight:700}
.ui12-card-menu>summary::-webkit-details-marker{display:none}
.ui12-card-menu-content{position:absolute;z-index:30;inset-inline-end:0;top:41px;background:#fff;border:1px solid #dce7ee;border-radius:12px;box-shadow:0 8px 24px #18344d22;padding:12px;min-width:215px;max-width:min(300px,78vw);display:grid;gap:10px;direction:rtl}
.ui12-card-menu-content form{display:grid;gap:8px;border-bottom:1px solid #eef2f6;padding-bottom:9px}
.ui12-card-menu-content form:last-child{border:0;padding:0}
.ui12-card-menu-content button{font:inherit;font-size:12px;font-weight:700;min-height:39px;padding:8px;border:1px solid #d8e5ef;border-radius:10px;background:#eff5fa;color:#19476d;cursor:pointer}
.ui12-card-menu-content label{display:grid;gap:5px;font-size:12px;font-weight:700}
.ui12-card-menu-content input{box-sizing:border-box;max-width:100%;min-width:0;width:100%;padding:8px;border:1px solid #cbdbe8;border-radius:8px}
.plan-lane-title-line{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.plan-lane-title-line h2{flex:1 1 140px;min-width:0}
@media(max-width:700px){.ui12-card-menu-content{inset-inline-end:auto;inset-inline-start:0;max-width:min(300px,calc(100vw - 68px))}}

.ui12-kitchen-note{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:11px 12px;margin-block:10px;border:1px solid #dbe7ed;border-radius:11px;background:#f5f9fb;color:#285573;font-size:12px}
.ui12-kitchen-note strong{font-size:12px}