#issuedTokenDialog { width: min(580px, calc(100vw - 24px)); max-height: 90dvh; overflow: auto; box-sizing: border-box; margin: auto; padding: 26px; border: 1px solid var(--border); border-radius: 18px; background: var(--card); color: var(--text); box-shadow: 0 24px 80px #0006; }
#issuedTokenDialog::backdrop { background: #0009; }
#issuedTokenDialog h2 { font-size: 23px; line-height: 1.4; margin: 0 0 12px; overflow-wrap: anywhere; }
#issuedTokenDialog p { color: var(--muted); font-size: 14px; line-height: 1.6; }
#issuedTokenDialog label { display: block; margin-bottom: 8px; font-size: 13px; }
#issuedTokenValue { display: block; width: 100%; box-sizing: border-box; padding: 14px; font: 16px/1.6 Consolas, monospace; color: var(--text); background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; resize: vertical; min-height: 100px; overflow-wrap: anywhere; white-space: pre-wrap; word-break: break-all; }
.issued-token-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.issued-token-actions button { min-height: 44px; padding: 10px 14px; font: inherit; font-size: 14px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg2); color: var(--text); cursor: pointer; }
#issuedTokenCopy { background: var(--accent); border-color: var(--accent); color: white; }
#issuedTokenStatus { min-height: 22px; }
@media(max-width:600px) { #issuedTokenDialog { padding: 20px; } #issuedTokenCopy { flex: 1 0 100%; } .issued-token-actions button { flex: 1; } }