:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-text: #1a1f27;--color-muted: #5b6472;--color-accent: #1f5eda;--color-banner-bg: #eef3ff;--color-banner-border: #c4d4f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-surface);padding:.5rem 1rem;z-index:10}.skip-link:focus{left:0}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid #dde1e8}.app-title{font-weight:700}.app-header nav a{color:var(--color-accent);text-decoration:none;padding:.25rem .5rem;border-radius:4px}.app-header nav a[aria-current=page]{background:var(--color-banner-bg)}.app-header nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-user{margin-left:auto;color:var(--color-muted)}.logout-button{padding:.35rem .9rem;background:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:6px;font-size:.9rem;cursor:pointer}.logout-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tenant-banner{padding:.5rem 1.5rem;background:var(--color-banner-bg);border-bottom:1px solid var(--color-banner-border)}.app-main{padding:1.5rem;max-width:72rem}.status-screen{max-width:28rem;margin:4rem auto;padding:2rem;background:var(--color-surface);border:1px solid #dde1e8;border-radius:8px;text-align:center}.status-screen .button,.status-screen button{display:inline-block;margin-top:1rem;padding:.5rem 1.25rem;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-size:1rem;text-decoration:none;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}table{border-collapse:collapse;width:100%;margin:1rem 0;background:var(--color-surface)}th,td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #dde1e8}form{display:flex;flex-direction:column;gap:.75rem;max-width:28rem;margin:1rem 0 2rem}form label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}form input,form textarea,form select{padding:.45rem .6rem;border:1px solid #b8c0cc;border-radius:6px;font-size:1rem;font-weight:400;font-family:inherit}form input:focus-visible,form textarea:focus-visible,form select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}form button[type=submit],section button{align-self:flex-start;padding:.45rem 1rem;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer}form button[disabled]{opacity:.6;cursor:wait}fieldset{border:1px solid #dde1e8;border-radius:6px;display:flex;flex-direction:column;gap:.4rem}fieldset label{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.one-time-secret{background:#fff8e6;border:2px solid #d9a514;border-radius:8px;padding:1rem 1.25rem;margin:1rem 0}.one-time-secret dd{margin:0 0 .5rem}.one-time-secret code{background:#f2ead3;padding:.2rem .4rem;border-radius:4px;word-break:break-all}@media(max-width:48rem){.app-header{flex-wrap:wrap;gap:.75rem}.app-main{padding:1rem}}.call-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:.75rem 0}.call-tabs [role=tab]{background:var(--color-surface);color:var(--color-text);border:1px solid #b8c0cc;border-radius:6px 6px 0 0;padding:.4rem .9rem;cursor:pointer}.call-tabs [role=tab][aria-selected=true]{background:var(--color-banner-bg);border-color:var(--color-accent);font-weight:600}.transcript{background:var(--color-surface);border:1px solid #dde1e8;border-radius:6px;padding:.75rem 1rem .75rem 2.25rem;max-height:20rem;overflow-y:auto}.transcript-note{color:var(--color-muted);font-size:.9rem}
