/* Estimation module styles (release 2.47.0). Scoped to classes the estimation screens introduce. */

/* chart container used on the estimation dashboard */
.chart { min-height: 220px; position: relative; }
.chart svg { width: 100%; height: auto; display: block; }

/* compact key/value strip (request detail, handover summary) */
.kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 8px 0 12px; }
.kv > div { display: flex; flex-direction: column; gap: 2px; background: var(--sunk, #f5f6f8); border: 1px solid var(--line); border-radius: var(--r, 8px); padding: 8px 10px; }
.kv > div > span { font-size: 11.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .02em; }
.kv > div > b { font-size: 14px; }

/* simple card used for vendor quotes, rate cards and templates */
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r, 8px); }

/* plain tab strip for the master-data screen */
.tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 12px; align-items: center; }
.tabs .tab { border: 1px solid var(--line); background: var(--surface); color: var(--muted); padding: 6px 12px; border-radius: 999px; cursor: pointer; font-weight: 500; font-size: 13px; }
.tabs .tab.on { background: var(--accent-soft, #e8f0ff); color: var(--accent, #2d6cdf); border-color: var(--accent, #2d6cdf); font-weight: 600; }

/* a BoQ unit-cost cell driven by the resource breakdown is shown read-only / tinted */
input.esBd { background: var(--accent-soft, #eef3ff); font-weight: 600; }

/* keep the BoQ grid readable on narrow screens */
table.boq th, table.boq td { white-space: nowrap; }
table.boq input, table.boq select { max-width: 100%; }