/* The MeteoAlarm feed browser (sources/meteoalarm/portugal). Tokens only; IPMA's warning colours only on IPMA's levels. incident.sources@ */
.src-browser { display: grid; gap: 16px; padding: 18px 0; }
.src-browser .bar { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: end; }
.src-browser label { display: grid; gap: 2px; font-size: 12px; color: var(--ink-2); }
.src-browser select, .src-browser input[type=search] { font: 14px var(--sans); padding: 5px 8px; border: 1px solid var(--line-2); border-radius: 4px; background: var(--surface); color: var(--ink); max-width: 100%; }
.src-browser label.chk { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--ink); }
.src-browser table { border-collapse: collapse; width: 100%; font-size: 14px; }
.src-browser th, .src-browser td { text-align: left; padding: 6px 10px 6px 0; border-top: 1px solid var(--line); vertical-align: top; }
.src-browser td:first-child { padding-left: 6px; }
.src-browser th { font-size: 12px; color: var(--ink-2); background: var(--surface-2); padding-left: 6px; position: sticky; top: 0; }
.src-browser td.t, .src-browser .mono { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 12.5px; white-space: nowrap; }
.src-browser tr.past td { color: var(--ink-2); }
.src-browser tr.m { cursor: pointer; }
.src-browser tr.m:hover td, .src-browser tr.m:focus td { background: var(--surface-2); }
.src-browser tr.open td { background: var(--surface-2); }
.src-browser tr.detail td { padding: 10px 6px 14px; background: var(--surface-2); }
.src-browser .detail dl { display: grid; grid-template-columns: max-content 1fr; gap: 3px 14px; margin: 0; font-size: 13.5px; }
.src-browser .detail dt { color: var(--ink-2); }
.src-browser .detail dd { margin: 0; overflow-wrap: anywhere; }
.src-browser .tbl { max-height: 70vh; overflow: auto; }
.src-browser a.out::after { content: " ↗"; }
.src-browser .gone { text-decoration: line-through; }
.src-browser .reads li { padding: 5px 0; border-top: 1px solid var(--line); list-style: none; }
.src-browser .reads { margin: 0; padding: 0; }
.src-browser pre { max-height: 50vh; overflow: auto; font-size: 12px; background: var(--surface-2); padding: 10px; border-radius: 6px; }
.src-browser button { font: 13px var(--sans); padding: 3px 9px; border: 1px solid var(--line-2); border-radius: 4px; background: var(--surface); color: var(--ink); cursor: pointer; }