/* Shared component owner for the home module and stock fundamentals section. */
html[data-home-view="holdings"] #homeCompanyOperating { display: none; }
.operating-module { color: var(--color-text); min-width: 0; }
.operating-module[data-stock-section] { scroll-margin-top: 5rem; }
.operating-module :is(p,h3) { margin: 0; }
.operating-module :is(button,select), .operating-dialog button { min-height: 2.75rem; padding: .5rem .75rem; font: inherit; font-size: .875rem; color: var(--color-accent); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-control); cursor: pointer; touch-action: manipulation; }
.operating-module :is(button,select,a,summary):focus-visible, .operating-dialog :is(button,a):focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.operating-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin: .75rem 0; }
.operating-scope { display: flex; gap: .25rem; padding: .25rem; background: var(--color-surface-raised); border-radius: var(--radius-control); }
.operating-scope button { min-width: 4rem; border-color: transparent; background: transparent; color: var(--color-text-muted); }
.operating-scope button[aria-pressed="true"] { background: var(--color-surface); color: var(--color-accent); border-color: var(--color-border); font-weight: 600; }
.operating-module .operating-meta, .operating-dialog .operating-meta { color: var(--color-text-muted); font-size: .8125rem; line-height: 1.6; margin: .5rem 0; overflow-wrap: anywhere; }
.operating-row { border-top: 1px solid var(--color-border); padding: .875rem 0; font-size: .875rem; line-height: 1.55; }
.operating-row-head { display: flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: center; justify-content: space-between; }
.operating-row-head a { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .5rem; color: var(--color-accent); font-size: 1rem; font-weight: 650; text-decoration: none; }
.operating-row-head a small { font-size: .8125rem; font-weight: 400; }
.operating-period { font-size: .8125rem; color: var(--color-text-muted); }
.operating-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; margin: .5rem 0; }
.operating-metrics > div { min-width: 0; padding: .625rem; border-radius: .625rem; background: var(--color-surface-raised); }
.operating-metrics span, .operating-metrics small { display: block; color: var(--color-text-muted); font-size: .8125rem; }
.operating-metrics b { display: block; margin: .25rem 0; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.operating-summary { font-size: .875rem; line-height: 1.6; }
.operating-tags { display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .5rem; }
.operating-tag { color: var(--color-text-muted); font-size: .8125rem; padding: .125rem .5rem; background: var(--color-surface-raised); border-radius: .375rem; }
.operating-tag.signal { color: var(--color-accent); background: var(--color-accent-soft); }
.operating-tag.attention { color: var(--color-attention); }
.operating-module .operating-all { flex: 0 0 auto; border: 0; padding: 0 .25rem; background: transparent; }
#homeCompanyOperating > .home-section-head { align-items: center; }
#homeCompanyOperating > .operating-controls { margin: .25rem 0 .5rem; }
#companyOperatingStatus { margin: 0; font-size: .75rem; }
#companyOperatingList[aria-busy="true"] { min-block-size: 18rem; }
.operating-focus-row { padding: 0; }
.operating-focus-link { display: block; min-height: 2.75rem; padding: .5rem 0; color: var(--color-text); text-decoration: none; }
.operating-focus-link:active { background: var(--color-accent-soft); }
.operating-focus-head { display: flex; align-items: baseline; gap: .5rem; font-size: .875rem; font-weight: 600; }
.operating-focus-head b { color: var(--color-accent); flex: 0 0 auto; }
.operating-focus-head span:first-of-type { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operating-focus-head span:last-child { flex: 0 0 auto; margin-left: auto; color: var(--color-text-muted); }
.operating-focus-row.declining .operating-focus-head span:first-of-type { color: var(--color-attention); }
.operating-focus-context { margin-top: .25rem !important; font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.operating-focus-context { color: var(--color-text-muted); }
.operating-focus-meta { color: var(--color-text-muted); font-size: .75rem; line-height: 1.5; margin-top: .25rem !important; overflow-wrap: anywhere; }
.operating-empty { padding: 1rem 0; color: var(--color-text-muted); font-size: .875rem; }
.operating-dialog { width: min(48rem,calc(100% - 1.5rem)); max-height: calc(100dvh - 3rem); padding: 1.25rem; color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-card); overscroll-behavior: contain; }
.operating-dialog::backdrop { background: rgb(25 30 36 / .35); }
.operating-dialog-head { position: sticky; top: -1.25rem; display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding-block: .75rem; background: var(--color-surface); z-index: 1; }
.operating-dialog-head h2 { font-size: 1.125rem; margin: 0; }
.operating-module .operating-section { margin-top: 1.25rem; border-top: 1px solid var(--color-border); padding-top: 1rem; }
.operating-section h3 { font-size: 1rem; font-weight: 650; margin-bottom: .5rem; }
.operating-table-scroll { overflow-x: auto; border: 1px solid var(--color-border); border-radius: .625rem; margin-top: .75rem; }
.operating-table { width: 100%; min-width: 52rem; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: .8125rem; }
.operating-table :is(th,td) { padding: .625rem; border-bottom: 1px solid var(--color-border); text-align: right; white-space: nowrap; color: var(--color-text); }
.operating-table th { background: var(--color-surface-raised); font-weight: 600; }
.operating-table :is(th,td):first-child { text-align: left; position: sticky; left: 0; background: var(--color-surface); }
.operating-table tr:last-child td { border: 0; }
.operating-module details { margin-top: .75rem; }
.operating-module summary { display: flex; align-items: center; justify-content: space-between; min-height: 2.75rem; padding: .5rem 0; font-size: .875rem; font-weight: 600; color: var(--color-accent); cursor: pointer; }
.operating-module ul { margin: .5rem 0; padding-left: 1.25rem; font-size: .875rem; line-height: 1.65; }
.operating-module li + li { margin-top: .5rem; }
.operating-module .operating-source { font-size: .8125rem; line-height: 1.65; overflow-wrap: anywhere; }
.operating-source a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--color-accent); }
.operating-trend-chart { width: 100%; max-width: 40rem; display: block; margin: .5rem auto; }
.operating-trend-chart .line { fill: none; stroke: var(--color-accent); stroke-width: 2; }
.operating-trend-chart circle { fill: var(--color-accent); }
.operating-trend-chart .grid { stroke: var(--color-border); stroke-dasharray: 3 4; }
.operating-trend-chart text { fill: var(--color-text-muted); font-size: 12px; }
.operating-chart-control { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.operating-chart-control select { max-width: 100%; }
.operating-chart-control input { min-width: 6rem; flex: 1; min-height: 2.75rem; accent-color: var(--color-accent); }
.operating-chart-readout { min-height: 2.75rem; font-size: .875rem; color: var(--color-text); }
@media (max-width: 600px) {
  .operating-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .operating-metrics > div:last-child:nth-child(3) { grid-column: 1 / -1; }
  .operating-dialog { padding: 1rem; }
  .operating-dialog-head { top: -1rem; }
  .operating-controls select { flex: 1; min-width: 8rem; }
}
@media (hover:hover) and (pointer:fine) {
  .operating-module button:hover, .operating-dialog button:hover { background: var(--color-accent-soft); }
  .operating-row-head a:hover { text-decoration: underline; text-underline-offset: 3px; }
}