:root {color-scheme:light; --ink:#123d4e; --muted:#526f7d; --accent:#b84e00; --surface:#fff; --line:#d6e1e5; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink);background:#f2f7f7}
* {box-sizing:border-box} body {margin:0;font-size:16px;line-height:1.6}
.office-header {display:flex;justify-content:space-between;align-items:center;padding:24px 40px;background:#fff;border-bottom:1px solid var(--line);gap:16px}
a {color:#246b8a;text-underline-offset:4px} .office-brand {font-size:24px;font-weight:800;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.office-brand span {font-weight:500;font-size:16px;letter-spacing:0;margin-left:16px}
.office-intro {max-width:660px;padding:64px 40px}.office-eyebrow {font:600 12px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)} h1 {font-size:clamp(36px,5vw,64px);line-height:1.12;letter-spacing:-.04em;margin:24px 0} p {max-width:58ch}.office-note,#office-status {font-size:14px;color:var(--muted)}
button,.office-button {min-height:48px;border:1px solid #718a96;border-radius:6px;padding:12px 20px;font:650 16px system-ui;cursor:pointer;background:#fff;color:var(--ink)} #office-open,.office-primary {background:var(--accent);border-color:var(--accent);color:#fff} button:hover {filter:brightness(.94)} :focus-visible {outline:3px solid #246b8a;outline-offset:3px}
body .conversejs {--primary-color:#123d4e!important;--primary-color-hover:#246b8a!important;--secondary-color:#b84e00!important;--background-color:#fff;--foreground-color:#123d4e;--controlbox-width:300px;--chatroom-width:480px;--overlayed-chat-height:540px;--overlayed-chat-width:360px;--message-font-size:16px;--font-size:16px;--font-size-small:14px;--normal-font:system-ui,sans-serif;--heading-font:system-ui,sans-serif;--branding-font:system-ui,sans-serif;--heading-color:#123d4e;--controlbox-color:#123d4e;--link-color:#246b8a;--chat-color:#123d4e;--muc-color:#123d4e;--chatbox-button-size:16px;--send-button-height:44px;--converse-highlight-color:#b84e00;--converse-link-color:#246b8a!important}
#conversejs .chatbox .box-flyout {border-radius:8px 8px 0 0;border:1px solid #d6e1e5;box-shadow:0 4px 20px #123d4e20} #conversejs .chatbox .chat-head {background:#123d4e;color:white} #conversejs input,#conversejs textarea {font-size:16px} #conversejs .btn-primary {background:#b84e00;border-color:#b84e00} #conversejs .chatbox .chat-content {background:#fff}
.office-admin {max-width:900px;margin:auto;padding:32px 24px}.office-panel {padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:24px 0}.office-admin h1 {font-size:32px}.office-admin label {display:block;font-weight:650;margin-top:16px}.office-admin input {display:block;width:100%;max-width:480px;min-height:48px;font:16px system-ui;padding:10px 12px;background:#e8f0fc;border:1px solid #718a96;border-radius:6px;margin:8px 0 16px}.office-admin table {width:100%;border-collapse:collapse}.office-admin td,.office-admin th {text-align:left;padding:12px;border-bottom:1px solid var(--line)}.office-error {color:#b42318}.office-success {padding:16px;background:#f2f7f7;overflow-wrap:anywhere}.office-admin code {font-size:16px;overflow-wrap:anywhere}
@media(max-width:640px){.office-header{padding:16px;flex-wrap:wrap}.office-brand span{display:block;margin:0}.office-intro{padding:32px 16px}.office-intro h1{font-size:36px}.office-admin{padding:16px}.office-panel{padding:16px}body .conversejs{--overlayed-chat-width:100vw;--controlbox-width:100vw;--overlayed-chat-height:80vh;--mobile-chat-height:80vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}