.insight-period { display: grid; grid-template-columns: 1.2fr 1fr 1fr auto; align-items: end; gap: 16px; padding: 24px; border: 1px solid #354333; border-radius: 12px; background: linear-gradient(110deg,#d5fa7409,#111820); }
.insight-period-title { align-self: center; }.insight-period-title strong { font-weight: 500; font-size: 21px; }
.insight-period .button { min-height: 42px; }.insight-presets { grid-column: 1/-1; display: flex; gap: 8px; flex-wrap: wrap; }
.insight-presets button { color: #c7d5bc; border: 1px solid #3a4636; padding: 7px 13px; border-radius: 5px; font-size: 11px; }.insight-presets button:hover { background: #d5fa7414; }
.insight-draft-note { color: #d8bc8f; margin: 12px 0; font-size: 12px; }
.insight-progress { border: 1px solid #354354; background: #131d28; border-radius: 9px; margin: 17px 0 26px; padding: 15px 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.insight-progress > div:first-child { display: flex; align-items: center; gap: 12px; }.insight-progress .icon { color: #accb90; }.insight-progress strong { font-size: 12px; font-weight: 500; }.insight-progress p { color: #9dabb9; font-size: 11px; margin-top: 4px; }
.insight-progress.is-complete { border-color: #3a4c35; background: #172019; }.insight-progress-actions { display: flex; align-items: center; gap: 8px; }.insight-progress-actions .button { min-height: 35px; font-size: 11px; padding: 8px 12px; }
.insight-progress progress { width: 100%; height: 4px; accent-color: var(--accent); border: 0; background: #2e3b46; border-radius: 3px; }.insight-progress progress::-webkit-progress-bar { background: #2e3b46; border-radius: 3px; }.insight-progress progress::-webkit-progress-value { background: var(--accent); border-radius: 3px; }
.insight-filters.filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px 14px; align-items: end; }.insight-filters .search-field { grid-column: span 2; height: 42px; }.insight-filters .search-field input { font-size: 12px; }.insight-filters .advanced-field select { text-overflow: ellipsis; }
.insight-filter-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 13px 0 20px; font-size: 12px; color: #a5b1bb; }.insight-filter-summary .text-button { flex-shrink: 0; }
.insight-chips { display: flex; gap: 8px; flex-wrap: wrap; margin: -6px 0 22px; }.insight-chips button { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; text-align: left; font-size: 11px; line-height: 1.5; color: #d5e6bb; padding: 7px 10px; background: #d5fa740c; border: 1px solid #d5fa7430; border-radius: 5px; overflow-wrap: anywhere; }.insight-chips .icon { width: 13px; height: 13px; }
.insight-stats--extended { grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; margin: 0 0 24px; }.insight-stats--extended > div { padding: 23px 27px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.insight-stats--extended > div:nth-child(3n) { border-right: 0; }.insight-stats--extended > div:nth-child(n+4) { border-bottom: 0; }.insight-stats--extended strong { font-size: 34px; }.insight-stats--extended span { margin-top: 8px; line-height: 1.6; }
.insight-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }.insight-panel-heading h2 { margin: 0; font-size: 19px; align-items: center; }.insight-panel-heading > span { color: #8f9ea9; font: 10px var(--mono); }.insight-years { margin-bottom: 24px; }
.year-chart { display: flex; gap: 12px; align-items: stretch; overflow-x: auto; padding: 5px 5px 10px; scrollbar-color: #748b57 #1a2530; }.year-chart:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.year-column { display: flex; flex: 1 0 45px; flex-direction: column; gap: 11px; align-items: center; height: 218px; color: #91a1ae; font: 11px var(--mono); border-radius: 5px; padding: 6px; }.year-column strong { color: #d7e1c8; font-weight: 400; }.year-track { display: flex; align-items: flex-end; width: 100%; max-width: 90px; height: 161px; background-image: repeating-linear-gradient(to top,#ffffff06 0 1px,transparent 1px 40px); }.year-track i { width: 100%; display: block; background: linear-gradient(to top,#5e7850,#c1dc8b); border-radius: 4px 4px 0 0; min-height: 2px; }.year-column:hover,.year-column.active { color: var(--accent); background: #d5fa740b; }.year-column.active .year-track i { background: var(--accent); }
.insight-breakdown { min-width: 0; }.insight-bar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px 16px; width: 100%; padding: 9px 0; color: #b0bcc7; text-align: left; font-size: 12px; border-radius: 4px; }.insight-bar > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.insight-bar strong { font: 12px var(--mono); color: #dde8d0; }.insight-bar-track { grid-column: 1/-1; display: block; height: 5px; border-radius: 4px; background: #28333e; overflow: hidden; }.insight-bar-track i { display: block; height: 100%; background: #a9c27f; }.insight-bar:hover,.insight-bar.active { color: var(--accent); }.insight-bar.active .insight-bar-track i { background: var(--accent); }.insight-breakdown > .text-button { margin-top: 12px; }
.insight-dimension { max-width: 340px; margin: 0 0 20px; }.insight-table-scroll { max-width: 100%; overflow-x: auto; scrollbar-color: #526747 #15202b; }.insights-section table { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }.insights-section th,.insights-section td { padding: 13px 14px; border-bottom: 1px solid var(--line); line-height: 1.6; }.insights-section thead th { font-size: 10px; font-weight: 500; color: #8e9da9; white-space: nowrap; background: #0d151e; }.insights-section td { color: #a8b5c0; font-variant-numeric: tabular-nums; }.insights-section th[scope=row] { min-width: 180px; max-width: 380px; overflow-wrap: anywhere; font-weight: 400; }.insights-section th button { padding: 0; text-align: left; color: #d1dfaF; }.insights-section th button:hover { text-decoration: underline; }.insights-section th small { color: #7e929f; font: 10px var(--mono); white-space: nowrap; }
.insight-table-panel > .detail-empty { margin-top: 18px; }.insight-records,.insight-methodology { margin-top: 22px; border: 1px solid var(--line); border-radius: 10px; padding: 0 22px; background: #111820; }.insight-records summary,.insight-methodology summary { cursor: pointer; font-size: 13px; padding: 18px 0; color: #c3cfb5; }.insight-records summary span { font: 11px var(--mono); color: #94a283; margin-left: 10px; }.insight-records[open],.insight-methodology[open] { padding-bottom: 20px; }.insight-records .text-button { margin-top: 10px; }.insight-methodology ul { color: #99a8b5; font-size: 12px; padding-left: 18px; line-height: 1.9; }.insight-methodology li+li { margin-top: 8px; }.insight-infrastructure-title { margin-top: 42px; }
@media(max-width:1000px) { .insight-period { grid-template-columns: 1fr 1fr auto; }.insight-period-title { grid-column: 1/-1; }.insight-filters.filters { grid-template-columns: repeat(3,minmax(0,1fr)); }.insight-filters .search-field { grid-column: span 2; }.insight-stats--extended > div { padding: 20px; } }
@media(max-width:600px) { .insight-period { grid-template-columns: 1fr 1fr; gap: 14px 10px; padding: 18px; }.insight-period > .button { grid-column: 1/-1; }.insight-period-title strong { font-size: 20px; }.insight-presets { gap: 6px; }.insight-presets button { font-size: 10px; padding: 7px 10px; }.insight-progress { padding: 13px; }.insight-progress-actions { margin-left: auto; }.insight-progress p { font-size: 10px; line-height: 1.7; }.insight-filters.filters { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 10px; }.insight-filters .search-field { grid-column: 1/-1; }.insight-filters .advanced-field > span { font-size: 10px; }.insight-filters .advanced-field select { padding: 0 8px; font-size: 11px; }.insight-filter-summary { align-items: flex-start; font-size: 11px; }.insight-filter-summary .text-button { font-size: 11px; padding: 0; }.insight-stats--extended { grid-template-columns: repeat(2,minmax(0,1fr)); }.insight-stats--extended > div { border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: 17px; }.insight-stats--extended > div:nth-child(3n) { border-right: 1px solid var(--line); }.insight-stats--extended > div:nth-child(2n) { border-right: 0; }.insight-stats--extended > div:nth-child(n+4) { border-bottom: 1px solid var(--line); }.insight-stats--extended > div:nth-child(n+5) { border-bottom: 0; }.insight-stats--extended strong { font-size: 29px; letter-spacing: -1.5px; }.insight-stats--extended span { font-size: 10px; }.insight-panel-heading { flex-wrap: wrap; gap: 10px; }.insight-panel-heading h2 { font-size: 18px; }.insight-panel-heading > span { font-size: 9px; }.insight-years { padding: 20px 15px; }.year-chart { gap: 7px; }.year-column { min-width: 40px; font-size: 10px; padding: 4px; }.insight-columns { gap: 15px; margin-bottom: 24px; }.insight-bar { font-size: 11px; }.insight-table-panel { padding: 19px 14px; }.insights-section table { font-size: 11px; }.insights-section th,.insights-section td { padding: 11px 10px; }.insight-records,.insight-methodology { padding: 0 15px; }.insight-table-panel .button { min-height: 36px; font-size: 11px; } }