.site-page .feedback-layout { grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: start; }
.feedback-card { min-width:0; padding:32px; border:1px solid #c9ae7c66; border-radius:8px; background:linear-gradient(145deg,#282d31,#141c25); box-shadow:0 25px 55px #0003; }
.feedback-card [hidden],.developer-page [hidden] { display:none !important; }
.feedback-card fieldset { margin:0; padding:0; border:0; min-width:0; }
.feedback-card legend { margin-bottom:24px; font:28px Georgia,serif; color:#ecdec2; }
.feedback-card label,.ticket-form label,.inbox-filter label { display:flex; flex-direction:column; gap:8px; margin:0 0 18px; font-size:14px; color:#d4d9e1; }
.feedback-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.feedback-card input,.feedback-card select,.feedback-card textarea,.inbox-filter input,.inbox-filter select,.ticket-form select,.ticket-form textarea { width:100%; min-width:0; border:1px solid #a7b3c344; border-radius:5px; background:#101820; color:#edf0f4; font:16px/1.5 'Segoe UI',sans-serif; padding:12px; box-sizing:border-box; }
.feedback-card textarea,.ticket-form textarea { resize:vertical; }
.feedback-card input:focus,.feedback-card select:focus,.feedback-card textarea:focus,.ticket-form :focus-visible,.inbox-filter :focus-visible { outline:2px solid #c9ae7c; outline-offset:3px; }
.feedback-card label small,.feedback-card > small { color:#a8b1bd; font-size:12px; }
#feedback-email-hint { display:block; margin:-8px 0 22px; color:#adb7c4; font-size:12px; line-height:1.6; }
.feedback-card .feedback-privacy { color:#aeb7c4; font-size:12px; line-height:1.7; }
.feedback-card .feedback-consent { flex-direction:row; align-items:flex-start; gap:12px; margin:20px 0; font-size:12px; line-height:1.7; }
.feedback-consent input { width:20px; height:20px; flex:0 0 20px; margin-top:2px; accent-color:#c9ae7c; }
.feedback-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.feedback-card button { cursor:pointer; }
.feedback-card fieldset:disabled { opacity:.6; }
#feedback-result { min-height:24px; font-size:14px; line-height:1.65; color:#e7c894; }
.feedback-assurance { display:flex; gap:16px; border-top:1px solid #c9ae7c44; margin-top:32px; padding-top:24px; }
.feedback-assurance > span { color:#c9ae7c; font:22px Georgia,serif; }
.feedback-assurance p { margin:0; font-size:13px; line-height:1.8; color:#aeb8c4; }
#feedback-success h3 { font:34px/1.15 Georgia,serif; }
#feedback-success p { font-size:16px; overflow-wrap:anywhere; }
.owner-sections { display:flex; gap:12px; margin:28px 0; }
.owner-sections button,.inbox-heading button,.inbox-filter button,.inbox-pagination button,.ticket-form button,.delivery-row button { padding:12px 18px; min-height:44px; border:1px solid #c9ae7c66; border-radius:6px; color:#e8d6b5; background:#182430; font:14px 'Segoe UI',sans-serif; cursor:pointer; }
.owner-sections button[aria-selected=true] { color:#17212a; background:#dfc79a; }
.developer-page button:disabled { opacity:.45; cursor:default; }
.inbox-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.inbox-heading h1 { font:clamp(30px,5vw,52px)/1.1 Georgia,serif; margin:16px 0; }
.inbox-heading p { color:#a4b1c0; line-height:1.7; }
.inbox-notice { border:1px solid #c9ae7c44; background:#c9ae7c0c; padding:18px; color:#d9c9ae; font-size:14px; line-height:1.7; }
.inbox-filter { display:grid; grid-template-columns:200px 1fr auto; gap:16px; align-items:end; margin:24px 0; }
.inbox-filter label { margin:0; }
.inbox-layout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; }
#inbox-result { color:#b5c0ce; min-height:24px; line-height:1.7; }
.inbox-item { display:flex; flex-direction:column; text-align:left; gap:10px; width:100%; min-width:0; margin-bottom:10px; padding:20px; border:1px solid #a4b5ce33; border-radius:8px; color:#e3e9f0; background:#111e2b; cursor:pointer; overflow-wrap:anywhere; font:14px/1.6 'Segoe UI',sans-serif; }
.inbox-item[aria-pressed=true],.inbox-item:focus-visible { border-color:#c9ae7c; outline-color:#c9ae7c; }
.inbox-item small { color:#aeb9c7; }
.inbox-item strong { color:#e5d2ad; font-size:17px; }
.inbox-pagination { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:20px 0; }
.inbox-detail { min-width:0; background:#101b27; padding:28px; border:1px solid #a4b5ce33; border-radius:8px; font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
.inbox-detail h2 { font:32px Georgia,serif; color:#e5d2ad; margin:16px 0; }
.inbox-detail h3 { margin-top:32px; font-size:19px; color:#e1ccaa; }
.inbox-detail small { color:#a9b7c6; }
.inbox-message { white-space:pre-wrap; padding:20px; background:#ffffff06; border-left:2px solid #c9ae7c; }
.ticket-form { border-top:1px solid #ffffff20; padding-top:20px; margin-top:24px; }
.ticket-event,.delivery-row { padding:14px 0; border-bottom:1px solid #ffffff15; }
.ticket-event p { white-space:pre-wrap; margin:6px 0; }
@media(max-width:1000px) { .site-page .feedback-layout { grid-template-columns:1fr; gap:32px; } .feedback-layout .contact-copy { max-width:660px; } .inbox-layout { grid-template-columns:1fr; } }
@media(max-width:600px) { .feedback-card { padding:24px 20px; } .feedback-row { grid-template-columns:1fr; gap:0; } .feedback-card .button { width:100%; } .inbox-heading { flex-direction:column; align-items:flex-start; } .inbox-filter { grid-template-columns:1fr; } .inbox-detail { padding:20px; } .developer-header { flex-wrap:wrap; } .owner-sections { flex-wrap:wrap; } }