/* Media Terminal — only what the adverse media search adds to Screen Terminal's page system (static/screen/st.css). */

/* progress while a search runs (10–20 s): an indeterminate bar and the current step */
.mprog{margin-top:10px}
.mbar{position:relative;height:2px;background:var(--line);overflow:hidden}
.mbar span{position:absolute;top:0;bottom:0;left:-28%;width:28%;background:var(--none);animation:mslide 1.25s ease-in-out infinite}
@keyframes mslide{0%{left:-28%}100%{left:100%}}
.mstep{font-size:12px;color:var(--mut);margin:8px 0 0;min-height:1.6em}
.mstep .t{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:6px}

/* risk bands: severe and high in the sanctions/strong reds, medium amber, low blue-grey, none green */
.card.res.k-severe{border-left-color:var(--sanction);border-left-width:5px}
.card.res.k-high{border-left-color:var(--strong)}
.card.res.k-medium{border-left-color:var(--possible)}
.card.res.k-low{border-left-color:var(--weak)}
.card.res.k-none{border-left-color:var(--none)}
.bchip.b-severe{color:var(--sanction);border-color:currentColor}
.bchip.b-high{color:var(--strong);border-color:currentColor}
.bchip.b-medium{color:var(--possible);border-color:currentColor}
.bchip.b-low{color:var(--weak);border-color:currentColor}
.bchip.b-nonerisk{color:var(--none);border-color:currentColor}

/* Person · Company · Vessel · Port: one choice, four equal columns that line up whatever the label */
.mkinds{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line2);margin:0 0 10px}
.mkinds label{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;cursor:pointer;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);border-left:1px solid var(--line2)}
.mkinds label:first-child{border-left:0}
.mkinds input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.mkinds label:hover{color:var(--ink)}
.mkinds input:checked + span{color:var(--ink);font-weight:600}
.mkinds label:has(input:checked){background:rgba(255,255,255,.06);box-shadow:inset 0 -2px 0 var(--none)}
:root[data-skin="metal"] .mkinds label:has(input:checked){background:#fbfaf7}
.mkinds input:focus-visible + span{outline:1px solid var(--none);outline-offset:3px}

.mkhint{margin:-4px 0 10px;text-align:center}

/* one adverse article */
.ahead{font-family:var(--disp);font-weight:600;font-size:16.5px;line-height:1.3}
.ahead a{text-decoration:none}
.ahead a:hover{text-decoration:underline;text-decoration-color:var(--none)}
.ameta{color:var(--mut);font-size:12px;margin:4px 0 2px}
.asum{font-size:13px;margin:8px 0 0;line-height:1.6}
.rnote{font-size:12.5px;color:var(--mut);line-height:1.6;margin:8px 0 0}
.rnote b{color:var(--ink);font-weight:500}

/* "Have a code?" inside the search form (not a nested form: mt.js sends it to /c/<CODE>) */
.mcodebox{margin-top:12px;font-size:12px;color:var(--dim)}
.mcodebox summary{cursor:pointer;list-style:none;text-align:center}
.mcodebox summary::-webkit-details-marker{display:none}
.mcodebox summary:hover{color:var(--ink)}
.mcodeform{display:flex;gap:10px;margin-top:10px;align-items:stretch}
.term .mcodeform input{flex:1 1 auto;width:auto;min-width:0;height:44px;box-sizing:border-box;text-transform:uppercase;letter-spacing:.08em}
.term .mcodeform button{flex:none;margin-top:0;padding:0 18px;height:44px;box-sizing:border-box}
.term .mcodeform input[aria-invalid="true"]{border-color:var(--sanction)}