/* SCL home visual identity. Existing font sizes and layout remain in app.css. */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&family=Roboto:wght@400;500;600;700&display=swap');
:root{--ink:#2c4964;--muted:#657b90;--teal:#1977cc;--bg:#f1f7fc;--line:#deebf5;--nav:#fff}
body{font-family:Roboto,"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,.brand,.button,nav{font-family:Raleway,"Segoe UI",Arial,sans-serif}
.sidebar{color:var(--ink);border-right:1px solid var(--line);box-shadow:3px 0 20px #2c496405;overflow-y:auto}
.brand{color:var(--ink)}.brand small,.sidebar-bottom small{color:var(--muted)}
.mark{background:var(--teal);color:#fff;border-radius:8px}
.navlabel{color:var(--muted)}
nav a{color:var(--ink);border:1px solid transparent}
nav a:hover{background:#f1f7fc;color:var(--teal);text-decoration:none}
nav a.active{background:#1977cc;color:#fff}
.button{border-radius:28px;background:var(--teal)}
.button:hover{background:#1266b1;text-decoration:none}
.button.ghost{color:var(--teal);background:white;border:1px solid #c8dfee}
.button.ghost:hover{background:#eaf4fd}
.button.danger{background:#b43b3b;color:#fff}
.button.danger:hover{background:#923030}
.panel,.auth-card,.stats article{border-color:var(--line);box-shadow:0 5px 22px #2c496405}
.pill,.badge{background:#e8f3fd;color:#1977cc}
thead th{background:#edf5fc;color:#56728e}
input:focus,select:focus,textarea:focus{outline:2px solid #1977cc;outline-offset:2px;border-color:#1977cc}
.topbar{color:var(--muted)}
.notice:not(.error){background:#eaf5ff;color:#245a8a}
.eyebrow{color:var(--teal)}
.icon-link{color:var(--teal)}
.icon-link:hover{background:#e8f3fd}
.quote-line{background:#fcfdff;border-color:var(--line)}
.topbar-account{display:flex;align-items:center;gap:10px}.account-control{display:inline-flex;align-items:center;justify-content:center;gap:8px}.account-icon{flex:none}.topbar-account form{margin:0}.topbar{gap:16px}.topbar>span{min-width:0}@media(max-width:760px){.topbar{height:auto;min-height:75px;padding:12px 0;flex-wrap:wrap}.topbar-account{margin-left:auto;gap:6px}.topbar-account .button{padding:9px 12px}}
.sidebar nav a{display:flex;align-items:center;gap:12px}.nav-icon{flex:0 0 20px;display:block}.sidebar nav a span{min-width:0}@media(max-width:760px){.sidebar nav a{gap:8px}}
.audit-payload{white-space:pre-wrap;overflow-wrap:anywhere;max-width:480px;max-height:350px;overflow:auto}