.companion-toolbar {display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;align-items:center;border-bottom:1px solid #273343;background:#101722}
.companion-toolbar button,.companion-card button,.companion-sheet button {border:1px solid #435a71;border-radius:8px;background:#1c2a3a;color:#eef6ff;padding:10px 12px;min-height:44px;cursor:pointer}
.companion-toolbar input {flex:1;min-width:100px;border:1px solid #435a71;border-radius:8px;background:#111c28;color:#eef6ff;padding:10px}
.companion-toolbar button:focus-visible,.companion-card button:focus-visible,.companion-sheet button:focus-visible {outline:2px solid #82c8ff;outline-offset:2px}
.companion-card {padding:14px;margin:10px 14px;border:1px solid #435a71;border-radius:12px;background:#142333;color:#eef6ff}
.companion-card p {margin:0 0 12px;line-height:1.5}
.companion-actions {display:flex;flex-wrap:wrap;gap:8px}
.companion-muted {color:#adbed0;font-size:12px;line-height:1.5}
#companion-status {padding:4px 14px;min-height:20px;color:#b9cee0;font-size:12px}
.companion-sheet {max-width:600px;width:calc(100% - 32px);max-height:80vh;margin:auto;overflow:auto;border:1px solid #435a71;border-radius:14px;background:#101722;color:#eef6ff;padding:20px}
.companion-sheet::backdrop {background:#0009}
.companion-sheet header {display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.companion-sheet header h2 {margin:0;font-size:20px}
.companion-sheet a {display:inline-block;color:#9dd8ff;min-height:44px;padding:10px 0;line-height:1.4}
.companion-sheet p {margin:10px 0;line-height:1.45}
.companion-note {margin:12px 0;padding:12px;border:1px solid #435a71;border-radius:10px}
.companion-note textarea {box-sizing:border-box;width:100%;min-height:100px;background:#162231;color:#eef6ff;border:1px solid #587087;border-radius:6px;padding:8px;line-height:1.5;resize:vertical}
.companion-note p {white-space:pre-wrap;line-height:1.5;overflow-wrap:anywhere}
.companion-note button {margin:8px 8px 0 0}
.companion-pending {border-left:3px solid #82c8ff}
.msg .message-content {white-space:pre-wrap;overflow-wrap:anywhere}
body #top-bar {padding:10px 18px 4px}
body #top-bar h1 {font-size:20px}
body #version-tag {font-size:11px;align-self:center}
body #settings-btn {font-size:28px;padding:6px 10px;min-width:44px;min-height:44px}
body #hero.compact {padding:4px 16px}
body #hero.compact #orb-container {width:60px;height:60px}
body #allowance-bar {font-size:11px;margin:4px 14px;padding:6px}
body #session-clock {font-size:11px!important}
@media(max-width:480px){.companion-toolbar{gap:6px;padding:8px}.companion-toolbar button{padding:8px;font-size:12px}.companion-card{margin:8px}}
#browser-content label { display:block; margin:12px 0; }
#browser-content input { display:block; width:100%; box-sizing:border-box; padding:12px; margin-top:6px; border:1px solid var(--border,#3a3a44); border-radius:8px; color:inherit; background:var(--bg,#13131a); font:inherit; }
#browser-content button { margin:5px; min-height:44px; white-space:normal; }
#browser-content pre { white-space:pre-wrap; overflow-wrap:anywhere; }
#browser-content p,#browser-notice { overflow-wrap:anywhere; }
#browser-notice { color:#f6c682; }
.browser-screen img { display:block; width:100%; height:auto; border:1px solid #777; }