.mail-feedback-modal .modal-content { overflow: hidden; border: 1px solid var(--mt-line); border-radius: 22px; background: var(--mt-surface); box-shadow: 0 18px 55px rgba(24,24,27,.24); }
.mail-feedback-modal form { padding: 24px; }
.mail-feedback-head { display: flex; align-items: center; gap: 12px; }
.mail-feedback-symbol { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px; background: var(--mt-action); color: #fff; }
.mail-feedback-close { margin-left: auto; }
.mail-feedback-copy { margin: 16px 0 20px; color: var(--mt-muted); font-size: 14px; }
.mail-feedback-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 18px; padding: 0; border: 0; }
.mail-feedback-types legend { grid-column: 1 / -1; width: 100%; margin-bottom: 0; color: var(--foreground); font-size: 13px; font-weight: 700; }
.mail-feedback-types label { min-width: 0; cursor: pointer; }
.mail-feedback-types input { position: absolute; opacity: 0; pointer-events: none; }
.mail-feedback-types span { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 8px; overflow: hidden; border: 1px solid var(--mt-line); border-radius: 11px; background: var(--mt-surface); color: var(--mt-muted); font-size: 12px; font-weight: 600; text-align: center; text-overflow: ellipsis; transition: .15s ease; }
.mail-feedback-types input:checked + span { border-color: var(--mt-line); background: var(--mt-action); color: #fff; }
.mail-feedback-types input:focus-visible + span { outline: 3px solid color-mix(in oklab, var(--ring) 50%, transparent); outline-offset: 2px; }
.mail-feedback-field { position: relative; display: block; }
.mail-feedback-field > span { display: block; margin-bottom: 7px; color: var(--foreground); font-size: 13px; font-weight: 700; }
.mail-feedback-field textarea { display: block; width: 100%; resize: vertical; min-height: 128px; padding: 13px 14px 28px; border: 1px solid var(--mt-line); border-radius: 13px; outline: none; background: var(--mt-surface); color: var(--foreground); font: 14px/1.5 "Public Sans", sans-serif; }
.mail-feedback-field textarea:focus { border-color: var(--mt-line); box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 35%, transparent); }
.mail-feedback-field small { position: absolute; right: 12px; bottom: 8px; color: var(--mt-muted); font-size: 10px; }
.mail-feedback-captcha { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; width: fit-content; max-width: 100%; margin: 16px auto 4px; padding: 10px 12px 12px; overflow: hidden; border: 1px solid var(--mt-line); border-radius: 14px; background: var(--mt-surface); }
.mail-feedback-captcha-label { display: inline-flex; align-items: center; align-self: flex-start; gap: 6px; color: var(--mt-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.mail-feedback-captcha-label i { color: #137333; font-size: 15px; }
.mail-feedback-captcha > div { max-width: 100%; }
.mail-feedback-status { min-height: 20px; margin-top: 10px; color: #b42318; font-size: 12px; }
.mail-feedback-status.is-success { color: #137333; }
.mail-feedback-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 8px; }
.mail-feedback-cancel, .mail-feedback-submit { min-height: 42px; padding: 0 17px; border: 1px solid var(--mt-line); border-radius: 11px; background: var(--mt-surface); color: var(--foreground); font-size: 13px; font-weight: 700; }
.mail-feedback-submit { display: inline-flex; align-items: center; gap: 8px; border-color: var(--mt-line); background: var(--mt-action); color: #fff; }
.mail-feedback-submit svg { width: 17px; height: 17px; }
.mail-feedback-submit:disabled { opacity: .55; cursor: wait; }
.feedback-visual{border:1px solid var(--bs-border-color,#ddd);border-radius:12px;padding:14px;margin:16px 0;min-width:0}.feedback-visual legend{float:none;width:auto;font-size:1rem;padding:0 5px}.feedback-visual p{font-size:.85rem;line-height:1.45;margin:8px 0}.feedback-visual-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.feedback-upload{display:grid;gap:4px;font-size:.85rem;max-width:100%}.feedback-upload input{max-width:100%;font-size:.8rem}.feedback-review{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;margin-top:10px}.feedback-canvas-wrap{overflow:auto;max-height:45vh;background:#ddd}.feedback-canvas-wrap canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.feedback-selector{position:fixed;inset:0;z-index:1090;touch-action:none;cursor:crosshair;background:rgba(0,0,0,.08)}.feedback-selector-toolbar{position:fixed;top:12px;left:50%;transform:translateX(-50%);max-width:95vw;width:max-content;border-radius:10px;padding:12px;background:#1d2433;color:white;z-index:1092;display:flex;gap:12px;align-items:center;font-size:14px}.feedback-selector-toolbar button{background:white;color:#111;border:0;border-radius:5px;padding:7px 12px}.feedback-selector-box{position:fixed;border:2px solid #6e5bef;background:rgba(110,91,239,.12);pointer-events:none;z-index:1091}.feedback-visual [hidden]{display:none!important}#feedback-selection{display:block;font-size:.85rem;margin-top:8px}.feedback-visual select{display:block;max-width:100%}.mail-feedback-modal .modal-dialog{max-width:620px}.mail-feedback-modal .modal-content{max-height:94dvh;overflow:auto}
/* Keep the initial report concise; image editing is an explicit disclosure. */
.mail-feedback-modal .mail-feedback-copy{margin:10px 0 12px}.mail-feedback-modal .mail-feedback-types{margin-bottom:12px}.mail-feedback-modal .mail-feedback-types span{min-height:36px}.mail-feedback-modal .mail-feedback-field textarea{min-height:94px;padding:10px 12px 24px}.feedback-visual{padding:10px 12px;margin:12px 0}.feedback-visual p{margin:4px 0 8px}.feedback-canvas-wrap{margin-top:10px;max-height:220px;display:flex;justify-content:center;background:var(--bs-tertiary-bg,#f3f4f6);border-radius:8px}.feedback-canvas-wrap canvas{max-height:220px;max-width:100%;width:auto;object-fit:contain;cursor:default}.feedback-preview-actions{display:flex;justify-content:flex-end}.feedback-preview-actions button{font-size:.8rem;padding:4px 0}.feedback-visual details{font-size:.85rem}.feedback-visual summary{cursor:pointer;font-weight:600;padding:4px 0}.feedback-visual details[open]~.feedback-review{margin-top:8px}.feedback-visual:has(details[open]) canvas{cursor:crosshair}.feedback-review{line-height:1.35;margin-top:8px}.feedback-visual output:empty{display:none}@media(max-width:575px){.mail-feedback-modal .modal-dialog{margin:8px}.mail-feedback-modal .modal-content{max-height:calc(100dvh - 16px)}.feedback-canvas-wrap,.feedback-canvas-wrap canvas{max-height:170px}}

.mail-feedback-symbol svg,.mail-feedback-submit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-feedback-head h2{margin:0;font-size:20px}.mail-feedback-close{border:0;background:transparent;color:inherit;font-size:26px}.mt-mobile-account-panel footer{display:flex;flex-wrap:wrap;gap:14px}.mt-mobile-account-panel footer .mail-feedback-open{border:0;padding:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}