/* User feedback: compact entry beside Preferences and a complete feedback loop. */
#page-settings .profile-service-card>button:last-child{grid-column:auto!important}

.feedback-page,.feedback-history-page,.feedback-detail-page{
  --fb-bg:#0d1116;--fb-surface:#171d24;--fb-surface-2:#1d242d;--fb-line:#343d47;
  --fb-text:#f5f7f9;--fb-copy:#c2c9d1;--fb-muted:#98a2ad;--fb-accent:#ff7043;
  --fb-accent-soft:rgba(255,112,67,.1);--fb-error:#ff8f84;--fb-danger:#ff6b61;
  background:var(--fb-bg)!important;color:var(--fb-text)!important;overscroll-behavior:contain
}
:root[data-theme="light"] :is(.feedback-page,.feedback-history-page,.feedback-detail-page){
  --fb-bg:#f6f3ef;--fb-surface:#fff;--fb-surface-2:#fbf8f5;--fb-line:#e4ddd7;
  --fb-text:#211d1a;--fb-copy:#514b47;--fb-muted:#726a64;--fb-accent:#e85f32;
  --fb-accent-soft:rgba(232,95,50,.08);--fb-error:#b42318;--fb-danger:#c43228
}
.feedback-page[hidden],.feedback-history-page[hidden],.feedback-detail-page[hidden],
.feedback-form[hidden],.feedback-error-summary[hidden],
.feedback-field-error[hidden],.feedback-context-card[hidden],.feedback-submit-loading[hidden],
.feedback-submit-label[hidden],.feedback-overlay[hidden],#feedback-images[hidden]{display:none!important}
.feedback-nav{position:sticky;top:0;z-index:8;min-height:calc(56px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:end;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--fb-line);background:color-mix(in srgb,var(--fb-bg) 92%,transparent);backdrop-filter:blur(18px)}
.feedback-nav h1{align-self:center;margin:0;color:var(--fb-text);font-size:17px;font-weight:700;text-align:center;line-height:1.3;outline:0}
.feedback-nav-back{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--fb-text)}
.feedback-nav-back:active{background:var(--fb-surface-2)}
.feedback-nav-back .material-symbols-outlined{font-size:23px}
.feedback-history-link{justify-self:end;min-width:max-content;min-height:44px;padding:0 2px;color:var(--fb-accent);font-size:13px;font-weight:650;white-space:nowrap}
.feedback-nav-spacer{width:44px;height:44px;justify-self:end}
.feedback-main,.feedback-history-list,.feedback-detail-body{width:min(100%,600px);margin:0 auto;padding:22px 20px calc(40px + env(safe-area-inset-bottom,0px))}
.feedback-form{display:grid;gap:24px}.feedback-fieldset,.feedback-field{min-width:0;margin:0;padding:0;border:0}
.feedback-fieldset legend,.feedback-field>label,.feedback-label{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--fb-text);font-size:14px;font-weight:600;line-height:1.45}
.feedback-fieldset legend i,.feedback-field>label i{color:var(--fb-accent);font-style:normal}.feedback-field>label small,.feedback-label small{color:var(--fb-muted);font-size:12px;font-weight:500}
.feedback-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feedback-type-grid label{position:relative;min-width:0;cursor:pointer}.feedback-type-grid input{position:absolute;inset:0;opacity:0;pointer-events:none}
.feedback-type-grid span{min-height:48px;display:flex;align-items:center;justify-content:center;gap:0;padding:9px 12px;border:1px solid var(--fb-line);border-radius:10px;background:var(--fb-surface);color:var(--fb-copy);font-size:14px;font-weight:600;text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease}
.feedback-type-grid span::before{width:0;overflow:hidden;color:var(--fb-accent);font-family:'Material Symbols Outlined';font-size:17px;font-variation-settings:'wght' 600;line-height:1;content:'check';opacity:0;transition:width .16s ease,margin-right .16s ease,opacity .16s ease}
.feedback-type-grid input:checked+span{border-color:var(--fb-accent);background:var(--fb-accent-soft);color:var(--fb-accent);box-shadow:none}.feedback-type-grid input:checked+span::before{width:17px;margin-right:6px;opacity:1}
.feedback-type-grid input:focus-visible+span{border-color:var(--fb-accent);background:var(--fb-accent-soft);color:var(--fb-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;outline:0;box-shadow:none}.feedback-type-grid label:active span{background:color-mix(in srgb,var(--fb-accent) 13%,var(--fb-surface))}
.feedback-textarea-wrap{position:relative}.feedback-textarea-wrap textarea,.feedback-field>input{width:100%;display:block;border:1px solid var(--fb-line)!important;border-radius:12px!important;background:var(--fb-surface)!important;color:var(--fb-text)!important;font-size:16px!important;line-height:1.55!important;outline:0!important}
.feedback-textarea-wrap textarea{height:160px;min-height:160px;max-height:260px;resize:none;overflow-y:auto;padding:14px 14px 34px!important}.feedback-field>input{min-height:48px;padding:11px 14px!important}
.feedback-textarea-wrap textarea:focus,.feedback-field>input:focus{border-color:var(--fb-accent)!important;box-shadow:none!important}.feedback-textarea-wrap textarea[aria-invalid="true"]{border-color:var(--fb-error)!important}
.feedback-textarea-wrap>span{position:absolute;right:12px;bottom:10px;color:var(--fb-muted);font-size:12px;font-variant-numeric:tabular-nums}.feedback-field-hint{margin:7px 2px 0;color:var(--fb-muted);font-size:12px;line-height:1.55}.feedback-field-error{margin:7px 2px 0;color:var(--fb-error);font-size:12px;font-weight:650;line-height:1.4}
.feedback-error-summary{padding:12px 14px;border:1px solid color-mix(in srgb,var(--fb-error) 62%,var(--fb-line));border-radius:12px;background:color-mix(in srgb,var(--fb-error) 10%,var(--fb-surface));color:var(--fb-error);font-size:13px;outline:0}
.feedback-context-card{display:grid;grid-template-columns:34px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:12px 4px 12px 14px;border:1px solid var(--fb-line);border-radius:12px;background:var(--fb-surface)}
.feedback-context-card>.material-symbols-outlined{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--fb-accent-soft);color:var(--fb-accent);font-size:19px}.feedback-context-card div{min-width:0}.feedback-context-card small{display:block;margin-bottom:2px;color:var(--fb-muted);font-size:11px}.feedback-context-card strong{display:block;overflow:hidden;color:var(--fb-text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.feedback-context-card button{width:44px;height:44px;display:grid;place-items:center;color:var(--fb-muted)}.feedback-context-card button .material-symbols-outlined{font-size:19px}
.feedback-upload-button{width:100%;min-height:76px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px dashed var(--fb-line);border-radius:12px;background:var(--fb-surface);color:var(--fb-text);text-align:left}.feedback-upload-button>.material-symbols-outlined{font-size:28px;color:var(--fb-accent)}
.feedback-upload-button span:nth-child(2){min-width:0}.feedback-upload-button b,.feedback-upload-button small{display:block}.feedback-upload-button b{font-size:14px;font-weight:600}.feedback-upload-button small{margin-top:3px;color:var(--fb-muted);font-size:12px;line-height:1.4}.feedback-upload-button em{color:var(--fb-muted);font-size:12px;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.feedback-upload-button:disabled{cursor:not-allowed;opacity:.46}.feedback-upload-button.is-error{border-color:var(--fb-error);background:color-mix(in srgb,var(--fb-error) 8%,var(--fb-surface))}.feedback-upload-button.is-error em{color:var(--fb-error)}
.feedback-contact-field>label{color:var(--fb-copy)}.feedback-contact-field>input{background:var(--fb-surface-2)!important}
.feedback-image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.feedback-image-preview:empty{display:none}.feedback-image-preview figure{position:relative;aspect-ratio:1;overflow:hidden;margin:0;border:1px solid var(--fb-line);border-radius:12px;background:var(--fb-surface)}.feedback-image-preview img{width:100%;height:100%;display:block;object-fit:cover}.feedback-image-preview button{position:absolute;top:4px;right:4px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(8,10,13,.78);color:#fff;backdrop-filter:blur(7px)}.feedback-image-preview button .material-symbols-outlined{font-size:17px}
.feedback-submit-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;background:linear-gradient(120deg,#ff7a47,#ff5d2b);color:#fff;font-size:14px;font-weight:700;box-shadow:none}.feedback-submit-button:disabled{border-color:var(--fb-line);background:var(--fb-surface-2);color:var(--fb-muted);cursor:not-allowed;opacity:1;box-shadow:none}.feedback-submit-loading{display:flex;align-items:center;justify-content:center;gap:9px}.feedback-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:50%;animation:feedbackSpin .75s linear infinite}@keyframes feedbackSpin{to{transform:rotate(360deg)}}
.feedback-history-page{isolation:isolate;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--fb-surface-2) 58%,var(--fb-bg)) 0,var(--fb-bg) 58%)!important}
.feedback-history-page::before,.feedback-history-page::after{position:absolute;z-index:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,#536ea8 18%,var(--fb-surface-2)),var(--fb-bg) 72%);content:"";pointer-events:none}
.feedback-history-page::before{width:390px;height:390px;right:-210px;bottom:-160px}.feedback-history-page::after{width:280px;height:280px;left:-150px;bottom:-150px;opacity:.68}
:root[data-theme="light"] .feedback-history-page::before,:root[data-theme="light"] .feedback-history-page::after{opacity:.2}
.feedback-history-page .feedback-nav,.feedback-history-intro,.feedback-history-page .feedback-history-list{position:relative;z-index:1}
.feedback-history-page .feedback-nav{min-height:calc(72px + env(safe-area-inset-top,0px));border-bottom:0;background:transparent;backdrop-filter:none}
.feedback-history-page .feedback-nav h1{font-size:18px;font-weight:700}
.feedback-history-page .feedback-nav-back{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--fb-line) 66%,transparent);background:color-mix(in srgb,var(--fb-surface-2) 82%,transparent)}
.feedback-history-page .feedback-nav-back:active{background:color-mix(in srgb,var(--fb-surface-2) 94%,var(--fb-accent-soft))}
.feedback-history-intro{width:min(100%,600px);margin:0 auto;padding:14px 20px 0;color:var(--fb-muted);font-size:13px;line-height:1.55}
.feedback-history-page .feedback-history-list{display:grid;gap:12px;padding-top:22px}
.feedback-record{width:100%;min-height:112px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:14px;padding:18px 16px 18px 20px;border:1px solid color-mix(in srgb,var(--fb-line) 78%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--fb-surface-2) 88%,transparent),color-mix(in srgb,var(--fb-surface) 95%,transparent));color:var(--fb-text);text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.feedback-record:active{background:color-mix(in srgb,var(--fb-surface-2) 92%,var(--fb-accent-soft))}
.feedback-record-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.feedback-record-body b{max-width:100%;overflow:hidden;color:var(--fb-text);font-size:15px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.feedback-record-copy{width:100%;display:-webkit-box;overflow:hidden;margin-top:6px;color:var(--fb-copy);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.feedback-record-body small{margin-top:7px;color:var(--fb-muted);font-size:12px;font-variant-numeric:tabular-nums;line-height:1.4}.feedback-record-chevron{justify-self:end;color:var(--fb-muted);font-size:23px}
.feedback-record:focus-visible{outline:2px solid var(--fb-accent);outline-offset:3px}
.feedback-empty{min-height:calc(100dvh - 226px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center}.feedback-empty>.material-symbols-outlined{font-size:54px;color:var(--fb-muted)}.feedback-empty h2{margin:14px 0 7px;color:var(--fb-text);font-size:18px}.feedback-empty p{max-width:300px;margin:0 0 22px;color:var(--fb-copy);font-size:14px;line-height:1.6}.feedback-empty button{width:132px;min-height:46px;padding:0 18px;border-radius:12px;background:var(--fb-accent);color:#fff;font-size:13px;font-weight:700}
.feedback-detail-page{isolation:isolate;background:radial-gradient(circle at 36% 0,color-mix(in srgb,#182845 34%,var(--fb-bg)) 0,var(--fb-bg) 52%)!important}
.feedback-detail-page::before,.feedback-detail-page::after{position:absolute;z-index:0;border-radius:50%;content:"";pointer-events:none}.feedback-detail-page::before{width:250px;height:250px;right:-120px;top:-110px;background:radial-gradient(circle at 35% 35%,#193e7d,var(--fb-bg) 72%);opacity:.76}.feedback-detail-page::after{width:430px;height:430px;left:-210px;bottom:-250px;background:radial-gradient(circle at 42% 28%,#173461,var(--fb-bg) 74%);opacity:.72}
:root[data-theme="light"] .feedback-detail-page::before,:root[data-theme="light"] .feedback-detail-page::after{opacity:.13}
.feedback-detail-page .feedback-nav,.feedback-detail-page .feedback-detail-body{position:relative;z-index:1}.feedback-detail-page .feedback-nav{min-height:calc(72px + env(safe-area-inset-top,0px));border-bottom:0;background:transparent;backdrop-filter:none}.feedback-detail-page .feedback-nav h1{font-size:18px;font-weight:700}
.feedback-detail-body{min-height:calc(100dvh - 72px - env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:18px}.feedback-detail-panel{display:grid;gap:16px}
.feedback-detail-summary-card,.feedback-detail-card{border:1px solid color-mix(in srgb,#5475ad 34%,var(--fb-line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#172641 58%,var(--fb-surface-2)),color-mix(in srgb,var(--fb-surface) 96%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.feedback-detail-summary-card{min-height:88px;display:flex;align-items:center;padding:18px 20px}.feedback-detail-summary-card div{min-width:0}.feedback-detail-summary-card strong{display:block;overflow:hidden;color:var(--fb-text);font-size:17px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.feedback-detail-summary-card time{display:block;margin-top:6px;color:var(--fb-muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.45}
.feedback-detail-card{padding:19px 18px}.feedback-detail-card h2{margin:0 0 13px;color:var(--fb-muted);font-size:13px;font-weight:550;line-height:1.4}.feedback-detail-description{margin:0;overflow-wrap:anywhere;color:var(--fb-text);font-size:15px;line-height:1.65;white-space:pre-wrap}.feedback-detail-contact{margin:0;overflow-wrap:anywhere;color:var(--fb-text);font-size:14px;line-height:1.55}.feedback-detail-context,.feedback-no-reply{display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--fb-copy);font-size:13px;line-height:1.55}.feedback-detail-context .material-symbols-outlined,.feedback-no-reply .material-symbols-outlined{flex:0 0 auto;color:#78a8ff;font-size:18px}.feedback-official-reply{margin:0;color:var(--fb-copy);font-size:13px;line-height:1.65}.feedback-detail-images{display:grid;grid-template-columns:repeat(3,minmax(0,126px));gap:10px}.feedback-detail-images img{width:100%;aspect-ratio:1;display:block;border-radius:12px;object-fit:cover}.feedback-file{min-width:0;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:12px;background:var(--fb-surface-2);color:var(--fb-muted);font-size:10px;text-align:center;overflow-wrap:anywhere}.feedback-file .material-symbols-outlined{font-size:23px;color:#78a8ff}
.feedback-detail-delete{align-self:center;min-width:132px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding:18px 14px 2px;border:0;border-radius:10px;background:transparent;color:var(--fb-danger);font-size:14px;font-weight:600}.feedback-detail-delete:active{background:color-mix(in srgb,var(--fb-danger) 9%,transparent)}.feedback-detail-delete .material-symbols-outlined{font-size:20px}
.feedback-overlay{position:fixed;inset:0;z-index:320;display:flex;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--bw-overlay,rgba(4,7,10,.66));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.feedback-sheet-overlay{align-items:flex-end;justify-content:center;padding:0}.feedback-delete-sheet{width:100%;max-width:430px;padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));border:1px solid var(--bw-v2-line-strong,var(--bw-line-strong));border-bottom:0;border-radius:var(--bw-v2-radius-sheet,22px) var(--bw-v2-radius-sheet,22px) 0 0;background:var(--bw-v2-surface,var(--bw-surface));color:var(--bw-v2-ink,var(--bw-ink));text-align:left;box-shadow:var(--bw-v2-shadow-float,0 -24px 60px rgba(0,0,0,.34));animation:feedback-sheet-enter .24s cubic-bezier(.2,.78,.25,1) both}.feedback-sheet-handle{width:42px;height:4px;display:block;margin:0 auto 16px;border-radius:999px;background:var(--bw-v2-line-strong,var(--bw-line-strong))}.feedback-delete-sheet h2{margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.018em}.feedback-delete-sheet p{margin:0;color:var(--bw-v2-copy,var(--bw-copy));font-size:13px;line-height:1.55}.feedback-delete-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.feedback-delete-dialog-actions button{width:100%;min-height:46px;border:1px solid var(--bw-v2-line-strong,var(--bw-line-strong));border-radius:var(--bw-v2-radius-control,12px);font-size:13px;font-weight:680}.feedback-dialog-cancel{background:transparent;color:var(--bw-v2-copy,var(--bw-copy))}.feedback-dialog-delete{border-color:var(--bw-danger);background:var(--bw-danger);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--bw-danger) 20%,transparent)}
@keyframes feedback-sheet-enter{from{transform:translateY(calc(100% + 24px));opacity:.72}to{transform:translateY(0);opacity:1}}
:is(.feedback-nav-back,.feedback-history-link,.feedback-detail-delete,.feedback-delete-dialog-actions button):focus-visible{outline:2px solid var(--bw-v2-accent,var(--fb-accent));outline-offset:2px}

.result-video-lightbox-footer .result-video-feedback{order:5;align-self:flex-start;min-height:36px;display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:0 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(8,10,13,.52);color:#fff;font-size:11px;font-weight:650;pointer-events:auto;backdrop-filter:blur(10px)}
.result-video-lightbox-footer .result-video-feedback .material-symbols-outlined{font-size:16px}
.chat-detail-actions.has-feedback{grid-template-columns:88px 104px minmax(0,1fr)!important}
.chat-detail-action.is-feedback{border-color:color-mix(in srgb,var(--bw-v2-accent,#ff7043) 45%,var(--warm-border,#ddd))!important;color:var(--bw-v2-accent,#ff7043)!important}

@media(max-width:370px){
  .feedback-main,.feedback-history-list,.feedback-detail-body{padding-left:16px;padding-right:16px}
  .feedback-nav{grid-template-columns:56px minmax(0,1fr) 56px;padding-left:12px;padding-right:12px}
  .feedback-history-link{font-size:12px}
  .feedback-history-intro{padding-left:16px;padding-right:16px}
  .feedback-record{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:16px}
  .chat-detail-actions.has-feedback{grid-template-columns:78px 92px minmax(0,1fr)!important;gap:6px!important}
  .chat-detail-actions.has-feedback .chat-detail-action{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .feedback-page,.feedback-history-page,.feedback-detail-page{transition:none!important}
  .feedback-delete-sheet{animation:none!important}
  .feedback-type-grid span,.feedback-type-grid span::before{transition:none!important}
  .feedback-spinner{animation-duration:1.4s}
}