.development-scoring-view { display: grid; gap: 18px; }
.scoring-boundary { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--color-warning-border, #f5c26b); border-radius: var(--radius-lg); background: var(--color-warning-soft, #fff8e8); color: var(--color-text-secondary); }
.scoring-boundary strong { color: var(--color-text-primary); white-space: nowrap; }
.scoring-toolbar { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .7fr) minmax(150px, .7fr) auto; gap: 10px; align-items: end; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.scoring-toolbar label, .scoring-ability-fields label { display: grid; gap: 6px; color: var(--color-text-secondary); font-size: var(--font-sm); }
.scoring-toolbar select, .scoring-toolbar input, .scoring-ability-fields input, .scoring-ability-fields textarea { min-height: 40px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); padding: 8px 10px; font: inherit; }
.scoring-employee-picker { position: relative; min-width: 0; }
.scoring-employee-picker > input { width: 100%; padding-right: 34px; }
.scoring-employee-options { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; max-height: 280px; overflow: auto; padding: 6px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-lg, 0 14px 30px rgba(20, 34, 55, .16)); }
.scoring-employee-option { display: grid; width: 100%; gap: 3px; padding: 9px 10px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text-primary); font: inherit; text-align: left; cursor: pointer; }
.scoring-employee-option:hover, .scoring-employee-option:focus-visible, .scoring-employee-option[aria-selected="true"] { outline: none; background: var(--color-primary-soft, #edf3ff); }
.scoring-employee-option small, .scoring-employee-empty { color: var(--color-text-secondary); }
.scoring-employee-empty { margin: 0; padding: 10px; }
.development-roster-filters { display: grid; grid-template-columns: minmax(170px,.82fr) minmax(120px,.6fr) minmax(180px,1fr) minmax(140px,.68fr) minmax(140px,.68fr) auto; gap: 10px; align-items: end; padding: 13px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface-subtle); }
.development-roster-filters label { display: grid; gap: 6px; color: var(--color-text-secondary); font-size: var(--font-sm); }
.development-roster-filters select { width: 100%; min-height: 38px; padding: 7px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); font: inherit; }
.development-roster-filters button { min-height: 38px; }
.scoring-employee-group { display: grid; gap: 3px; }
.scoring-employee-group + .scoring-employee-group { margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--color-border); }
.scoring-employee-group > header { display: flex; align-items: center; justify-content: space-between; padding: 6px 9px 3px; color: var(--color-text-secondary); font-size: var(--font-xs); font-weight: 700; letter-spacing: .04em; }
.scoring-employee-option { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
.scoring-employee-option > span:first-child { display: grid; gap: 2px; min-width: 0; }
.scoring-employee-option > span:first-child small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scoring-employee-states { display: flex; align-items: center; gap: 5px; }
.scoring-employee-states em { padding: 3px 7px; border-radius: 999px; background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: 11px; font-style: normal; white-space: nowrap; }
.scoring-employee-states .finalized,.scoring-employee-states .normal { background: var(--color-success-soft); color: var(--color-success); }
.scoring-employee-states .draft,.scoring-employee-states .warning { background: var(--color-warning-soft); color: var(--color-warning-text, #875a00); }
.scoring-employee-states .critical { background: var(--color-danger-soft); color: var(--color-danger); }
.scoring-actions { display: flex; gap: 8px; }
.scoring-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.scoring-metrics article, .scoring-panel { border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.scoring-metrics article { display: grid; gap: 5px; padding: 15px; }
.scoring-metrics span, .scoring-metrics small { color: var(--color-text-secondary); }
.scoring-metrics strong { font-size: var(--font-xl); }
.development-four-dimensions { min-width: 0; }
.four-dimension-layout { display: grid; grid-template-columns: minmax(230px, .72fr) minmax(300px, 1.28fr); gap: 18px; align-items: center; }
.four-dimension-layout .reference-radar { display: block; width: min(280px, 100%); margin: 0 auto; overflow: visible; }
.four-dimension-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.four-dimension-details article { display: grid; gap: 3px; padding: 11px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
.four-dimension-details span,.four-dimension-details small { color: var(--color-text-secondary); }
.four-dimension-details strong { font-size: var(--font-xl); font-variant-numeric: tabular-nums; }
.development-analysis-side { display: grid; gap: 12px; min-width: 0; }
.development-executive-summary { display: grid; gap: 15px; padding: 20px; border: 1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border)); border-radius: var(--radius-xl); background: linear-gradient(145deg,color-mix(in srgb,var(--color-primary-soft) 70%,var(--color-surface)) 0%,var(--color-surface) 54%); box-shadow: var(--shadow-sm); }
.development-executive-summary > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.development-executive-summary h3 { margin: 2px 0 3px; font-size: 23px; }
.development-executive-summary header p:last-child { margin: 0; color: var(--color-text-secondary); }
.development-stage-badge { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px; border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary); font-size: var(--font-sm); font-weight: 700; white-space: nowrap; }
.development-stage-badge.risk { background: var(--color-danger-soft); color: var(--color-danger); }
.development-stage-badge.complete { background: var(--color-success-soft); color: var(--color-success); }
.development-executive-conclusion { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 13px; align-items: start; padding: 13px 15px; border-left: 3px solid var(--color-primary); border-radius: var(--radius-md); background: color-mix(in srgb,var(--color-primary-soft) 68%,var(--color-surface)); }
.development-executive-conclusion span,.development-executive-grid article > span { color: var(--color-text-secondary); font-size: var(--font-sm); font-weight: 650; }
.development-executive-conclusion strong { font-size: var(--font-md); line-height: 1.65; }
.development-executive-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(250px,1.1fr) minmax(150px,.62fr); gap: 10px; }
.development-executive-grid article { min-width: 0; padding: 13px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: color-mix(in srgb,var(--color-surface) 92%,transparent); }
.development-executive-grid article.strength { border-top: 3px solid var(--color-primary); }
.development-executive-grid article.weakness { border-top: 3px solid var(--color-warning); }
.development-executive-grid article.action { border-top: 3px solid color-mix(in srgb,var(--color-primary) 62%,var(--color-border)); }
.development-executive-grid article.review { border-top: 3px solid var(--color-success); }
.development-executive-grid ol,.development-gap-columns ol { display: grid; gap: 5px; margin: 9px 0 0; padding: 0; list-style: none; }
.development-executive-grid li,.development-gap-columns li { display: flex; justify-content: space-between; gap: 8px; color: var(--color-text-secondary); font-size: var(--font-sm); }
.development-executive-grid li span,.development-gap-columns li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.development-executive-grid li strong,.development-gap-columns li strong { color: var(--color-text-primary); white-space: nowrap; }
.development-executive-grid article.action p { margin: 9px 0 0; line-height: 1.65; }
.development-executive-grid article.review { display: grid; align-content: start; gap: 7px; }
.development-executive-grid article.review strong { font-size: var(--font-lg); }
.development-executive-grid article.review small,.development-insight-empty { margin: 0; color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-stage-section { padding: 18px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.development-stage-timeline { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin-top: 14px; }
.development-stage-timeline::before { position: absolute; top: 18px; left: 9%; right: 9%; height: 2px; background: var(--color-border); content: ''; }
.development-stage-timeline article { position: relative; z-index: 1; display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 9px; align-items: center; min-width: 0; padding: 9px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.development-stage-timeline article > div { display: grid; gap: 3px; min-width: 0; }
.development-stage-timeline small { overflow: hidden; color: var(--color-text-secondary); text-overflow: ellipsis; white-space: nowrap; }
.development-stage-index { display: grid; width: 36px; height: 36px; place-items: center; border: 2px solid var(--color-border); border-radius: 50%; background: var(--color-surface); color: var(--color-text-secondary); font-weight: 750; }
.development-stage-timeline article.complete .development-stage-index { border-color: var(--color-success); background: var(--color-success); color: #fff; }
.development-stage-timeline article.current { border-color: color-mix(in srgb,var(--color-primary) 45%,var(--color-border)); background: var(--color-primary-soft); }
.development-stage-timeline article.current .development-stage-index { border-color: var(--color-primary); color: var(--color-primary); box-shadow: 0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent); }
.development-stage-timeline article.risk { border-color: color-mix(in srgb,var(--color-danger) 48%,var(--color-border)); background: var(--color-danger-soft); }
.development-stage-timeline article.risk .development-stage-index { border-color: var(--color-danger); color: var(--color-danger); }
.development-gap-insights { display: grid; gap: 11px; padding: 14px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); }
.development-gap-insights > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.development-gap-insights > header > div { display: grid; gap: 3px; }
.development-gap-insights > header span,.development-gap-columns article > span { color: var(--color-text-secondary); font-size: var(--font-sm); }
.development-gap-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.development-gap-columns article { min-width: 0; padding: 10px; border-radius: var(--radius-md); background: var(--color-surface); }
.development-target-gap { display: flex; flex-wrap: wrap; gap: 6px; }
.development-target-gap span { padding: 5px 8px; border-radius: 999px; background: var(--color-warning-soft); color: var(--color-warning-text,#875a00); font-size: var(--font-xs); }
.development-empty-state { display: grid; justify-items: center; gap: 6px; min-height: 150px; place-content: center; padding: 24px; border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); text-align: center; }
.development-empty-state > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--color-primary-soft); color: var(--color-primary); }
.development-empty-state p { max-width: 560px; margin: 0; color: var(--color-text-secondary); line-height: 1.6; }
.development-empty-state small { color: var(--color-primary); }
.development-weekly-reference { min-width: 0; }
.development-weekly-boundary { margin: 10px 0 12px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-left: 3px solid var(--color-primary); border-radius: var(--radius-md); background: var(--color-primary-soft); color: var(--color-text-secondary); }
.development-weekly-boundary strong { color: var(--color-text-primary); white-space: nowrap; }
.development-trend-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin: 0 0 12px; }
.development-trend-toolbar p { margin: 0; color: var(--color-text-secondary); font-size: var(--font-xs); line-height: 1.5; text-align: right; }
.development-trend-tabs { display: inline-flex; flex: 0 0 auto; gap: 3px; padding: 3px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface-subtle); }
.development-trend-tabs button { min-width: 72px; padding: 6px 12px; border: 0; border-radius: 999px; background: transparent; color: var(--color-text-secondary); font: inherit; font-size: var(--font-sm); cursor: pointer; }
.development-trend-tabs button[aria-pressed="true"] { background: var(--color-primary); color: #fff; box-shadow: var(--shadow-sm); }
.development-change-brief { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 9px; }
.development-change-brief article { min-width: 0; display: grid; gap: 4px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); }
.development-change-brief span,.development-change-brief small { color: var(--color-text-secondary); }
.development-change-brief strong { font-size: var(--font-lg); font-variant-numeric: tabular-nums; }
.development-change-brief strong.positive,.development-change-dimension small.positive { color: var(--color-success-text,#177a54); }
.development-change-brief strong.negative,.development-change-dimension small.negative { color: var(--color-danger-text,#b33a3a); }
.development-change-brief strong.neutral,.development-change-dimension small.neutral { color: var(--color-text-secondary); }
.development-management-prompt { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 12px; border-left: 3px solid var(--color-warning); border-radius: var(--radius-md); background: var(--color-warning-soft); color: var(--color-text-secondary); }
.development-management-prompt strong { flex: 0 0 auto; color: var(--color-text-primary); }
.development-change-section { padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); }
.development-change-title { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 10px; }
.development-change-title span { color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-change-matrix-shell { min-width: 0; display: grid; justify-content: safe center; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.development-change-matrix { width: max-content; display: grid; gap: 5px; }
.development-change-head,.development-change-row { display: grid; gap: 5px; align-items: stretch; }
.development-change-matrix.period-count-1 .development-change-head,.development-change-matrix.period-count-1 .development-change-row { grid-template-columns: 176px repeat(1,88px); }
.development-change-matrix.period-count-2 .development-change-head,.development-change-matrix.period-count-2 .development-change-row { grid-template-columns: 176px repeat(2,88px); }
.development-change-matrix.period-count-3 .development-change-head,.development-change-matrix.period-count-3 .development-change-row { grid-template-columns: 176px repeat(3,88px); }
.development-change-matrix.period-count-4 .development-change-head,.development-change-matrix.period-count-4 .development-change-row { grid-template-columns: 176px repeat(4,88px); }
.development-change-matrix.period-count-5 .development-change-head,.development-change-matrix.period-count-5 .development-change-row { grid-template-columns: 176px repeat(5,88px); }
.development-change-matrix.period-count-6 .development-change-head,.development-change-matrix.period-count-6 .development-change-row { grid-template-columns: 176px repeat(6,88px); }
.development-change-matrix.period-count-7 .development-change-head,.development-change-matrix.period-count-7 .development-change-row { grid-template-columns: 176px repeat(7,88px); }
.development-change-matrix.period-count-8 .development-change-head,.development-change-matrix.period-count-8 .development-change-row { grid-template-columns: 176px repeat(8,88px); }
.development-change-matrix.period-count-9 .development-change-head,.development-change-matrix.period-count-9 .development-change-row { grid-template-columns: 176px repeat(9,88px); }
.development-change-matrix.period-count-10 .development-change-head,.development-change-matrix.period-count-10 .development-change-row { grid-template-columns: 176px repeat(10,88px); }
.development-change-matrix.period-count-11 .development-change-head,.development-change-matrix.period-count-11 .development-change-row { grid-template-columns: 176px repeat(11,88px); }
.development-change-matrix.period-count-12 .development-change-head,.development-change-matrix.period-count-12 .development-change-row { grid-template-columns: 176px repeat(12,88px); }
.development-change-corner { display: grid; align-content: center; gap: 2px; padding: 4px 8px; }
.development-change-corner small { color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-change-period { min-width: 0; display: grid; place-content: center; gap: 1px; padding: 5px 3px; border: 1px solid transparent; border-radius: var(--radius-md); background: transparent; color: var(--color-text-secondary); font: inherit; cursor: pointer; }
.development-change-period strong { font-size: var(--font-xs); }
.development-change-period small { font-size: 10px; }
.development-change-period:hover,.development-change-period:focus-visible { border-color: var(--color-border); background: var(--color-surface); outline: none; }
.development-change-period.selected { border-color: color-mix(in srgb,var(--color-primary) 38%,var(--color-border)); background: var(--color-primary-soft); color: var(--color-primary); }
.development-change-dimension { min-width: 0; display: grid; grid-template-columns: 8px auto minmax(0,1fr); gap: 7px; align-items: center; padding: 8px; border-radius: var(--radius-md); background: var(--color-surface); }
.development-change-dimension > span { width: 8px; height: 26px; border-radius: 999px; background: #7387a6; }
.development-change-dimension > span.thinking { background: #8b78b8; }
.development-change-dimension > span.ability { background: var(--color-primary); }
.development-change-dimension > span.habit { background: #3f9b7a; }
.development-change-dimension small { overflow: hidden; color: var(--color-text-secondary); font-size: var(--font-xs); text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.development-change-cell { position: relative; min-width: 0; min-height: 42px; overflow: hidden; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); font: inherit; cursor: pointer; isolation: isolate; }
.development-change-cell i { position: absolute; z-index: -1; inset: auto 0 0; height: 0; background: color-mix(in srgb,#7387a6 24%,transparent); transition: height .2s ease; }
.development-change-cell.thinking i { background: color-mix(in srgb,#8b78b8 24%,transparent); }
.development-change-cell.ability i { background: color-mix(in srgb,var(--color-primary) 24%,transparent); }
.development-change-cell.habit i { background: color-mix(in srgb,#3f9b7a 24%,transparent); }
.development-change-cell.score-level-0 i { height: 4%; }
.development-change-cell.score-level-1 i { height: 10%; }
.development-change-cell.score-level-2 i { height: 20%; }
.development-change-cell.score-level-3 i { height: 30%; }
.development-change-cell.score-level-4 i { height: 40%; }
.development-change-cell.score-level-5 i { height: 50%; }
.development-change-cell.score-level-6 i { height: 60%; }
.development-change-cell.score-level-7 i { height: 70%; }
.development-change-cell.score-level-8 i { height: 80%; }
.development-change-cell.score-level-9 i { height: 90%; }
.development-change-cell.score-level-10 i { height: 100%; }
.development-change-cell strong { font-size: var(--font-sm); font-variant-numeric: tabular-nums; }
.development-change-cell:hover,.development-change-cell:focus-visible { z-index: 1; border-color: var(--color-primary); outline: none; box-shadow: var(--shadow-sm); }
.development-change-cell.selected { border: 2px solid var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-surface); }
.development-change-cell.missing { border-style: dashed; color: var(--color-text-secondary); background: color-mix(in srgb,var(--color-border) 18%,var(--color-surface)); }
.development-change-scale { display: flex; align-items: center; gap: 7px; margin: 7px 2px 0; color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-change-scale i { width: 92px; height: 7px; border-radius: 999px; background: linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 4%,transparent),color-mix(in srgb,var(--color-primary) 34%,transparent)); }
.development-change-scale em { margin-left: auto; font-style: normal; }
.development-weekly-overview { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,280px); gap: 12px; align-items: stretch; }
.development-weekly-chart { min-width: 0; display: grid; place-items: center; overflow-x: auto; padding: 10px 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); }
.development-weekly-chart .reference-trend { display: block; width: 100%; min-width: 560px; height: 240px; }
.development-trend-legend { width: 100%; min-width: 520px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; padding: 5px 10px 0; }
.development-trend-legend span { display: grid; grid-template-columns: 22px auto auto; gap: 6px; align-items: center; min-width: 0; color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-trend-legend i { width: 22px; height: 3px; border-radius: 999px; background: #7387a6; }
.development-trend-legend .thinking i { background: #8b78b8; }
.development-trend-legend .ability i { height: 4px; background: var(--color-primary); }
.development-trend-legend .habit i { background: #3f9b7a; }
.development-trend-legend b { color: var(--color-text-primary); }
.development-trend-legend em { justify-self: end; color: var(--color-text-secondary); font-style: normal; font-variant-numeric: tabular-nums; }
.development-weekly-summary { display: grid; gap: 8px; }
.development-weekly-summary article,.development-weekly-dimensions article { min-width: 0; display: grid; align-content: center; gap: 3px; padding: 11px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
.development-weekly-summary span,.development-weekly-summary small,.development-weekly-dimensions span,.development-weekly-dimensions small { color: var(--color-text-secondary); }
.development-weekly-summary strong,.development-weekly-dimensions strong { font-size: var(--font-lg); font-variant-numeric: tabular-nums; }
.development-weekly-strip { margin: 12px 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; }
.development-weekly-strip > strong { color: var(--color-text-secondary); font-size: var(--font-sm); white-space: nowrap; }
.development-weekly-selector { min-width: 0; display: flex; gap: 7px; overflow-x: auto; padding: 1px 1px 7px; scroll-padding-inline: 8px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.development-weekly-selector button { min-width: 148px; display: grid; gap: 2px; padding: 8px 10px; scroll-snap-align: center; text-align: left; }
.development-weekly-selector button.active { border-color: var(--color-primary); background: var(--color-primary-soft); color: var(--color-primary); }
.development-weekly-selector button.insufficient { border-style: dashed; }
.development-weekly-selector small { color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-weekly-detail { margin-top: 12px; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); }
.development-weekly-detail.insufficient { border-style: dashed; }
.development-weekly-detail .panel-head { margin-bottom: 9px; }
.development-weekly-detail .panel-head p { margin: 3px 0 0; color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-weekly-history { margin: 0 0 9px; padding: 9px 11px; border-left: 3px solid var(--color-primary); border-radius: var(--radius-md); background: var(--color-primary-soft); color: var(--color-text-secondary); }
.development-weekly-gap { margin: 0 0 9px; padding: 9px 11px; border-radius: var(--radius-md); background: var(--color-warning-soft); color: var(--color-text-secondary); }
.development-weekly-dimensions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.development-weekly-empty { display: grid; gap: 5px; padding: 24px; border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-subtle); text-align: center; }
.development-weekly-empty p { margin: 0; color: var(--color-text-secondary); }
.scoring-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(300px, .8fr); gap: 14px; align-items: start; }
.scoring-panel { padding: 18px; }
.scoring-ability-list, .scoring-level-list { display: grid; gap: 10px; margin-top: 12px; }
.scoring-dimension-group { overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface-subtle); }
.scoring-dimension-group.attention { border-color: color-mix(in srgb,var(--color-warning) 45%,var(--color-border)); }
.scoring-dimension-toggle { display: grid; width: 100%; grid-template-columns: minmax(0,1fr) auto 18px; gap: 10px; align-items: center; padding: 12px 14px; border: 0; background: transparent; color: var(--color-text-primary); font: inherit; text-align: left; cursor: pointer; }
.scoring-dimension-toggle:hover,.scoring-dimension-toggle:focus-visible { outline: none; background: var(--color-primary-soft); }
.scoring-dimension-toggle > span:first-child { display: grid; gap: 2px; }
.scoring-dimension-toggle small { color: var(--color-text-secondary); }
.scoring-dimension-attention { padding: 4px 8px; border-radius: 999px; background: var(--color-warning-soft); color: var(--color-warning-text,#875a00); font-size: var(--font-xs); }
.scoring-dimension-body { display: grid; gap: 8px; padding: 0 8px 8px; }
.scoring-dimension-body[hidden] { display: none; }
.scoring-dimension-group.expanded .scoring-dimension-toggle .scoring-expand-icon { transform: rotate(180deg); }
.scoring-ability { border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; background: var(--color-canvas-subtle, var(--color-canvas)); }
.scoring-ability.attention { border-color: color-mix(in srgb,var(--color-warning) 40%,var(--color-border)); }
.scoring-ability-toggle { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto auto 18px; gap: 12px; align-items: center; padding: 13px; border: 0; background: transparent; color: var(--color-text-primary); font: inherit; text-align: left; cursor: pointer; }
.scoring-ability-toggle:hover, .scoring-ability-toggle:focus-visible { outline: none; background: var(--color-primary-soft, #edf3ff); }
.scoring-ability-title { display: grid; gap: 4px; }
.scoring-ability-title small { color: var(--color-text-secondary); }
.scoring-score-badge { min-width: 56px; padding: 5px 9px; border-radius: 999px; background: var(--color-surface-subtle, #eef1f5); color: var(--color-text); text-align: center; }
.scoring-item-status { min-width: 48px; padding: 4px 7px; border-radius: 999px; background: var(--color-success-soft); color: var(--color-success); font-size: var(--font-xs); font-weight: 650; text-align: center; }
.scoring-item-status.incomplete,.scoring-item-status.low { background: var(--color-warning-soft); color: var(--color-warning-text,#875a00); }
.scoring-expand-icon { color: var(--color-text-secondary); font-size: 18px; line-height: 1; text-align: center; transition: transform .16s ease; }
.scoring-ability.expanded .scoring-expand-icon { transform: rotate(180deg); }
.scoring-ability-body { display: grid; gap: 12px; padding: 0 13px 13px; border-top: 1px solid var(--color-border); }
.scoring-ability-body[hidden] { display: none; }
.scoring-definition { margin: 12px 0 0; color: var(--color-text-secondary); white-space: pre-line; }
.scoring-rubric-section { display: grid; gap: 8px; }
.scoring-rubric-toggle { display: inline-flex; width: fit-content; align-items: center; gap: 7px; padding: 6px 0; border: 0; background: transparent; color: var(--color-text-primary); font: inherit; font-weight: 650; cursor: pointer; }
.scoring-rubric-toggle:hover, .scoring-rubric-toggle:focus-visible { outline: none; color: var(--color-primary); }
.scoring-rubric-icon { font-size: 16px; line-height: 1; transition: transform .16s ease; }
.scoring-rubric-toggle[aria-expanded="true"] .scoring-rubric-icon { transform: rotate(180deg); }
.scoring-rubric { max-height: 260px; overflow: auto; padding: 10px; border-radius: var(--radius-md); background: var(--color-surface); white-space: pre-line; color: var(--color-text-secondary); }
.scoring-rubric[hidden] { display: none; }
.scoring-ability-fields { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; align-items: start; }
.scoring-ability-fields textarea { min-height: 84px; resize: vertical; }
.scoring-level { display: grid; gap: 4px; padding: 11px 12px; border-left: 3px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-canvas-subtle, var(--color-canvas)); }
.scoring-level.eligible { border-left-color: var(--color-success); background: var(--color-success-soft, #e8f7ef); }
.scoring-level small { color: var(--color-text-secondary); }
.development-loop-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.development-loop-head h3 { margin: 2px 0 0; }
.development-loop-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.development-loop-metrics article { display: grid; gap: 4px; padding: 14px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.development-loop-metrics span,.development-loop-metrics small { color: var(--color-text-secondary); }
.development-loop-metrics strong { font-size: var(--font-xl); }
.development-loop-layout { display: grid; grid-template-columns: minmax(0,2fr) minmax(280px,.8fr); gap: 14px; align-items: start; }
.development-plan-list,.development-plan-alerts { display: grid; gap: 12px; margin-top: 12px; }
.development-plan-card { display: grid; gap: 11px; padding: 14px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-canvas-subtle,var(--color-canvas)); }
.development-plan-card > header,.development-plan-actions-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.development-plan-card > header > div { display: grid; gap: 3px; }
.development-plan-card small,.development-plan-goal,.development-plan-action p { color: var(--color-text-secondary); }
.development-plan-goal { margin: 0; line-height: 1.6; }
.development-plan-primary { display: grid; gap: 4px; padding: 12px; border-left: 3px solid var(--color-primary); border-radius: var(--radius-md); background: var(--color-primary-soft); }
.development-plan-primary span,.development-plan-next span { color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-plan-primary strong,.development-plan-next strong { line-height: 1.55; }
.development-plan-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.development-plan-progress { display: grid; gap: 7px; }
.development-plan-progress > div:first-child { display: flex; align-items: center; justify-content: space-between; color: var(--color-text-secondary); font-size: var(--font-sm); }
.development-plan-progress > div:first-child strong { color: var(--color-text-primary); }
.development-plan-progress-track { height: 8px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb,var(--color-border) 70%,transparent); }
.development-plan-progress-track span { display: block; height: 100%; border-radius: inherit; background: var(--color-primary); }
.development-plan-card dl { margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.development-plan-card dl div { padding: 8px; border-radius: var(--radius-md); background: var(--color-surface); }
.development-plan-card dt { color: var(--color-text-secondary); font-size: var(--font-xs); }
.development-plan-card dd { margin: 3px 0 0; }
.development-plan-next { display: grid; gap: 3px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--color-surface); }
.development-plan-detail { border-top: 1px solid var(--color-border); }
.development-plan-detail > summary { padding: 10px 2px 0; color: var(--color-primary); font-weight: 650; cursor: pointer; }
.development-plan-detail > .development-plan-actions-head { margin-top: 12px; }
.development-plan-comparison { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-secondary); }
.development-plan-comparison strong { color: var(--color-text-primary); }
.development-plan-action,.development-review-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.development-plan-action > div:first-child,.development-review-row { display: grid; gap: 3px; }
.development-plan-action > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.development-plan-action.completed { border-color: color-mix(in srgb,var(--color-success) 42%,var(--color-border)); }
.development-plan-action.deferred { border-color: color-mix(in srgb,var(--color-warning) 52%,var(--color-border)); }
.development-review-row { align-items: start; justify-content: start; }
.development-plan-alert { display: grid; gap: 4px; padding: 11px; border-left: 3px solid var(--color-warning); border-radius: var(--radius-md); background: var(--color-warning-soft); }
.development-plan-alert.critical { border-left-color: var(--color-danger); background: var(--color-danger-soft); }
.development-plan-alert span,.development-plan-alert small { color: var(--color-text-secondary); }
.development-plan-dialog-body fieldset { margin: 0; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.development-plan-dialog-body legend { padding: 0 6px; color: var(--color-text-secondary); }
.development-ability-options { max-height: 280px; overflow: auto; display: grid; gap: 7px; }
.development-ability-options label { display: flex; align-items: center; gap: 9px; padding: 8px; border-radius: var(--radius-sm); background: var(--color-surface-subtle); }
.development-ability-options label span { display: grid; gap: 2px; }
.development-ability-options small { color: var(--color-text-secondary); }
.development-plan-date-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.development-comparison { padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-primary-soft); color: var(--color-text-secondary); }
.profile-development-chain { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.profile-development-chain span { padding: 4px 7px; border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary); font-size: var(--font-xs); }
.profile-development-review { display: grid; gap: 3px; margin-top: 8px; padding: 9px; border-radius: var(--radius-md); background: var(--color-surface-subtle); }
@media (max-width: 1240px) { .development-executive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .development-roster-filters { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 1100px) { .scoring-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scoring-layout,.development-weekly-overview { grid-template-columns: 1fr; } .development-weekly-summary { grid-template-columns: repeat(3,minmax(0,1fr)); } .development-stage-timeline { grid-template-columns: 1fr; } .development-stage-timeline::before { top: 26px; bottom: 26px; left: 26px; right: auto; width: 2px; height: auto; } }
@media (max-width: 1100px) { .development-loop-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); } .development-loop-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .scoring-toolbar, .scoring-metrics, .scoring-ability-fields,.development-loop-metrics,.development-plan-card dl,.development-plan-date-grid,.four-dimension-layout,.development-weekly-summary,.development-weekly-dimensions,.development-executive-grid,.development-roster-filters,.development-gap-columns,.development-change-brief { grid-template-columns: 1fr; } .scoring-actions,.development-loop-head,.development-weekly-boundary,.development-executive-summary > header,.development-trend-toolbar,.development-management-prompt,.development-change-title { align-items: stretch; flex-direction: column; } .development-trend-toolbar p { text-align: left; } .development-weekly-boundary strong { white-space: normal; } .development-executive-conclusion { grid-template-columns: 1fr; } .scoring-ability-toggle { grid-template-columns: minmax(0,1fr) auto 18px; } .scoring-item-status { display: none; } .development-change-scale em { margin-left: 0; } }