/* Shared diagnostic icons, temporal controls and accessible spring motion. */
.trend-summary [data-summary-value]{position:relative;overflow:hidden;line-height:1.45}
.trend-summary [data-summary-value]>span{display:block;color:inherit;font:inherit;line-height:inherit;margin:0}
.trend-summary .trend-value-out{position:absolute;inset:0;pointer-events:none}
.trend-scroll{position:relative}.trend-chart-ghost{position:absolute;top:0;left:0;pointer-events:none}
.position-comparison>div{display:flex;align-items:center;gap:14px}
.position-comparison .position-symbol{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:11px;background:#efe8e0;color:#ac896d}
.position-comparison .position-symbol.revenue{background:#eee6f0;color:#86718f}.position-comparison .position-symbol.capacity{background:#e7eee7;color:#7b9483}
.position-comparison .position-symbol .ui-icon{width:23px;height:23px}.position-comparison>div>div{min-width:0;padding:0;background:transparent;border-radius:0}
@media(max-width:680px){.position-comparison>div{gap:9px}.position-comparison .position-symbol{width:33px;height:33px;border-radius:9px}.position-comparison .position-symbol .ui-icon{width:20px;height:20px}}
html{scroll-behavior:auto}
@media(max-width:680px){.sidebar:not(.open){pointer-events:none}}
.plan-record-controls{padding-left:22px;padding-right:22px}.plan-record-summary{margin:0 22px 8px}
.plan-log-row>div{flex:1;min-width:0}.plan-log-row>button{flex-shrink:0;white-space:nowrap;min-height:32px}
@media(max-width:680px){.plan-record-controls{padding-left:17px;padding-right:17px}.plan-record-summary{margin-left:17px;margin-right:17px}}
.ui-icon{display:inline-block;width:19px;height:19px;vertical-align:middle;flex:none}
.trend-touch-hint{display:none;font-size:11px;color:#998491;margin:14px 0 4px}
@media(max-width:680px){.trend-touch-hint{display:block}}
@media(max-width:1000px){.trend-touch-hint{display:block}.period-trend .axis-caption{font-size:16px}.period-trend .point-value{font-size:20px}.period-trend .trend-year,.period-trend .trend-missing{font-size:14px}}
.month-dialog{max-width:500px}.month-confirm-note{padding:17px 19px;background:#f8f4ef;border:1px solid #e8dfd5;border-radius:10px;color:#85727f;font-size:12px;line-height:1.8}.month-confirm-note b{color:#6f5b79;font-size:12px}.month-confirm-note p{margin:5px 0 14px}.month-confirm-note p:last-child{margin-bottom:0}
.system-heading>span,.overview-group-icon{display:grid;place-items:center}
.system-heading>span .ui-icon{width:21px;height:21px}.overview-group-icon .ui-icon{width:18px;height:18px}
.nav-link>.ui-icon{width:17px;height:17px;color:#9c8f9e;margin-right:10px}.nav-link.active>.ui-icon{color:#736081}.side-nav .nav-link{display:flex;align-items:center}
.mobile-nav a{display:inline-flex;gap:6px;align-items:center}.mobile-nav .ui-icon{width:15px;height:15px}
.new-project .ui-icon,.text-link .ui-icon{width:16px;height:16px;margin-right:5px}
.period-toolbar{display:flex;align-items:center;gap:20px;margin:0 0 25px;padding:14px 18px;background:#f1ece7;border:1px solid #e7dfd6;border-radius:12px;min-width:0}
.period-title{display:flex;align-items:center;gap:13px;flex-shrink:0;color:#7a6987}.period-title>.ui-icon{width:20px;height:20px}
.period-title>div>span{font-size:9px;letter-spacing:.08em;color:#9a898c;display:block;margin-bottom:3px}
.period-title select{border:0;background:transparent;color:#504656;font-size:13px;font-weight:600;max-width:240px;padding:4px 18px 4px 0;cursor:pointer}
.period-toolbar>p{font-size:11px;color:#84767d;line-height:1.6;margin:0;padding-left:20px;border-left:1px solid #ddd3cc}.period-toolbar p small{display:block;font-size:10px;color:#a09397}
.period-edit{display:flex;align-items:center;gap:6px;margin-left:auto;color:#7e6c89;white-space:nowrap;font-size:11px;text-decoration:none;min-height:40px}.period-edit .ui-icon{width:15px;height:15px}
.period-comparison{display:flex;align-items:center;gap:8px;padding:0 2px 20px;font-size:12px;color:#78657f;flex-wrap:wrap}.period-comparison small{margin-left:auto;color:#a28e95;font-size:10px}
.trend-card{padding:24px 26px;overflow:hidden}.trend-card .chart-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:14px}
.trend-card h3{display:flex;gap:8px;align-items:center;font-size:15px;margin:0}.trend-card h3 .ui-icon{color:#93849b}
.time-range{display:inline-flex;position:relative;isolation:isolate;align-items:center;padding:4px;gap:3px;border:1px solid #e5dce6;border-radius:11px;background:#f2edf3}
.time-range button{border:0;background:transparent;border-radius:7px;padding:8px 14px;min-height:36px;color:#96869e;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.time-range button[aria-pressed=true]{color:#64516f;font-weight:600;background:#fffdfb}
.has-elastic-indicator{position:relative;isolation:isolate}.elastic-indicator{position:absolute;pointer-events:none;z-index:0;border-radius:7px;background:#fffdfb;box-shadow:0 2px 5px #55406313;transform-origin:center}.has-elastic-indicator>button{position:relative;z-index:1}.has-elastic-indicator>button[aria-pressed=true]{background:transparent;box-shadow:none}
.trend-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;color:#9a8997;font-size:11px}.trend-context>span{display:inline-flex;align-items:center;gap:7px}.trend-context .ui-icon{width:15px;height:15px}.trend-context .legend{font-size:10px}
.trend-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#faf7f3;border:1px solid #eee5de;border-radius:10px;padding:17px 20px;gap:14px;margin-bottom:12px}.trend-summary>div+div{border-left:1px solid #e7ded8;padding-left:20px}
.trend-summary small{display:block;color:#998990;font-size:10px;margin-bottom:6px}.trend-summary strong{display:block;font-family:'Songti SC',serif;font-weight:600;color:#65556f;font-size:25px;font-variant-numeric:tabular-nums;white-space:nowrap}.trend-summary span{display:block;color:#a3949b;font-size:9px;margin-top:4px}
.trend-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5cbd7 transparent;margin:0 -8px}.period-trend{display:block;width:100%;min-width:520px;max-height:360px}.period-trend[data-density="12"]{min-width:680px}
.trend-actual{fill:none;stroke:#786987;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.trend-target{fill:none;stroke:#b79278;stroke-width:1.5;stroke-dasharray:5 5;stroke-linejoin:round}.trend-dot{fill:#fffdfb;stroke:#786987;stroke-width:2.5}.trend-year,.trend-missing{fill:#afa1a7;font-size:9px}
[data-trend-point]{cursor:pointer;outline:none}[data-trend-point]:focus-visible .trend-dot,[data-trend-point].selected .trend-dot{fill:#786987;stroke:#d2bedb;stroke-width:6}
.trend-point-note{font-size:10px;color:#98858f;margin:4px 0 20px;min-height:17px}.trend-data{border-top:1px solid #eae1dc;padding-top:12px}
.trend-data>summary{display:flex;gap:8px;align-items:center;cursor:pointer;color:#7c6986;font-size:11px;min-height:36px;list-style:none}.trend-data>summary::after{content:'+';font-size:18px;margin-left:auto}.trend-data[open]>summary::after{content:'−'}.trend-data>summary span{color:#ac9ca4;font-size:10px;margin-left:8px}.trend-data .data-table{min-width:0}
.history-editor{margin-top:22px;border:1px solid #e7ded7;border-radius:10px;background:#fbf8f5;padding:12px 16px}.history-editor summary{cursor:pointer;font-size:12px;color:#7c6986;min-height:30px;line-height:30px}.history-editor summary .ui-icon{margin-right:8px;width:17px;height:17px}.history-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:14px;align-items:center;margin-top:13px}.history-row>strong{font-size:12px;color:#8c7d87;font-weight:500}.history-row .form-field{margin:0}.history-note{font-size:11px;line-height:1.8;color:#a28d96;margin:8px 0 16px}
.plan-record-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:15px 0}.plan-record-controls .plan-owner-filter{margin:0}.plan-record-controls .time-range button{padding:7px 10px;font-size:10px}
.plan-record-summary{display:flex;align-items:baseline;gap:10px;padding:12px 0;color:#9d8b94;font-size:11px;border-bottom:1px solid #eae1dc}.plan-record-summary strong{font-size:19px;font-weight:500;color:#75627f}.plan-record-summary small{margin-left:auto;font-size:10px}.plan-panel[data-record-panel] .plan-log-list{max-height:440px;overflow-y:auto;scrollbar-width:thin}
@media(hover:hover){.time-range button:hover{color:#655270}.period-edit:hover{color:#53415f}}
@media(prefers-reduced-motion:no-preference){.time-range button,.scope-switch button,.segment-tabs button,.plan-button,.primary-button,.secondary-button,.back-button,.plan-phase{transition:color .16s,background .16s,box-shadow .2s,transform .18s cubic-bezier(.2,.8,.3,1.3)}.time-range button:active,.scope-switch button:active,.segment-tabs button:active,.plan-button:active,.primary-button:active,.secondary-button:active,.back-button:active,.plan-phase:active{transform:scale(.965)}.plan-dialog[open]{animation:dialog-settle .38s cubic-bezier(.2,.75,.25,1)}@keyframes dialog-settle{0%{opacity:0;transform:translateY(18px) scale(.985)}75%{opacity:1;transform:translateY(-2px) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}}
@media(max-width:1000px){.period-toolbar{gap:13px}.period-toolbar>p{padding-left:13px}.period-edit span{display:none}.trend-summary{padding:14px}.trend-summary>div+div{padding-left:14px}.trend-summary strong{font-size:23px}}
@media(max-width:600px){.period-toolbar{padding:12px;margin-bottom:20px;gap:10px;flex-wrap:wrap}.period-title{gap:8px}.period-title select{font-size:12px;max-width:230px}.period-toolbar>p{order:3;width:100%;padding:8px 0 0;border-left:0;border-top:1px solid #e3d9d0;font-size:10px}.period-toolbar p small{display:inline;margin-left:5px}.period-edit{min-width:30px;justify-content:center}.period-comparison{font-size:11px}.period-comparison small{margin-left:27px;width:100%}.trend-card{padding:18px 15px}.trend-card .chart-heading{flex-wrap:wrap;margin-bottom:16px}.trend-card h3{font-size:14px}.time-range button{padding:7px 12px;min-height:36px}.trend-context{font-size:10px}.trend-summary{gap:8px;padding:14px 10px}.trend-summary>div+div{padding-left:8px}.trend-summary strong{font-size:20px}.trend-summary small{font-size:9px;min-height:26px}.trend-summary span{font-size:9px;line-height:1.6}.trend-data>summary span{display:none}.period-trend{min-width:500px}.trend-point-note{line-height:1.8}.history-row{grid-template-columns:64px 1fr 1fr;gap:8px}.history-row .form-field label{font-size:10px}.history-editor{padding:12px}.history-row input{width:100%;min-width:0}.plan-record-controls{align-items:stretch}.plan-record-controls .time-range{width:100%}.plan-record-controls .time-range button{flex:1}.plan-record-summary{flex-wrap:wrap}.plan-record-summary small{margin-left:0}}
@media(prefers-reduced-motion:reduce){.site-shell *, .site-shell *::before,.site-shell *::after,.plan-dialog{animation:none!important;transition:none!important;scroll-behavior:auto!important}}