.feedback-dialog{box-sizing:border-box;color:#26334b;background:linear-gradient(145deg,#fff,#f3f4fb);border:1px solid #d9deec;border-radius:24px;width:min(660px,calc(100vw - 28px));max-width:660px;max-height:calc(100dvh - 32px);margin:auto;padding:0;box-shadow:0 30px 100px #070d3466;overflow:auto;font:15px/1.65 system-ui,sans-serif;color-scheme:light}
.feedback-dialog::backdrop{background:#10183299;backdrop-filter:blur(8px)}
.feedback-dialog[open]{display:flex!important;flex-direction:column;overflow:hidden}.feedback-dialog .feedback-header{position:static;flex-shrink:0}.feedback-dialog .feedback-tabs{flex-shrink:0}.feedback-dialog .feedback-body{min-height:0;overflow:auto;overscroll-behavior:contain}.feedback-dialog .feedback-error{flex-shrink:0;max-height:20vh;overflow:auto}
.feedback-dialog *{box-sizing:border-box}.feedback-dialog[open]{display:block}.feedback-dialog [hidden]{display:none!important}
.feedback-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px 28px 14px;background:#f9fafff5;border-bottom:1px solid #e4e7f1;gap:16px}
.feedback-header h2{font-size:24px;margin:2px 0;letter-spacing:-.7px;color:#23314c}.feedback-eyebrow{font-size:12px;color:#756497;letter-spacing:1px}
.feedback-dialog button{font:inherit;cursor:pointer;min-height:44px;padding:8px 16px;border-radius:12px;border:1px solid #d6dce9;background:#fff;color:#344362;box-shadow:none;max-width:100%;touch-action:manipulation}
.feedback-dialog button:disabled{opacity:.45;cursor:default}.feedback-dialog button:focus-visible,.feedback-dialog input:focus-visible,.feedback-dialog textarea:focus-visible,.feedback-dialog select:focus-visible,.feedback-dialog summary:focus-visible{outline:3px solid #9d8cd8;outline-offset:3px}
.feedback-dialog .feedback-primary{background:#3e486d;color:#fff;border-color:#3e486d;font-weight:650}.feedback-header button{width:44px;padding:0;font-size:23px;flex-shrink:0}
.feedback-tabs{display:flex;gap:8px;padding:18px 28px 0}.feedback-tabs button{flex:1;background:transparent;border-color:transparent}.feedback-tabs [aria-pressed=true]{background:#ebe8f6;color:#5a487f;border-color:#d9d2ed}
.feedback-body{padding:20px 28px 28px}.feedback-lead{margin:0 0 22px;color:#67728a}.feedback-dialog fieldset{margin:0;padding:0;border:0;min-width:0}.feedback-dialog label{display:block;font-weight:600;margin-bottom:18px}.feedback-dialog input:not([type=checkbox]),.feedback-dialog select,.feedback-dialog textarea{display:block;width:100%;margin:7px 0 0;padding:11px 13px;background:#fff;border:1px solid #d7ddeb;border-radius:12px;color:#273650;font:inherit;font-weight:400;min-height:46px;max-width:100%}.feedback-dialog textarea{resize:vertical;min-height:130px;max-height:320px}
.feedback-dialog small{font-size:12px;color:#6c758a;font-weight:400}.feedback-dialog .feedback-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400}.feedback-check input{width:18px;height:18px;margin:3px 0 0;accent-color:#716094;flex-shrink:0}.feedback-check small{display:block}
.feedback-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:8px}.feedback-actions small{flex:1}.feedback-actions button{flex-shrink:0}
.feedback-error{margin:18px 28px 0;padding:12px 15px;border-radius:12px;background:#f0eaf7;color:#624b78;overflow-wrap:anywhere;font-size:13px}
.feedback-empty{text-align:center;padding:36px 12px;color:#68758c}.feedback-empty b{font-size:20px;color:#33415d}.feedback-list-top,.feedback-pager{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px}.feedback-list-top p{margin:0}.feedback-pager{justify-content:center;margin-top:22px}
.feedback-ticket{margin-top:16px;background:#fff;border:1px solid #dde2ee;border-radius:16px;overflow:hidden}.feedback-ticket summary{cursor:pointer;list-style:none;display:flex;gap:14px;justify-content:space-between;padding:18px}.feedback-ticket summary::-webkit-details-marker{display:none}.feedback-ticket summary>span:first-child{min-width:0}.feedback-ticket summary b{display:block;margin:9px 0 5px;font-size:15px;overflow-wrap:anywhere}.feedback-ticket-body{padding:0 18px 18px;border-top:1px solid #eef0f6}
.feedback-copy,.feedback-internal{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.feedback-meta{color:#738099;font-size:12px;overflow-wrap:anywhere}.feedback-badge{display:inline-block;white-space:nowrap;padding:3px 9px;border-radius:8px;background:#edf0f6;color:#617089;font-size:12px}.feedback-new{background:#fbefd9;color:#936928}.feedback-reviewing{background:#e9eefc;color:#586e9b}.feedback-planned{background:#ede8f7;color:#765791}.feedback-resolved{background:#e4f2eb;color:#487963}
.feedback-reply{margin-top:14px;padding:14px;border-left:3px solid #c1b1db;background:#f4f2f9;border-radius:0 10px 10px 0}.feedback-reply p{margin:8px 0 0}.feedback-internal{color:#7c697c;font-size:13px}.feedback-inbox-preview{display:block;max-width:350px;white-space:normal;overflow-wrap:anywhere}.feedback-link{border:0;background:transparent;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:4px 8px}
@media(max-width:560px){.feedback-dialog{border-radius:20px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)}.feedback-header{padding:17px 18px 12px}.feedback-body{padding:18px}.feedback-tabs{padding:14px 18px 0}.feedback-error{margin:14px 18px 0}.feedback-actions{flex-direction:column;align-items:stretch;gap:12px}.feedback-actions button{width:100%}.feedback-dialog input:not([type=checkbox]),.feedback-dialog select,.feedback-dialog textarea{font-size:16px}.feedback-list-top{gap:8px}.feedback-ticket summary{padding:14px}}
