#online-login{position:fixed;inset:0;z-index:9999;background:#f3f6f8;display:grid;place-items:center;padding:24px}.online-login-card{background:white;border:1px solid #e3eaf0;box-shadow:0 12px 60px #18354812;width:min(440px,100%);padding:36px;border-radius:16px}.online-login-card img{width:180px;max-height:80px;object-fit:contain;object-position:left}.online-login-card h1{font-size:24px;margin:24px 0 8px}.online-login-card p{font-size:14px;color:#7b8c99;line-height:1.7}.online-login-card label{display:block;margin-top:20px;font-size:14px}.online-login-card input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #ccd7de;border-radius:8px;font:inherit}.online-login-card button{width:100%;padding:13px;margin-top:28px;background:#036eb8;color:white;border:0;border-radius:8px;cursor:pointer;font:inherit}.online-login-card button:disabled{opacity:.6}#online-login-error{color:#b3261e;min-height:24px}
#online-videos{width:min(760px,94vw)}.online-video-card{display:grid;gap:12px;padding:18px 0;border-top:1px solid #e3eaf0}.online-video-card video{width:100%;max-height:360px;background:#183548}.online-video-card .btn{justify-self:start}.project-save{display:flex;align-items:center;gap:8px}
#online-assets{width:min(800px,94vw)}#assets-search-form{display:flex;gap:10px}#assets-search{flex:1;padding:10px;border:1px solid #ccd7de;border-radius:6px}.online-asset-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #e3eaf0}.online-asset-row a{color:#036eb8;overflow-wrap:anywhere}.online-asset-row small{color:#7b8c99}.project-save{flex-wrap:wrap;justify-content:flex-end}
#online-staff{width:min(900px,94vw)}#online-staff input,#online-staff select{padding:9px;border:1px solid #ccd7de;border-radius:6px;margin:5px}#online-staff fieldset{border:1px solid #e3eaf0;margin:16px 0;padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.staff-row{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e3eaf0}.staff-row small{color:#7b8c99}.permission-empty{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;background:#f3f6f8;color:#183548}.permission-empty p{color:#7b8c99}

.preview-dialog .dialog-title { gap: 10px; } .preview-dialog .dialog-title h2 { flex: 1; margin-right: auto; } #preview-original { white-space: nowrap; }