.feedback-page{max-width:1320px;margin:0 auto;padding:64px 5% 90px}.feedback-heading{max-width:740px;margin-bottom:36px}.feedback-heading h1{font-family:var(--font-serif), serif;margin:12px 0 18px;font-size:clamp(30px,3vw,42px);font-weight:600}.feedback-heading>p:last-child{color:var(--muted);line-height:1.9}.feedback-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.feedback-panel{border:1px solid var(--line);background:#ffffffb3;border-radius:18px;min-width:0;padding:28px}.feedback-panel h2{font-family:var(--font-serif), serif;margin:0;font-size:22px}.feedback-section-heading{align-items:center;gap:10px;display:flex}.feedback-section-heading .feedback-refresh{margin-left:auto}.feedback-hint,.feedback-meta{color:var(--muted);font-size:13px;line-height:1.8}.feedback-hint{margin:14px 0 22px}.feedback-fields{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.feedback-fields .field{margin:0}.feedback-fields .field small{color:var(--muted);margin-left:5px;font-size:11px;font-weight:400}.feedback-fields textarea{resize:vertical;min-height:96px;line-height:1.7}.feedback-fields .feedback-hint{margin:0}.feedback-two-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.feedback-panel input,.feedback-panel select,.feedback-panel textarea,.feedback-filters select{width:100%;min-width:0}.feedback-primary{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;justify-content:center;justify-self:start;align-items:center;gap:10px;min-height:46px;padding:12px 22px;display:inline-flex}.feedback-primary:hover{background:var(--teal)}.feedback-page button:disabled,.feedback-admin button:disabled{opacity:.55;cursor:wait}.feedback-error{color:#a33043;background:#fff1f3;border-radius:8px;padding:12px 14px;line-height:1.7}.feedback-error button{margin-left:12px;text-decoration:underline}.feedback-success{color:#256960;background:#e5f4ef;border-radius:8px;padding:12px 14px;line-height:1.7}.feedback-context{background:var(--cyan);overflow-wrap:anywhere;border-radius:8px;align-items:start;gap:12px;padding:12px 14px;font-size:13px;line-height:1.8;display:flex}.feedback-context button{flex-shrink:0;text-decoration:underline}.feedback-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:44px 16px;font-size:14px;line-height:1.8;display:flex}.feedback-empty p{color:var(--ink);margin:18px 0 8px}.feedback-empty span{font-size:12px}.feedback-item{border-top:1px solid var(--line)}.feedback-item summary{cursor:pointer;justify-content:space-between;align-items:start;gap:14px;padding:20px 0;font-size:14px;line-height:1.7;list-style:none;display:flex}.feedback-item summary::-webkit-details-marker{display:none}.feedback-item summary>span:first-child{overflow-wrap:anywhere}.feedback-item summary>span:first-child:before{content:"＋";color:var(--teal);margin-right:7px}.feedback-item[open] summary>span:first-child:before{content:"−"}.feedback-status{white-space:nowrap;color:#586e77;background:#eaf0f2;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:11px;line-height:1.6;display:inline-block}.feedback-status.is-processing{color:#315e8b;background:#e5f0fb}.feedback-status.is-resolved{color:#27684f;background:#e1f2e9}.feedback-status.is-closed{color:#766e7a;background:#eeedf0}.feedback-details{overflow-wrap:anywhere;font-size:13px}.feedback-details h4{color:var(--muted);margin:20px 0 8px;font-size:12px;font-weight:500}.feedback-text{white-space:pre-wrap;margin:0 0 16px;line-height:1.9}.feedback-target a{color:var(--teal);text-underline-offset:4px;line-height:1.8;text-decoration:underline}.feedback-target svg{vertical-align:middle;margin-left:5px;display:inline}.feedback-reply{border-left:2px solid var(--teal);background:#eef7f7;margin:22px 0;padding:1px 16px 4px}.feedback-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;font-size:13px;display:flex}.feedback-pagination button,.feedback-filters>button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px}.feedback-filters{align-items:end;gap:16px;margin:20px 0;display:flex}.feedback-filters .field{min-width:130px;margin:0}.feedback-filters>button{align-items:center;gap:8px;min-height:43px;display:flex}.feedback-admin-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);align-items:start;gap:24px;display:grid}.feedback-admin-item{text-align:left;border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:12px;grid-template-columns:1fr;gap:10px;width:100%;margin:0 0 12px;padding:18px;display:grid}.feedback-admin-item.is-selected{border-color:var(--teal);background:#edf7f7}.feedback-admin-item .feedback-status{justify-self:start}.feedback-admin-item strong{font-size:14px;font-weight:500;line-height:1.7}.feedback-admin-item>span:not(.feedback-status),.feedback-admin-item small{color:var(--muted);font-size:12px}.feedback-admin .feedback-panel h3{overflow-wrap:anywhere;margin:0;font-size:20px}.feedback-context-link{color:var(--teal);text-underline-offset:4px;align-items:center;margin-top:14px;font-size:12px;line-height:1.8;text-decoration:underline;display:inline-flex}.feedback-page :focus-visible,.feedback-admin :focus-visible{outline:2px solid var(--teal);outline-offset:4px}.feedback-refresh{border-radius:6px;justify-content:center;align-items:center;padding:7px;display:flex}@media (max-width:900px){.feedback-layout,.feedback-admin-layout{grid-template-columns:1fr}.feedback-page{padding-top:36px}.feedback-panel{padding:22px}.feedback-filters{flex-wrap:wrap}}@media (max-width:480px){.feedback-page{padding-inline:5%}.feedback-panel{padding:20px 16px}.feedback-two-fields{grid-template-columns:1fr}.feedback-fields .field>span small{margin:4px 0 0;display:block}.feedback-heading h1{font-size:28px}.feedback-context{flex-direction:column}.feedback-item summary{gap:8px}.feedback-filters .field{flex:1}.feedback-admin-layout{gap:16px}}
