/* RevitaLending LOS extras. Reuses app.css variables and classes; single column under 760px. */
.los-msg{padding:10px 14px;border-radius:8px;font-size:14px;margin:12px 0;background:var(--ok-bg);color:var(--ok)}
.los-msg.bad{background:var(--bad-bg);color:var(--bad)} .los-msg.warn{background:var(--warn-bg);color:var(--warn)}
.flag.ok{background:var(--ok-bg);color:var(--ok)}
.los-inline{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0}
.los-inline label{min-width:180px}
.los-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 16px}
.los-filters label{min-width:180px}
.los-new{margin:0 0 18px}
.los-list td .pill{white-space:nowrap}
.num{text-align:right}
.los-head{align-items:center}
.los-head .los-acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.los-tabs{margin:6px 0 20px}
.los-tabs a{padding:12px 18px;font-weight:600;font-size:15px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.los-tabs a:hover{color:var(--ink)} .los-tabs a.on{color:var(--ink);border-bottom-color:var(--gold)}
.los-pane{display:grid;gap:20px}
.los-stepper .step{display:grid;justify-items:center;gap:8px;position:relative;z-index:1}
.los-facts{margin:4px 0}
.los-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.los-dl{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:8px 14px;font-size:14px}
.los-dl dt{color:var(--muted);font-weight:600} .los-dl dd{margin:0}
.los-link textarea{font:13px/1.45 var(--sans)}
.field-err{color:var(--bad);font-weight:600;font-size:12.5px}
.sr{position:absolute;left:-9999px}
[hidden]{display:none!important}
/* ---- public application ---- */
body.apply{background:var(--bg)}
.apply-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;background:var(--navy);color:#fff}
.apply-brand{text-decoration:none;color:#fff;font:800 22px var(--serif)} .apply-brand .kw{color:#8fd0fa}
.apply-tag{font-size:13px;color:#c7d3e6}
.apply-main{max-width:820px;margin:0 auto;padding:28px 18px 40px;display:grid;gap:20px}
.apply-intro h1{margin:6px 0 10px} .apply-intro p{margin:0 0 8px}
.apply-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:28px 24px;display:grid;gap:12px}
.apply-done .loan-no{font:800 22px var(--serif);color:var(--gold-ink);letter-spacing:.02em}
.apply-form{display:grid;gap:18px}
.apply-sec{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px 20px 22px;margin:0;display:grid;gap:14px}
.apply-sec legend{padding:0 8px;font:700 19px var(--serif);color:var(--ink)}
.apply-sec h3{margin-top:6px}
.apply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.apply-grid .wide{grid-column:1/-1}
.unit-row{border-top:1px dashed var(--line);padding-top:12px;margin-top:4px} .unit-h{font-weight:700;margin:0}
.req{font-style:normal;font-weight:500;color:var(--muted);font-size:12px}
.apply-errs{background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:12px 16px}
.apply-errs ul{margin:6px 0 0 18px} .apply-errs a{color:inherit}
.apply-submit{width:100%;font-size:16px;padding:14px}
.apply-foot{text-align:center;padding:20px}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:760px){
  .apply-grid,.los-cols{grid-template-columns:1fr}
  .los-head .los-acts{margin-left:0}
  .los-dl{grid-template-columns:1fr}
}
.los-list td:first-child,.los-list td:nth-child(5){white-space:nowrap}
.los-list th,.los-list td{padding-left:10px;padding-right:10px}
.los-list th{white-space:normal;vertical-align:bottom}
/* ---- piece 02: documents, fee, contacts, dates, to-do, notes, lists ---- */
.los-check{display:flex;gap:8px;align-items:center;font-weight:500;min-width:0}
.los-check input{width:auto}
.los-cgrp{border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.los-cgrp legend{font-weight:700;padding:0 6px}
.los-cgrp p{margin:0;grid-column:1/-1}
.los-progress{margin:0 0 6px}
.los-docsec{border-top:1px solid var(--line);padding:12px 0 6px}
.los-docsec h4{margin:0;font:700 16px var(--serif);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* collapsible document sections (rev. b): the whole header is the toggle; no JS needed */
.los-docsec>summary{cursor:pointer;list-style:none;padding:4px 0 8px;min-height:32px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}
.los-docsec>summary::-webkit-details-marker{display:none}
.los-docsec>summary h4::before{content:"";flex:0 0 auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 4px 0 2px}
.los-docsec[open]>summary h4::before{transform:rotate(45deg)}
.los-docsec>summary:focus-visible{outline:2px solid var(--gold,#b8892b);outline-offset:2px;border-radius:6px}
.los-seccount{margin-left:auto;font:600 13px var(--sans,inherit);color:var(--muted);white-space:nowrap}
.los-seccount.due{color:var(--bad)}
.los-secbar{margin:0 0 4px;font-size:13px}
.los-docs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.los-doc{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.los-doc.st-accepted,.los-doc.st-waived{background:var(--ok-bg)}
.los-doc.st-rejected{border-color:var(--bad)}
.los-doc-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.los-doc-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.los-doc-acts input[type=file]{max-width:260px}
.los-files{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:14px}
.los-files li.deleted a{text-decoration:line-through;color:var(--muted)}
.los-del,.los-additem{margin-top:6px} .los-del summary,.los-additem summary{cursor:pointer;color:var(--muted);font-size:13px}
.los-dgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.los-hint{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.los-todo tr.done td{color:var(--muted)} .los-todo td small,.los-list td small{display:block}
.los-notes{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.los-notes li{border-bottom:1px solid var(--line);padding-bottom:10px}
.los-notes p{margin:6px 0 0;white-space:normal}
.los-note-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.los-lists input{min-width:0} .los-lists tr.inactive td{opacity:.55}
@media (max-width:760px){ .los-dgrid,.los-cgrp{grid-template-columns:1fr} }
/* piece 02: many files per item */
.los-up input[name="file_label"], .los-dup input { max-width: 9rem; }
.los-dup { margin-left: .5rem; }
.los-dup .link { background: none; border: 0; color: var(--accent, #1d4ed8); cursor: pointer; padding: 0 .25rem; font: inherit; text-decoration: underline; }
.los-files .pill { font-size: .75rem; }
/* piece 04: term sheet form */
.los-tsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
.los-tsgrid label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:var(--muted)}
.los-tsgrid label.wide{grid-column:1/-1}
.los-tsgrid input,.los-tsgrid textarea{margin-top:4px}
@media (max-width:900px){.los-tsgrid{grid-template-columns:1fr}}
/* piece 07: reports */
.los-goalbar{height:12px;background:var(--line);border-radius:6px;overflow:hidden;margin:-6px 0 18px}
.los-goalbar i{display:block;height:100%;background:var(--gold)}
.rep td.num,.rep th.num{text-align:right;white-space:nowrap}
.los-bars td.barc{width:40%}
.los-bars td.barc i{display:block;height:10px;background:var(--gold);border-radius:3px;min-width:1px}
.rep tr.tot td{border-top:2px solid var(--line)}
@media print{.side,.top,.los-filters,.crumbs{display:none!important}main{margin:0!important}}