/* css/modules/asset.css: the .asset-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

/* ---------- Asset detail page (issue #111) ----------
   A summary strip answers the top questions once, then a two-column grid on wide
   screens (collapsing to one on mobile) splits the textual detail from the map
   and activity. Tabs group the left column (Overview / Service / Commercial) so
   reaching Service or Jobs no longer means scrolling past Identity, Odoo and two
   maps. The Leaflet trail stays in the always-visible right column — never inside
   a hidden tab — so it needs no invalidateSize handling and the trail-drawing
   code (shared with #112) is untouched. */
.asset-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.asset-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}
.asset-sum__item{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;min-width:0}
.asset-sum__k{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:800}
.asset-sum__v{font-weight:900;font-size:20px;line-height:1.15;margin-top:4px;overflow-wrap:anywhere}
.asset-sum__sub{font-size:12px;color:var(--muted);font-weight:700;margin-top:3px;overflow-wrap:anywhere}
.asset-sum__sub .geo-link{font-weight:700}
.asset-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px;align-items:start;margin-top:18px}
.asset-col{min-width:0}
@media(max-width:960px){.asset-cols{grid-template-columns:1fr}}
/* An asset number is a link to its page. Inherits the colour of whatever line
   it sits on — the alerts list, fleet status and the events log all style their
   own text — and only adds the affordance. */
.asset-link{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.asset-link:hover{border-bottom-style:solid}