/* Micro Drama unified feedback layer: dialogs, confirmations and transient notifications. */
.md-feedback-dialog{
  width:min(34rem,calc(100vw - 2rem));max-width:100%;padding:0;border:1px solid var(--ui-border-strong,rgba(148,163,184,.28));
  border-radius:20px;background:var(--ui-surface,#121a2d);color:var(--ui-text,#f8fafc);box-shadow:0 28px 80px rgba(0,0,0,.38);overflow:hidden
}
.md-feedback-dialog::backdrop{background:rgba(5,10,22,.68);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.md-feedback-dialog__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.35rem 1.4rem 1rem;border-bottom:1px solid var(--ui-border,rgba(148,163,184,.2))}
.md-feedback-dialog__eyebrow{margin:0 0 .35rem;color:var(--ui-accent,#f45b8c);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.md-feedback-dialog__title{margin:0;font:800 clamp(1.15rem,3vw,1.45rem)/1.18 var(--ui-font-sans,Inter,system-ui,sans-serif);letter-spacing:-.025em}
.md-feedback-dialog__close{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--ui-border,rgba(148,163,184,.2));border-radius:12px;background:var(--ui-surface-raised,rgba(255,255,255,.04));color:inherit;font-size:1.2rem;cursor:pointer}
.md-feedback-dialog__close:hover{background:var(--ui-surface-muted,rgba(255,255,255,.08))}
.md-feedback-dialog__body{display:grid;gap:1rem;padding:1.2rem 1.4rem;color:var(--ui-text-muted,#cbd5e1);line-height:1.55}
.md-feedback-dialog__body p{margin:0;white-space:pre-line}
.md-feedback-dialog__field{display:grid;gap:.45rem}.md-feedback-dialog__field span{color:var(--ui-text,#f8fafc);font-size:.78rem;font-weight:850}
.md-feedback-dialog__field input{width:100%;min-height:46px;padding:.75rem .85rem;border:1px solid var(--ui-border-strong,rgba(148,163,184,.3));border-radius:12px;background:var(--ui-surface-inset,rgba(7,12,24,.44));color:var(--ui-text,#f8fafc);font:inherit;outline:none}
.md-feedback-dialog__field input:focus{border-color:var(--ui-accent,#f45b8c);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent,#f45b8c) 20%,transparent)}
.md-feedback-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:1rem 1.4rem 1.35rem;border-top:1px solid var(--ui-border,rgba(148,163,184,.2))}
.md-feedback-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--ui-border-strong,rgba(148,163,184,.3));border-radius:12px;background:var(--ui-surface-raised,rgba(255,255,255,.05));color:var(--ui-text,#f8fafc);font:800 .88rem/1 var(--ui-font-sans,Inter,system-ui,sans-serif);cursor:pointer}
.md-feedback-button:hover{transform:translateY(-1px);background:var(--ui-surface-muted,rgba(255,255,255,.09))}
.md-feedback-button--primary{border-color:transparent;background:linear-gradient(100deg,#ff9b5f,#f45b8c);color:#fff;box-shadow:0 10px 24px rgba(244,91,140,.18)}
.md-feedback-button--danger{border-color:transparent;background:var(--ui-danger,#ef476f);color:#fff}
.md-feedback-button:focus-visible,.md-feedback-dialog__close:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent,#f45b8c) 45%,transparent);outline-offset:2px}
.md-toast-region{position:fixed;z-index:5000;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:grid;width:min(25rem,calc(100vw - 2rem));gap:.65rem;pointer-events:none}
.md-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.85rem .9rem;border:1px solid var(--ui-border-strong,rgba(148,163,184,.28));border-radius:15px;background:var(--ui-surface,#121a2d);color:var(--ui-text,#f8fafc);box-shadow:0 18px 44px rgba(0,0,0,.28);pointer-events:auto;animation:mdToastIn .2s ease both}
.md-toast[data-leaving="true"]{animation:mdToastOut .18s ease both}.md-toast__mark{display:grid;width:1.85rem;height:1.85rem;place-items:center;border-radius:50%;background:var(--ui-info-soft,rgba(96,165,250,.15));color:var(--ui-info,#60a5fa);font-weight:900}
.md-toast[data-tone="success"] .md-toast__mark{background:var(--ui-success-soft,rgba(52,211,153,.15));color:var(--ui-success,#34d399)}
.md-toast[data-tone="warning"] .md-toast__mark{background:var(--ui-warning-soft,rgba(251,191,36,.15));color:var(--ui-warning,#fbbf24)}
.md-toast[data-tone="error"] .md-toast__mark{background:var(--ui-danger-soft,rgba(239,71,111,.15));color:var(--ui-danger,#ef476f)}
.md-toast__copy{min-width:0}.md-toast__title{display:block;margin-bottom:.2rem;font-size:.84rem}.md-toast__message{margin:0;color:var(--ui-text-muted,#cbd5e1);font-size:.78rem;line-height:1.42;overflow-wrap:anywhere}
.md-toast__close{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--ui-text-muted,#cbd5e1);cursor:pointer}.md-toast__close:hover{background:var(--ui-surface-muted,rgba(255,255,255,.08));color:var(--ui-text,#fff)}
@keyframes mdToastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes mdToastOut{to{opacity:0;transform:translateX(12px) scale(.98)}}
body.md-dialog-open{overflow:hidden}
@media(max-width:40rem){.md-feedback-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:17px}.md-feedback-dialog__head{padding:1rem 1rem .8rem}.md-feedback-dialog__body{padding:1rem}.md-feedback-dialog__actions{display:grid;grid-template-columns:1fr 1fr;padding:.85rem 1rem 1rem}.md-feedback-button{width:100%}.md-toast-region{top:auto;right:.5rem;bottom:max(.5rem,env(safe-area-inset-bottom));width:calc(100vw - 1rem)}.md-toast{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.md-toast,.md-toast[data-leaving="true"]{animation:none}.md-feedback-button:hover{transform:none}}
