/* Vuli web UI - styles of the files and notes given with an application (plan W19): the two
   optional sections of the New application form, the staged-file list and the upload results,
   and the application page's Inputs card. Loaded after style.css and uses only its tokens (light
   theme), no inline style anywhere. Every text colour is the page text, muted, safe or risky
   colour on a light surface (contrast >= 4.5:1, the same pairs as style.css). Long names and
   file text wrap, so nothing widens the page at 375 px. */

.inp-types{margin:6px 0 12px;font-size:14px}
.inp-types summary{cursor:pointer;color:var(--accent);font-weight:650}
.inp-types dl{margin:8px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px 0}
.inp-types dt{font-weight:700;margin-top:6px}
.inp-types dd{margin:0;color:var(--text)}
.inp-staged,.inp-results{list-style:none;padding:0;margin:8px 0 12px}
.inp-staged li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 0;border-bottom:1px solid var(--row-line);min-width:0}
.inp-type{font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:1px 8px}
.inp-name{overflow-wrap:anywhere;min-width:0}
.inp-results li{display:flex;gap:8px;padding:6px 0;font-size:14px;overflow-wrap:anywhere}
.inp-results li svg{width:18px;height:18px;flex:none;margin-top:2px}
.inp-ok svg{color:var(--safe)}
.inp-bad svg{color:var(--risky)}
.inp-bad b{color:var(--risky)}
.tag-stored{display:inline-block;font-size:12px;font-weight:650;color:var(--muted);background:var(--inset-bg);border:1px solid var(--border);border-radius:6px;padding:1px 8px}
.inp-card h3{margin:16px 0 6px;font-size:15px}
.inp-card .mono{overflow-wrap:anywhere}
.inp-excerpt{margin:6px 0;font-size:14px}
.inp-excerpt summary,.inp-hist summary{cursor:pointer;color:var(--accent);font-weight:650;overflow-wrap:anywhere}
.inp-excerpt pre,.inp-hist pre,.inp-note{margin-top:6px}
.inp-hist ol{padding-left:20px;margin:8px 0}
.inp-add{margin-top:12px;padding-top:8px;border-top:1px solid var(--row-line)}
.inp-promise{margin-top:14px}
.inp-promise h3{font-size:15px;margin:0 0 6px}
.inp-promise ul{list-style:none;padding:0;margin:0}
.inp-promise li{display:flex;gap:10px;padding:4px 0;font-size:14px}
.inp-promise li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--safe)}
textarea{resize:vertical}
input[type=file]{max-width:100%;font:inherit}