:root { --text:#000; --text-dim:#000; --accent:#000; --border:transparent; --bg:#fff; --bg-card:#fff; }
body { margin:0; background:#fff; color:#000; font:15px/1.45 system-ui,sans-serif; }
[hidden] { display:none!important; }
button,input { font:inherit; color:#000; border:0; border-radius:0; padding:8px; }
button { background:transparent; cursor:pointer; }
button:disabled { opacity:1; cursor:wait; }
input { background:#f4f4f4; min-width:0; }
input::placeholder { color:#000; opacity:1; }
a { color:#000; }
header { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:4px 8px; min-height:40px; }
header strong { font-size:14px; white-space:nowrap; }
#logout { margin-left:auto; white-space:nowrap; }
#panel-library { width:100%; padding:0 8px; box-sizing:border-box; }
#panel-library .hnlib-error { color:#000; }
#panel-library :is(th,td,button,input,select,textarea,.hnlib-view), #hnlib-header-slot :is(button,input,select) { border:0; border-radius:0; }
#panel-library .hnlib-table tr, #panel-library .hnlib-main-controls { border:0; }
#panel-library .hnlib-fs-controls, #panel-library.hnlib-standalone .hnlib-floating { box-shadow:none; }
#login { display:grid; gap:14px; max-width:320px; margin:10vh auto 0; padding:16px; }
#login h1 { font-size:18px; margin:0 0 6px; }
#login label { display:grid; gap:6px; }
#login button { text-align:left; font-weight:600; padding-left:0; }
#login-status:empty { display:none; }
#offline { margin:12px; color:#000; }
#expiry-warning { flex-basis:100%; margin:0; font-size:13px; }
#password-form { display:flex; flex-basis:100%; flex-wrap:wrap; align-items:center; gap:8px; }
#password-form label { display:flex; align-items:center; gap:6px; }
#password-form input { max-width:180px; }
@media(max-width:639px) { header { gap:4px; } header strong { font-size:13px; } #panel-library { padding:0 4px; } }