.inline { display: inline-block; margin-right: 5px; }
.field-help { display: block; margin-top: 6px; color: var(--muted); font-weight: 500; font-size: 12px; }
.danger { background: var(--danger); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.drop-zone { border: 2px dashed #c7ced8; border-radius: 12px; min-height: 150px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: var(--muted); background: #fafbfc; cursor: pointer; transition: .15s ease; }
.drop-zone:hover,.drop-zone:focus,.drop-zone.drag-over { border-color: var(--brand); background: #fff7f1; outline: none; }
.drop-zone.has-file { border-color: var(--ok); background: #f0fdf4; }
.drop-zone b { color: var(--ink); }
.drop-icon { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: #fff0e6; color: var(--brand); font-size: 28px; line-height: 1; }
.drop-file { margin-top: 6px; font-weight: 700; color: var(--ok); word-break: break-all; text-align: center; }
.small-button { display: inline-block; padding: 7px 10px; margin: 2px 4px 2px 0; border-radius: 7px; text-decoration: none; font-size: 13px; font-weight: 700; }
.small-button.secondary { color: var(--ink); background: #eef2f6; }
.reject-box { display: inline-block; vertical-align: top; position: relative; }
.reject-box summary { cursor: pointer; list-style: none; border-radius: 8px; background: var(--danger); color: white; padding: 11px 17px; font-weight: 750; }
.reject-box[open] form { position: absolute; right: 0; z-index: 5; width: 320px; padding: 14px; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 30px #10182830; }
.reject-box textarea { margin: 0 0 10px; }
.review-note { margin-top: 5px; color: var(--danger); font-size: 12px; white-space: pre-wrap; }
.period-nav { display: flex; gap: 8px; margin: 0 0 20px; }.period-nav a { padding: 8px 13px; border-radius: 8px; background: white; border: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.settlement-stats { grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }.stat strong { margin-top: 8px; font-size: 22px; }.stat small { color: var(--muted); margin-top: 4px; }
.roi-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px; margin-bottom: 22px; }.roi-card { border-top: 5px solid #98a2b3; }.roi-card.grow{border-top-color:#12b76a}.roi-card.review{border-top-color:#f79009}.roi-card.stop{border-top-color:#d92d20}.roi-value{font-size:32px;font-weight:800}.verdict{display:inline-block;margin:6px 0 16px;padding:5px 10px;border-radius:99px;background:#eef2f6;font-weight:750}.section-gap{margin-top:20px}.history{padding-left:20px}.history li{margin-bottom:12px}.danger-zone{margin-top:20px;border-color:#fda29b;background:#fffbfa}
.filter-bar { display:flex; align-items:end; gap:12px; margin:0 0 14px; padding:16px 18px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 5px 18px rgba(31,45,61,.04); }
.filter-bar label { min-width:170px; margin:0; }.filter-bar select{margin-top:5px}.filter-bar button{white-space:nowrap}.filter-reset{padding:11px 6px;color:var(--muted);text-decoration:none;font-size:14px}
.secondary-button{background:#fff;color:var(--brand);border:1px solid #8bc4ff;box-shadow:none}.secondary-button:hover{background:#eaf4ff;color:var(--brand-dark)}.head-actions{display:flex;gap:8px;align-items:center}
.period-nav{overflow:auto}.period-nav a{white-space:nowrap}.period-nav a.active{background:#eaf4ff;border-color:#8bc4ff;color:#0876dd;font-weight:750}
.badge.payable{background:#fff3e0;color:#b54708}.badge.paid{background:#dcfae6;color:var(--ok)}
@media(max-width:700px){.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label{min-width:0}.filter-bar button{width:100%}}