.onb97-wrap{display:grid;gap:16px}
.onb97-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:18px 20px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.onb97-hero h3{margin:0 0 6px;font-size:22px}.onb97-hero p{margin:0;color:#5b6472}
.onb97-actions{display:flex;gap:8px;flex-wrap:wrap}
.onb97-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.onb97-kpi{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:14px 16px}.onb97-kpi .big{font-size:28px;font-weight:800}.onb97-small{font-size:12px;color:#667085}.onb97-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.onb97-list{display:grid;gap:10px}.onb97-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #e8edf5;border-radius:14px;background:#fff}.onb97-item h4{margin:0 0 4px;font-size:15px}.onb97-item p{margin:0;color:#5b6472;font-size:13px}.onb97-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#eef4ff;color:#244c9c;font-size:12px;font-weight:700}.onb97-pill.done{background:#e9f8ee;color:#18794e}.onb97-pill.warn{background:#fff4e5;color:#a15c00}.onb97-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.onb97-toolbar label{display:grid;gap:6px;min-width:220px;flex:1}.onb97-toolbar input,.onb97-toolbar select,.onb97-modal input,.onb97-modal select,.onb97-modal textarea{width:100%;border:1px solid #d5dceb;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}.onb97-tabs{display:flex;gap:8px;flex-wrap:wrap}.onb97-tabs .tab{border-radius:999px}.onb97-check{display:grid;gap:10px}.onb97-check-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #e8edf5;border-radius:14px;background:#fff}.onb97-check-row .meta{font-size:12px;color:#6b7280}.onb97-check-row.completed{background:#f4fbf6;border-color:#d7f0de}.onb97-check-row.delayed{background:#fff7eb;border-color:#ffe3b0}.onb97-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:20px;z-index:2500}.onb97-modal{width:min(860px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;border:1px solid #e8edf5;box-shadow:0 24px 60px rgba(15,23,42,.2)}
.onb97-modal h3{margin:0 0 6px}.onb97-sub{color:#667085;margin-bottom:14px}.onb97-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onb97-form .full{grid-column:1/-1}.onb97-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.onb97-empty{padding:18px;border:1px dashed #d5dceb;border-radius:16px;background:#fff;color:#667085}.onb97-right{display:grid;gap:16px}
@media (max-width: 980px){.onb97-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.onb97-grid{grid-template-columns:1fr}.onb97-form{grid-template-columns:1fr}}