.feedbackPage{display:grid;gap:14px}
.feedbackHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.feedbackHeader h2{color:#fffaf3;font-family:"Times New Roman","Yu Mincho",serif;font-size:23px}
.feedbackHeader p{margin-top:5px;color:#b6afa6;font-size:12.5px}
.feedbackDirect{padding:6px 9px;border:1px solid #66573d;border-radius:4px;background:#2a241a;color:#ecd39e;font-size:10.5px;white-space:nowrap}
.feedbackTabs{display:flex;gap:2px;border-bottom:1px solid #47464a}
.feedbackTabs button{min-height:42px;padding:9px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b6afa6;font-size:11.5px;cursor:pointer}
.feedbackTabs button.active{border-bottom-color:#d2b274;color:#f3d9a4}
.feedbackQuickWrap{width:min(720px,100%);margin:8px auto 0}
.feedbackQuick{display:grid;gap:11px;padding:18px}
.feedbackQuick label{color:#e6dfd6;font-size:11.5px}
.feedbackQuick .feedbackText{min-height:190px}
.feedbackQuick>small{color:#99928a;font-size:9.5px}
.feedbackQuick .feedbackSubmit{margin-top:3px}
.feedbackGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;align-items:start}
.feedbackSurface{min-width:0;overflow:hidden;border:1px solid #454448;border-radius:8px;background:#19191b}
.feedbackSurfaceHead{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #454448;background:#202023}
.feedbackSurfaceHead h3{color:#f7f3ed;font-family:"Times New Roman","Yu Mincho",serif;font-size:15px}
.feedbackSurfaceHead span{margin-left:auto;color:#aaa39a;font-size:10.5px}
.feedbackForm{display:grid;gap:17px;padding:16px}
.feedbackField>label,.feedbackField>span{display:block;margin-bottom:7px;color:#d9d2c8;font-size:11px}
.feedbackField small{display:block;margin-top:6px;color:#99928a;font-size:9.5px;line-height:1.5}
.feedbackType{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feedbackType button{min-height:62px;padding:10px 12px;border:1px solid #4b494e;border-radius:5px;background:#151517;color:#d8d1c8;text-align:left;cursor:pointer}
.feedbackType button strong{display:block;font-size:11.5px}
.feedbackType button span{display:block;margin-top:5px;color:#aaa39a;font-size:9.5px;line-height:1.4}
.feedbackType button.active{border-color:#90784d;background:#302a21;color:#f3d9a4}
.feedbackSelect,.feedbackInput,.feedbackText{width:100%;border:1px solid #4b494e;border-radius:5px;background:#111113;color:#f2ede5;font-size:11.5px;outline:none}
.feedbackSelect,.feedbackInput{min-height:40px;padding:8px 10px}
.feedbackText{min-height:126px;padding:10px;resize:vertical;line-height:1.65}
.feedbackSelect:focus,.feedbackInput:focus,.feedbackText:focus{border-color:#9e8452;box-shadow:0 0 0 2px rgba(210,178,116,.1)}
.feedbackContext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #3e3d41;border-radius:5px;background:#141416}
.feedbackContext div{min-height:58px;padding:10px 11px;border-right:1px solid #3e3d41}
.feedbackContext div:last-child{border-right:0}
.feedbackContext small{display:block;color:#99928a;font-size:9px}
.feedbackContext strong{display:block;margin-top:5px;color:#e8e1d8;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feedbackChecks{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.feedbackCheck{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 9px;border:1px solid #414045;border-radius:5px;background:#151517;color:#c9c2b9;font-size:10.5px;cursor:pointer}
.feedbackCheck input{accent-color:#c9aa6e}
.feedbackPrivacy{padding:10px 11px;border-left:3px solid #7d6a46;background:#211d17;color:#bdb5a9;font-size:10px;line-height:1.6}
.feedbackSubmit{min-height:42px;border:1px solid #c2a66f;border-radius:5px;background:#d6bf8d;color:#17130e;font-size:11px;font-weight:650;cursor:pointer}
.feedbackSubmit:disabled{opacity:.45;cursor:not-allowed}
.feedbackHow{display:grid}
.feedbackHowStep{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:13px 15px;border-bottom:1px solid #343337}
.feedbackHowStep:last-child{border-bottom:0}
.feedbackHowStep b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #695a3e;color:#e2c98f;font-family:"Times New Roman",serif;font-size:12px}
.feedbackHowStep strong{display:block;color:#eee8df;font-size:11px}
.feedbackHowStep span{display:block;margin-top:4px;color:#aaa39a;font-size:9.5px;line-height:1.5}
.feedbackBoundary{padding:14px 15px}
.feedbackBoundary>p{margin:0 0 10px;color:#b8b1a8;font-size:10.5px;line-height:1.6}
.feedbackBoundaryRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feedbackBoundaryBox{padding:10px;border:1px solid #3f3e42;background:#141416}
.feedbackBoundaryBox small{display:block;color:#aaa39a;font-size:9px}
.feedbackBoundaryBox strong{display:block;margin-top:6px;color:#e8e1d8;font-size:10px;line-height:1.5}
.feedbackBoundaryBox.approval{border-color:#664640;background:#221817}
.feedbackSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #454448;border-radius:8px;background:#19191b}
.feedbackSummary div{min-height:76px;padding:13px 15px;border-right:1px solid #454448}
.feedbackSummary div:last-child{border-right:0}
.feedbackSummary small{display:block;color:#aaa39a;font-size:10px}
.feedbackSummary strong{display:block;margin-top:7px;color:#f5f0e9;font-size:19px;font-variant-numeric:tabular-nums}
.feedbackSummary span{display:block;margin-top:4px;color:#aaa39a;font-size:9.5px}
.feedbackStatusGrid{display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(330px,.95fr);gap:14px;align-items:start}
.feedbackRequestList{display:grid}
.feedbackRequest{width:100%;display:grid;grid-template-columns:84px minmax(0,1fr) 82px 18px;gap:11px;align-items:center;min-height:78px;padding:11px 14px;border:0;border-bottom:1px solid #343337;background:transparent;color:inherit;text-align:left;cursor:pointer}
.feedbackRequest:last-child{border-bottom:0}
.feedbackRequest:hover{background:#232326}
.feedbackRequest.active{background:#302a21;box-shadow:inset 3px 0 0 #d2b274}
.feedbackRequestType{width:max-content;padding:4px 6px;border:1px solid #66583f;border-radius:3px;color:#e7cc96;font-size:9px}
.feedbackRequestType.stop{border-color:#784943;background:#271817;color:#ef9a93}
.feedbackRequestTitle strong{display:block;color:#f1ece5;font-size:11.5px}
.feedbackRequestTitle span{display:block;margin-top:5px;color:#aaa39a;font-size:9.5px}
.feedbackState{width:max-content;padding:4px 7px;border-radius:3px;background:#302d28;color:#ddd2c1;font-size:9px}
.feedbackState.checking{background:#302a21;color:#e8ce97}
.feedbackState.planned{background:#1e2d35;color:#a9cbe1}
.feedbackState.done{background:#203126;color:#a9d8b4}
.feedbackState.approval{background:#35201e;color:#efa19a}
.feedbackRequestArrow{color:#d2b274;font-size:17px}
.feedbackDetail{padding:15px}
.feedbackDetailTop{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.feedbackDetailTop small{color:#aaa39a;font-size:9.5px}
.feedbackDetailTop h4{margin-top:6px;color:#fffaf3;font-size:15px;line-height:1.5}
.feedbackMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}
.feedbackMeta div{padding:9px;background:#141416}
.feedbackMeta small{display:block;color:#99928a;font-size:8.5px}
.feedbackMeta strong{display:block;margin-top:4px;color:#ddd6cd;font-size:9.5px}
.feedbackMessage{margin-top:11px;padding:11px 12px;border-left:3px solid #7e6a45;background:#211d17;color:#d5cec5;font-size:10.5px;line-height:1.65}
.feedbackTimeline{display:grid;margin-top:14px}
.feedbackTimelineRow{display:grid;grid-template-columns:78px 12px minmax(0,1fr);gap:8px;min-height:48px}
.feedbackTimelineRow time{color:#99928a;font-size:9px}
.feedbackTimelineDot{position:relative;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#806b46}
.feedbackTimelineDot::after{content:"";position:absolute;top:10px;left:3px;width:1px;height:34px;background:#454348}
.feedbackTimelineRow:last-child .feedbackTimelineDot::after{display:none}
.feedbackTimelineRow strong{display:block;color:#e9e2d9;font-size:10.5px}
.feedbackTimelineRow span{display:block;margin-top:4px;color:#aaa39a;font-size:9.5px;line-height:1.5}
.feedbackRating{margin-top:12px;padding:11px;border:1px solid #3f3e42;background:#141416}
.feedbackRating strong{display:block;font-size:10.5px}
.feedbackRating div{display:flex;gap:7px;margin-top:9px}
.feedbackRating button{min-height:31px;padding:5px 9px;border:1px solid #565158;border-radius:4px;background:#202023;color:#d8d1c8;font-size:9.5px;cursor:pointer}
.feedbackReportHero{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,150px);overflow:hidden;border:1px solid #454448;border-radius:8px;background:#19191b}
.feedbackReportIntro{padding:17px}
.feedbackReportIntro small{color:#d3b471;font-size:9.5px}
.feedbackReportIntro h3{margin-top:7px;font-family:"Times New Roman","Yu Mincho",serif;font-size:17px}
.feedbackReportIntro p{margin-top:6px;color:#aaa39a;font-size:10px}
.feedbackReportStat{padding:17px;border-left:1px solid #454448}
.feedbackReportStat small{display:block;color:#aaa39a;font-size:9.5px}
.feedbackReportStat strong{display:block;margin-top:7px;font-size:20px}
.feedbackReportStat span{display:block;margin-top:5px;color:#aaa39a;font-size:9px}
.feedbackChanges{display:grid}
.feedbackChange{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(180px,.8fr);gap:12px;padding:13px 15px;border-bottom:1px solid #343337;align-items:center}
.feedbackChange:last-child{border-bottom:0}
.feedbackChange time{color:#aaa39a;font-size:9.5px}
.feedbackChange strong{font-size:11px}
.feedbackChange span{color:#a9d8b4;font-size:10px}
@media(max-width:1100px){
  .feedbackGrid,.feedbackStatusGrid{grid-template-columns:1fr}
  .feedbackReportHero{grid-template-columns:1fr repeat(3,130px)}
}
@media(max-width:760px){
  .feedbackHeader{align-items:flex-start;flex-direction:column}
  .feedbackDirect{white-space:normal}
  .feedbackSummary{grid-template-columns:1fr 1fr}
  .feedbackSummary div:nth-child(2){border-right:0}
  .feedbackSummary div:nth-child(n+3){border-top:1px solid #454448}
  .feedbackRequest{grid-template-columns:76px minmax(0,1fr) 18px}
  .feedbackState{grid-column:2}
  .feedbackRequestArrow{grid-column:3;grid-row:1 / span 2}
  .feedbackReportHero{grid-template-columns:1fr 1fr}
  .feedbackReportIntro{grid-column:1/-1}
  .feedbackReportStat{border-top:1px solid #454448}
  .feedbackReportStat:nth-child(even){border-left:0}
}
@media(max-width:520px){
  .feedbackType,.feedbackChecks,.feedbackBoundaryRow{grid-template-columns:1fr}
  .feedbackContext,.feedbackMeta{grid-template-columns:1fr}
  .feedbackContext div{border-right:0;border-bottom:1px solid #3e3d41}
  .feedbackContext div:last-child{border-bottom:0}
  .feedbackSummary{grid-template-columns:1fr}
  .feedbackSummary div,.feedbackSummary div:nth-child(2){border-right:0}
  .feedbackSummary div:nth-child(n+2){border-top:1px solid #454448}
  .feedbackReportHero{grid-template-columns:1fr}
  .feedbackReportIntro{grid-column:auto}
  .feedbackReportStat{border-left:0}
  .feedbackChange{grid-template-columns:1fr}
}