/* Custom dialog surfaces, including the app's pre-existing image/help dialogs. */
:where(dialog){border:1px solid #d5b579;border-radius:20px;background:var(--surface,#fffdf8);color:var(--ink,#39291e);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:0 22px 75px #1c100c55;overscroll-behavior:contain}
:where(dialog)::backdrop{background:#130e1b99;backdrop-filter:blur(4px)}
.atun-dialog{width:min(420px,calc(100vw - 28px));max-width:420px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ceac6b;border-radius:22px;background:#fffcf5;color:#3d2c20;box-shadow:0 24px 80px #120a0655;font:14px/1.6 Nunito,system-ui,sans-serif;overflow:auto;animation:atun-dialog-in .18s ease-out}
.atun-dialog::backdrop{background:#150e1a9c;backdrop-filter:blur(4px)}
.atun-dialog-card{margin:0;padding:20px;display:block;background:transparent;border:0}
.atun-dialog-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.atun-dialog-avatar{width:36px;height:46px;object-fit:contain;flex:none}
.atun-dialog-title{flex:1;min-width:0;margin:0!important;font:800 18px/1.35 Nunito,system-ui,sans-serif;color:#51331f}
.atun-dialog-close{width:34px;height:34px;border:1px solid #e8ddc7;border-radius:50%;background:#f4eddf;color:#8d735c;font-size:23px;line-height:1;flex:none;cursor:pointer}
.atun-dialog-message{margin:0 0 18px!important;font:500 14px/1.65 Nunito,system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#68513e}
.atun-dialog-label{display:block;margin:0 0 18px!important;font-size:12px;font-weight:700;color:#89684e}
.atun-dialog .atun-dialog-input{display:block;width:100%;min-width:0;min-height:44px;margin:6px 0 0;padding:10px 12px;border:1px solid #d5c7af;border-radius:12px;background:#fff;color:#3d2c20;-webkit-text-fill-color:#3d2c20;font:500 16px/1.4 Nunito,system-ui,sans-serif;box-sizing:border-box}
.atun-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin:0;padding:0;background:transparent}
.atun-dialog-button{min-height:44px;min-width:90px;padding:10px 18px;border:1px solid #dacbad;border-radius:12px;background:#fffdf8;color:#76583e;font:800 14px/1.4 Nunito,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.atun-dialog-button.primary{color:#fff7e6;background:linear-gradient(#68442b,#49301f);border-color:#68442b;box-shadow:0 3px 0 #302015}
.atun-dialog :focus-visible{outline:3px solid #dca946;outline-offset:3px}
@keyframes atun-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.atun-dialog{width:calc(100vw - 28px)}.atun-dialog-card{padding:17px}.atun-dialog-button{flex:1;min-width:0}.atun-dialog-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.atun-dialog{animation:none}}.rm .atun-dialog{animation:none}
#sheet{background:#150e1a9c;backdrop-filter:blur(4px);padding:14px}
#sheet .box{--surface:#fffcf5;--ink:#3d2c20;--muted:#8a715e;--line:#e3d4bc;--bg:#fff7e8;--soft:#f6ecd4;background:var(--surface);color:var(--ink);border:1px solid #ceac6b;border-radius:22px;padding:18px;max-height:calc(100dvh - 28px);overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 24px 80px #120a0655}
#sheetTitle{color:#51331f;overflow-wrap:anywhere}#sheetClose{background:#f4eddf;border:1px solid #e8ddc7;color:#8d735c;min-width:36px;min-height:36px;border-radius:50%}
#sheet .btn.primary{background:linear-gradient(#68442b,#49301f);border-color:#68442b;color:#fff7e6}