:root{--op-blue:#1a67a3;--op-blue-hover:#14527f;--op-blue-disabled:#8eb4d1}
*{box-sizing:border-box}
body{margin:0;background:#e8e8e8;color:#111;font-family:"Helvetica Neue",Arial,sans-serif;padding:24px 16px}
.page{max-width:760px;margin:auto;background:#fff;padding:28px;box-shadow:0 2px 14px #0003}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
h1{margin:0 0 8px;font-size:1.55rem}
#meeting{margin:0;color:#555}
.auth-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.user-identity{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.user-icon{width:20px;height:20px;fill:currentColor}
.logout-button{border:0;background:transparent;color:var(--op-blue);font:inherit;text-decoration:underline;cursor:pointer;padding:4px}
.logout-button:hover{color:var(--op-blue-hover)}
.login-panel{display:flex;justify-content:center;margin:20px 0 24px}
form{display:grid;gap:16px}
fieldset{display:grid;gap:16px;margin:0;padding:0;border:0;min-width:0}
fieldset:disabled{opacity:.58}
label{display:grid;gap:6px;font-weight:600}
input,select,textarea{width:100%;font:inherit;padding:10px;border:1px solid #aaa;background:#fafafa}
textarea{resize:vertical;min-height:80px}
.actions{display:flex;justify-content:flex-end}
.button,.button-primary{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:700;padding:11px 22px;border:0;border-radius:2px;background:var(--op-blue);color:#fff;text-decoration:none;cursor:pointer}
.button:hover,.button-primary:hover{background:var(--op-blue-hover)}
.button-primary:disabled{background:var(--op-blue-disabled);cursor:not-allowed}
.button-tooltip{display:inline-flex}
#status{min-height:1.4em;margin:0}
.error{color:#a40000}.success{color:#176b1d}
@media(max-width:620px){.page-header{flex-direction:column}.auth-actions{width:100%;justify-content:space-between}}
@media print{body{background:white;padding:0}.page{box-shadow:none;max-width:none}}