:root{--sf-blue: #0176d3;--sf-navy: #032d60;--sf-border: #dddbda;--sf-bg: #f3f2f2;--sf-panel: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Salesforce Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--sf-bg);color:#080707}.app{max-width:1100px;margin:0 auto;padding:24px}.panel{background:var(--sf-panel);padding:24px;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:20px}h1{margin:0 0 8px;color:var(--sf-navy);border-bottom:3px solid var(--sf-blue);padding-bottom:10px}.tagline{color:#54698d;margin:0 0 16px}.row{display:flex;gap:8px;align-items:center}.search-input{flex:1;padding:12px 14px;font-size:16px;border:1px solid var(--sf-border);border-radius:6px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--sf-blue)}.btn{background:var(--sf-blue);color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer}.btn:hover{background:#014486}.btn.secondary{background:#706e6b}.btn.secondary:hover{background:#514f4d}.btn:disabled{background:var(--sf-border);cursor:not-allowed}.status{padding:10px 14px;border-left:4px solid var(--sf-blue);background:#e8f4f8;border-radius:2px;font-size:14px;margin-top:12px}.status.error{border-left-color:#ea001e;background:#feded8}.lo-frame{margin-top:12px;padding:16px;border:2px dashed var(--sf-border);border-radius:6px;min-height:140px;background:#fafafb}.meta{font-size:12px;color:#54698d;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hidden{display:none}.cookie-gate{padding:16px 18px;border:1px solid var(--sf-border);border-left:4px solid var(--sf-blue);background:#f5faff;border-radius:4px;margin-top:12px}.cookie-gate strong{display:block;color:var(--sf-navy);margin-bottom:6px}.cookie-gate p{margin:0 0 12px;font-size:14px;color:#3e3e3c}.app:has(.panel--split){max-width:1400px}.panel--split{padding:12px}.lo-frame--split{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.5fr);gap:16px;min-height:420px}.split-pane{min-height:380px;border:2px dashed var(--sf-border);border-radius:6px;padding:12px;background:#fafafb;overflow:auto}.split-pane--list>c-search-results,.split-pane--detail>c-record-detail{display:block}@media (max-width: 860px){.lo-frame--split{grid-template-columns:1fr}}