/* Makineler (machines): small additions on top of panel.css. Prefix mc-. Colours only via the theme variables. */
.mc-link{color:inherit}
.mc-link.mono{color:var(--muted)}
@media (hover:hover){.mc-link:hover{text-decoration:underline}}
.mc-note .mc-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mc-inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}

/* the one-line list (v3 "Lists", decision C: compact for every role): one value per cell on one line; the first cell is
   the machine's name (a.n, the opener) with the company as its grey line, both wrapping when long; an owner's whole IPv6
   wraps inside its cell instead of widening the table */
.mc-table .tbl td{padding-top:5px;padding-bottom:5px;line-height:1.3;white-space:nowrap}
.mc-table .tbl td:first-child,.mc-table .tbl td.mc-ipc{white-space:normal;overflow-wrap:anywhere}
.mc-table .tbl td .sub{display:block;margin-top:0;font-size:12.5px;line-height:1.2}
.mc-table .tbl td a.n{color:inherit;font-weight:600;text-decoration:none}
@media (hover:hover){.mc-table .tbl td a.n:hover{color:inherit;text-decoration:underline;text-underline-offset:3px}}
/* the tag of a sighting from the old list reads as plain text next to the name (the side panel keeps the tag) */
.mc-table .tag.mc-old{height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--warn);font-size:12px;margin-left:8px;vertical-align:baseline}
/* "Eklendi" of such a sighting says where the date comes from, on the same line */
.mc-table .tbl td .mc-when .sub{display:inline;margin-left:6px}
.mc-table .tbl td .mc-when .sub::before{content:"· "}
.mc-table .tbl-sort{padding:8px 16px 0}
/* the row's ⋯ (P.menu's .p-more): a narrow last column, right-aligned */
.mc-table .tbl td.mc-more,.mc-table .tbl th.mc-more{width:1%;text-align:right;padding-left:0}

/* version distribution: neutral bars, live = accent, below minimum = warn */
.mc-vers .hbar .bar i{background:var(--faint)}
.mc-vers .hbar.is-live .bar i{background:var(--accent)}
.mc-vers .hbar.is-below .bar i{background:var(--warn)}
.mc-vers .hbar.is-below > span:first-child{color:var(--warn)}
.mc-vers .hbar.is-live > span:first-child,.mc-vers .hbar.is-min > span:first-child{font-weight:600}
.mc-vers .hbar > span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mc-vers .hbar{grid-template-columns:minmax(0,1.3fr) 2fr 44px}
.mc-foot{margin:12px 0 0;font-size:12px;color:var(--faint)}

/* live-version adoption */
.mc-adopt .mc-big{font-size:30px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}
.mc-adopt > p{margin:4px 0 0;font-size:12.5px}
.mc-adopt > .bar{height:8px;margin:12px 0 14px}
.mc-adopt .kv{grid-template-columns:minmax(0,1fr) auto}
.mc-adopt .kv dd{text-align:right}

.mc-note{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12.5px;color:var(--muted)}
.mc-note span:where(.ic){width:15px;height:15px;flex:none;margin-top:2px;color:var(--info)}
/* "Nasıl çalışır?" under the list: the online definition, its Aktivasyonlar link underlined like the notes' links */
.mc-how-t{margin:0;max-width:90ch;font-size:12.5px;line-height:1.5;color:var(--muted)}
.mc-how-t .mc-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mc-filters .seg{max-width:100%;overflow-x:auto}
.mc-filters .seg button{white-space:nowrap}
.mc-filters .mc-count{margin-left:auto;font-size:13px}
@media (max-width:900px){
  .mc-table .tbl th,.mc-table .tbl td{padding-left:10px;padding-right:10px}
}
@media (max-width:560px){
  .mc-filters .select{width:100%}
  .mc-filters .seg button{padding:6px 9px}
  .mc-filters .seg button .n{display:none}
  .mc-filters .mc-count{margin-left:0}
}

/* legacy mode (the app does not report to the panel yet): the note above the numbers (also the dashboard's mode banner,
   views/dashboard.js), the "Geçişten beri açılmadı" tag of a sighting copied from the old list (seenSource legacy) */
.callout.mc-legacy{line-height:1.5}
.callout.mc-legacy p{margin:2px 0 0}
.tag.mc-old{background:var(--warn-bg);color:var(--warn)}