/* Accounts + Google Drive UI (header account slot, tool cloud controls, account pages, /app workspace cloud bar). */
.account-signin { display: inline-flex; align-items: center; padding: 5px 12px; border: 1px solid #cbd5e1; border-radius: 999px; font-size: .9rem; text-decoration: none; white-space: nowrap; margin-inline-start: 8px; }
.account-signin:hover, .account-signin:focus-visible { border-color: currentColor; }
.account-menu { position: relative; margin-inline-start: 8px; }
.account-menu > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 3px 10px 3px 3px; border: 1px solid #cbd5e1; border-radius: 999px; font-size: .9rem; }
.account-menu > summary::-webkit-details-marker { display: none; }
.account-avatar { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #0f766e; color: #fff; font-weight: 700; font-size: .85rem; }
.account-pop { position: absolute; inset-inline-end: 0; top: calc(100% + 6px); z-index: 50; min-width: 220px; padding: 10px 14px; background: #fff; color: #0f172a; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 10px 30px rgba(15, 23, 42, .15); }
.account-pop ul { list-style: none; margin: 0; padding: 0; }
.account-pop li { margin: 6px 0; }
.account-pop form { margin: 0; }
.account-email { margin: 0 0 6px; overflow-wrap: anywhere; }
.link-button { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }
.inline-form { display: inline; margin-inline-start: 10px; }

/* tool pages */
.cloud-actions { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-inline-start: 10px; }
.cloud-link { display: inline-block; margin-inline-start: 10px; font-size: .92rem; }
.cloud-actions .cloud-link { margin-inline-start: 0; }
.cloud-include { font-size: .92rem; display: inline-flex; align-items: center; gap: 6px; }
.cloud-box { margin: 14px 0; }
.cloud-box .cloud-link { margin-inline-start: 0; }
.cloud-result-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 4px; }
.cloud-notice p { margin: 4px 0; }
.cloud-notice-error { border-color: #dc2626; }
.cloud-notice-ok { border-color: #16a34a; }
.cloud-list li { margin: 6px 0; }

/* account page */
.account-page section { margin: 28px 0; }
.account-dl { display: grid; grid-template-columns: minmax(8rem, max-content) 1fr; gap: 6px 18px; }
.account-dl div { display: contents; }
.account-dl dt { font-weight: 600; }
.account-dl dd { margin: 0; overflow-wrap: anywhere; }
.account-items td, .account-items th { vertical-align: top; }
button.danger { background: #b91c1c; border-color: #b91c1c; color: #fff; }
.google-signin { font-weight: 600; }

/* premium-app workspace bar */
.uwapp-cloud { display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; }
.uwapp-cloud[hidden] { display: none; }
.uwapp-cloud-btn { font-size: .85rem; padding: 4px 10px; border-radius: 8px; white-space: nowrap; }
.uwapp-cloud-auto { display: inline-flex; align-items: center; gap: 4px; font-size: .82rem; white-space: nowrap; }
.uwapp-cloud-status { font-size: .8rem; opacity: .85; max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uwapp-cloud-status[data-tone="bad"] { color: #dc2626; }
.uwapp-cloud-link { font-size: .85rem; white-space: nowrap; margin-inline-end: 6px; }
.uwapp-cloud-dialog { max-width: min(560px, 92vw); border-radius: 12px; border: 1px solid #e2e8f0; padding: 18px 20px; }
.uwapp-cloud-dialog::backdrop { background: rgba(15, 23, 42, .45); }
.uwapp-cloud-list { list-style: none; margin: 10px 0; padding: 0; max-height: 50vh; overflow: auto; }
.uwapp-cloud-item { display: flex; justify-content: space-between; gap: 12px; width: 100%; text-align: start; padding: 8px 10px; margin: 4px 0; border-radius: 8px; }
.uwapp-cloud-date { font-size: .8rem; opacity: .75; white-space: nowrap; }
@media (max-width: 720px) {
  .uwapp-cloud-auto, .uwapp-cloud-status, .uwapp-cloud-link span, .account-name { display: none; }
  .account-signin { padding: 4px 9px; }
}

/* platform.css paints every submit button with the accent colour: keep secondary/link/danger variants readable. */
button[type=submit].secondary { background: #fff; color: var(--accent, #1652f0); border: 2px solid var(--accent, #1652f0); }
button[type=submit].secondary:hover { background: color-mix(in srgb, var(--accent, #1652f0) 8%, #fff); }
button[type=submit].link-button, button[type=submit].link-button:hover { background: none; border: 0; padding: 0; color: inherit; font-weight: 400; font-size: inherit; }
button[type=submit].danger, button[type=submit].danger:hover { background: #b91c1c; border-color: #b91c1c; color: #fff; }
.actions .cloud-link, .actions .cloud-actions { vertical-align: middle; }