.workspace-delete-dialog{box-sizing:border-box;width:min(580px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:26px;border:2px solid #ff9c92;border-radius:18px;background:#14231d;color:#e6f2ec;font:15px/1.5 var(--font-body);box-shadow:0 24px 80px #0009;overflow-wrap:anywhere}
.workspace-delete-dialog::backdrop{background:#000b}
.workspace-delete-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.workspace-delete-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px}
.workspace-delete-dialog h2{flex-shrink:0;margin:0 0 16px;color:#ffb0a8;font-size:24px;line-height:1.25}
.workspace-delete-dialog p{margin:12px 0;color:inherit}
.workspace-delete-identity{padding:12px;border:1px solid #496054;border-radius:10px}
.workspace-delete-identity strong,.workspace-delete-identity span{display:block}
.workspace-delete-identity strong{font-size:19px}
.workspace-delete-identity span,.workspace-delete-dialog .workspace-delete-note{font-size:13px;color:#b8cbc0}
.workspace-delete-warning{font-weight:750}
.workspace-delete-dialog ul{margin:14px 0;padding-left:22px}
.workspace-delete-dialog li{margin:6px 0}
.workspace-delete-dialog label,.workspace-delete-expected{display:block;margin-top:16px}
.workspace-delete-expected{margin:6px 0 10px;white-space:pre-wrap}
.workspace-delete-dialog input{box-sizing:border-box;display:block;width:100%;min-height:46px;border:1px solid #90b8a0;border-radius:8px;padding:10px;background:#0b1411;color:#fff;font:inherit}
.workspace-delete-actions{display:flex;flex-shrink:0;gap:12px;flex-wrap:wrap;margin-top:20px}
.workspace-delete-actions button{flex:1 1 200px;min-height:48px;padding:12px;border:2px solid transparent;border-radius:9px;font:700 14px/1.4 var(--font-body);cursor:pointer}
.workspace-delete-actions .workspace-delete-cancel{background:#b4f2d4;color:#0b1411;border-color:#b4f2d4}
.workspace-delete-actions .workspace-delete-submit{background:#8f2929;color:#fff;border-color:#ff9c92}
.workspace-delete-actions button:disabled{background:#392e2b;color:#b7aaa5;border-color:#66514b;opacity:.7;cursor:not-allowed}
.workspace-delete-dialog :focus-visible{outline:3px solid #b4f2d4;outline-offset:3px}
@media(max-width:480px){.workspace-delete-dialog{padding:18px}.workspace-delete-dialog h2{font-size:21px}.workspace-delete-actions{flex-direction:column}.workspace-delete-actions button{flex-basis:auto;width:100%}}

/* Owner account status and workspace chooser. */
.owner-authenticated #ownerAccount>h2,.owner-authenticated #ownerAccount>p,
.owner-authenticated #authForm,.owner-authenticated #ownerAccount .divider { display: none; }
.owner-authenticated .grid { grid-template-columns: 1fr; }
.owner-authenticated #ownerAccount { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.owner-authenticated #signOut { width: auto; }
.workspace-choice { padding: 16px; margin: 10px 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.workspace-open { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 10px; background: var(--mint); color: var(--bg); font-weight: 600; text-decoration: none; }
#authMsg.err { padding: 10px 12px; border: 1px solid #a95852; border-radius: 10px; background: #482523; color: #ffc1b9; line-height: 1.5; }

/* Workspace queries retain their content while the skeleton is shown. */
.dinetap-owner #existingWorkspaces[aria-busy="true"] { position: relative; min-height: 100px; color: transparent; }
.dinetap-owner #existingWorkspaces[aria-busy="true"]>* { visibility: hidden; }
.dinetap-owner #existingWorkspaces[aria-busy="true"]::after { content: ''; position: absolute; inset: 0; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(var(--surface2),var(--surface2)) 16px 20px/60% 14px no-repeat,linear-gradient(var(--surface2),var(--surface2)) 16px 50px/40% 14px no-repeat,var(--surface); animation: owner-workspace-pulse 1.2s ease-in-out infinite; }
.dinetap-owner .btn:active,.dinetap-owner .workspace-open:active { transform: scale(.98); }
@keyframes owner-workspace-pulse { 50% { opacity: .5; } }
@media(prefers-reduced-motion:reduce){.dinetap-owner #existingWorkspaces::after{animation:none}}

.dinetap-owner #owner-aurora-bg::after { content: ''; position: absolute; inset: -20%; background: radial-gradient(ellipse at 65% 10%,var(--mint),transparent 55%); opacity: .1; filter: blur(28px); animation: owner-aurora 24s ease-in-out infinite alternate; }
@keyframes owner-aurora { to { transform: translate3d(4%,2%,0); opacity: .16; } }