/**
 * Extends the green interface with responsive website account and Google connection controls.
 * The workspace is displayed only after its authenticated customer identifier is set.
 */
main { display: none; }
body[data-account-id] main { display: block; }
.account-panel { max-width: 600px; margin: 32px auto; }
.account-panel form { display: grid; gap: 16px; }
.account-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.panel p, .panel a, .account-bar { overflow-wrap: anywhere; }
input[type="file"] { max-width: 100%; }
@media (max-width: 640px) {
  .account-panel { width: calc(100% - 40px); }
}