.owner-bar { margin: 0 auto; max-width: 1600px; min-height: 88px; padding: 20px 28px; border-bottom: 1px solid #39434b; background: #141c23; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; line-height: 24px; }
.owner-bar label { display: flex; align-items: center; gap: 10px; }
.owner-bar p { margin: 0; flex: 1; }
.owner-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#sign-in { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; width: 100%; }
#sign-in[hidden], .owner-actions button[hidden], #owner-workbench[hidden] { display: none; }
#login-error { color: #efc391; }
/* Reserve the standalone action rows, without adding inactive controls. */
@media (max-width: 640px) { #owner-workbench .actions { display: grid; grid-template-columns: max-content max-content; grid-template-rows: repeat(3, calc(20px + 1.4em)); } }
@media (max-width: 700px) { .owner-bar { padding: 16px; min-height: 160px; } .owner-bar label { width: 100%; } .owner-actions { width: 100%; } #token { min-width: 0; width: 100%; } }