:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0a111b;color:#e8f0fa}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:50px auto;padding:24px}.login{max-width:440px}h1{font-size:26px;margin:8px 0 24px}h2{font-size:18px}p{color:#afbed0;line-height:1.5}label{display:block;margin:16px 0 6px}input,select,button,a.button{font:inherit;border:1px solid #33485e;border-radius:7px;padding:10px 12px;background:#142236;color:inherit}input,select{width:100%}button,a.button{cursor:pointer}button.primary{background:#245784}button:disabled{opacity:.45;cursor:default}form,section{border:1px solid #2b3b50;border-radius:12px;padding:22px;margin:22px 0;background:#101c2b}form button{margin-top:20px}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 24px;background:#101c2b}a{color:#8ecaf7;text-decoration:none}.error{color:#ffb3a7;min-height:24px;white-space:pre-line}.hint{font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:12px 8px;text-align:left;border-bottom:1px solid #293a50}td button{padding:6px 8px;margin:3px}.scroll{overflow:auto}.hidden,[hidden]{display:none!important}.sfi-account{display:inline-flex;gap:8px;align-items:center;font:12px system-ui;color:#aebfd1;margin-left:8px}.sfi-account button{font:inherit;padding:6px 8px;border:1px solid #33485e;background:#142236;color:#e8f0fa;border-radius:6px}.sfi-account a{color:#9ad1f7}html:is([data-sfi-role=viewer],[data-sfi-role=operator]) #mode-edit,html:is([data-sfi-role=viewer],[data-sfi-role=operator]) #project-menu,html:is([data-sfi-role=viewer],[data-sfi-role=operator]) #save-project,html:is([data-sfi-role=viewer],[data-sfi-role=operator]) #settings-button,html:is([data-sfi-role=viewer],[data-sfi-role=operator]) #page-add,html:is([data-sfi-role=viewer],[data-sfi-role=operator]) [data-page-add]{display:none!important}

/* 0.4.10: yhtenäinen käyttöliittymä. */

button:disabled,button.primary:disabled,.primary:disabled{background:#172033!important;color:#8391a4!important;border-color:#263247!important;opacity:1!important;cursor:default!important;transform:none!important;box-shadow:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7db7ff;outline-offset:2px}

:root{font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif;color:#e8edf5;background:#0a111b}body{font-size:12px;line-height:1.45}main{max-width:980px;margin:28px auto;padding:20px}.login{max-width:440px}h1{font-size:22px;line-height:1.25;margin:8px 0 18px}h2{font-size:16px}h3{font-size:13px}form,section{background:#0f1726;border:1px solid #263247;padding:18px;border-radius:12px;margin:16px 0}label{margin:12px 0 5px}input,select,button,a.button{font-size:12px;padding:7px 10px;border-radius:7px;border-color:#2b3952;background:#0a111d}button,a.button{background:#172033}button.primary{background:#41d37e;color:#07170e;border-color:#41d37e;font-weight:700}p{color:#9aa7ba}.hint{font-size:11px}a{color:#7db7ff;text-decoration:underline;text-underline-offset:2px}table{font-size:12px}th,td{padding:9px 8px}nav{padding:12px 20px;background:#0f1726}form button{margin-top:12px}@media(max-width:500px){main{padding:14px 12px;margin:16px auto}form,section{padding:14px}}