*{box-sizing:border-box}body{margin:0;background:#f4f5f1;color:#111;font:15px/1.5 Inter,Arial,sans-serif}header{background:#111;color:#f0b427;padding:22px 4vw;display:flex;justify-content:space-between;gap:20px}header span{font:28px Impact,Arial,sans-serif;letter-spacing:1px}header b{font-size:12px;align-self:center}main{max-width:1600px;margin:24px auto;padding:0 20px}h1{font:36px Impact,Arial,sans-serif;margin:0 0 12px}h2{margin-top:0}.card{background:white;border:1px solid #d4d6d0;border-radius:14px;padding:28px;margin:20px 0}#auth{max-width:480px;margin:9vh auto}.eyebrow{color:#715000;font-weight:bold;letter-spacing:1px;font-size:12px}.fine{font-size:12px;color:#555}label{display:block;margin:14px 0;font-weight:700}input,select{display:block;width:100%;padding:12px;border:1px solid #999;border-radius:7px;font:inherit;margin-top:5px}button{padding:11px 15px;border-radius:7px;background:#fff;color:#111;border:1px solid #888;font:700 14px Arial;cursor:pointer}.primary{background:#f0b427;border-color:#d59a12}button:disabled{opacity:.5;cursor:wait}#loginButton{width:100%;margin-top:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:12px;background:#fff5d8;border-left:4px solid #f0b427;margin:18px 0}iframe{border:1px solid #aaa;border-radius:10px;width:100%;height:78vh;background:white}#toast{position:fixed;bottom:12px;left:16px;right:16px;background:#111;color:white;border-radius:8px;z-index:20;max-width:900px;margin:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;box-shadow:0 4px 24px #0003}#message{margin:0;flex:1}#dismissMessage{background:transparent;color:white;border-color:#777;min-width:42px;font-size:22px;padding:4px}
#message:empty{display:none}[hidden]{display:none!important}#userForm,#passwordForm{max-width:580px}.user-row{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #ddd;gap:15px}#auditList{font-size:13px;max-height:180px;overflow:auto}a{color:#175f81}@media(max-width:600px){header{flex-direction:column;gap:3px}.card{padding:20px}h1{font-size:30px}}

:focus-visible{outline:3px solid #17658a;outline-offset:3px}button{min-height:44px}input,select{min-height:46px}#workspace .topbar{position:sticky;top:0;background:#f4f5f1;z-index:8;padding:12px 0;box-shadow:0 3px 0 #f4f5f1}#workspace .topbar h1{font-size:28px;margin-bottom:3px}.password-field{position:relative;display:flex;align-items:stretch;gap:6px;margin-top:5px}.password-field input{margin-top:0;min-width:0}.password-field button{min-width:64px;margin:0;flex-shrink:0;font-size:12px}#auth{margin:5vh auto}#auth h1{font-size:32px}#authNote{color:#444}.card form label{font-size:14px}#workspace iframe{height:calc(100dvh - 190px);min-height:420px}.actions button{white-space:nowrap}.user-row span{overflow-wrap:anywhere}.notice{font-size:13px}#accountPanel,#usersPanel{scroll-margin-top:150px}#userForm select{height:48px}@media(max-width:650px){main{padding:0 12px;margin-top:12px}header{padding:16px 20px}header b{align-self:flex-start}.topbar .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.actions button{font-size:12px;padding:9px;white-space:normal}.actions #save{grid-column:1/-1}.topbar{gap:10px}#workspace .topbar{position:static;padding:8px 0}#workspace iframe{height:75dvh;min-height:420px}#auth{margin:24px auto;padding:22px}#auth h1{font-size:29px}input,select{font-size:16px}#toast{bottom:8px;left:8px;right:8px}.user-row{align-items:center}#identity{font-size:13px}}

#moreActions{position:relative}#moreActions>summary{list-style:none;cursor:pointer;background:white;border:1px solid #888;border-radius:7px;padding:11px 15px;min-height:44px;font-size:14px;font-weight:700}#moreActions>summary::-webkit-details-marker{display:none}#moreActions>summary::after{content:' ▾'}.account-actions{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;background:white;padding:10px;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 24px #0002;display:grid;gap:8px;z-index:10}.account-actions button{width:100%}@media(max-width:650px){.actions #save{order:-1}.actions #moreActions>summary{text-align:center;font-size:12px;padding:11px 8px}.actions #moreActions .account-actions{grid-template-columns:1fr;width:200px}#sharedStatus{margin:10px 0}.topbar h1{margin:0}header span{font-size:25px}header b{font-size:10px}#workspace .topbar{gap:8px}.actions{gap:6px}}

/* One vertical page scroll; the menu frame expands with its content. */
#workspace iframe{height:auto;min-height:0;display:block}#workspace .topbar{position:static;box-shadow:none}#auditList{max-height:none;overflow:visible}