.suggestions-page { --suggest-blue:#0672ce; --suggest-navy:#002a4e; --suggest-muted:#587187; }
.suggestions-page .suggestion-field label { font-size:16px; letter-spacing:.015em; }
.suggestions-page .suggestion-field input, .suggestions-page .suggestion-field textarea { font-size:18px; }
.suggestion-record { overflow-wrap:anywhere; }
.suggestions-page .page-title { margin-top:24px; }
.suggestions-page .page-title h1 { font-size:clamp(32px,3vw,40px); }
.suggestions-page .page-title p { max-width:760px; font-size:18px; line-height:1.6; }
.suggestions-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr); gap:18px; margin-top:22px; align-items:start; }
.suggestion-form, .suggestion-help, .suggestion-history { border-radius:16px; }
.suggestion-form { padding:26px; }
.suggestion-form-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:19px; border-bottom:1px solid #dce8ef; }
.suggestion-form-head h2, .suggestion-help h2, .suggestion-history h2 { margin:7px 0 0; color:var(--suggest-navy); font-size:26px; line-height:1.25; }
.suggestion-state { min-height:24px; color:#55758c; font-size:14px; font-weight:750; text-align:right; }
.suggestion-state.error { color:#a52b40; }.suggestion-state.success { color:#19704f; }.suggestion-state.pending { color:#176aa4; }
.suggestion-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 15px; margin-top:21px; }
.suggestion-field { min-width:0; }.suggestion-field.full-field { grid-column:1/-1; }
.suggestion-field label { display:block; margin-bottom:7px; color:var(--suggest-navy); font-size:14px; font-weight:850; letter-spacing:.055em; }
.suggestion-field input, .suggestion-field textarea { display:block; width:100%; box-sizing:border-box; border:1px solid #bfd5e2; border-radius:9px; background:#fff; color:#183b58; font:inherit; font-size:16px; line-height:1.55; outline:none; }
.suggestion-field input { min-height:49px; padding:10px 12px; }.suggestion-field textarea { min-height:112px; padding:11px 12px; resize:vertical; }
.suggestion-field input:focus, .suggestion-field textarea:focus { border-color:var(--suggest-blue); box-shadow:0 0 0 3px rgba(6,114,206,.13); }
.suggestion-field input[readonly] { background:#f5f9fb; color:#587187; }
.suggestion-field input[aria-invalid="true"], .suggestion-field textarea[aria-invalid="true"] { border-color:#bd2943; }
.field-hint, .field-error { display:block; margin-top:5px; font-size:14px; line-height:1.45; }.field-hint { color:#6c8496; }.field-error { min-height:20px; color:#a52b40; }
.suggestion-actions { display:flex; align-items:center; gap:15px; margin-top:3px; }.suggestion-actions .primary-btn { min-width:180px; }.suggestion-actions .primary-btn:disabled { cursor:wait; opacity:.62; }
.suggestion-message { min-height:24px; margin:0; color:#5c7588; font-size:15px; line-height:1.5; }.suggestion-message.error { color:#a52b40; }.suggestion-message.success { color:#19704f; }
.suggestion-help { padding:24px; background:linear-gradient(145deg,#002a4e,#075f9f); color:#fff; }.suggestion-help h2 { color:#fff; }.suggestion-help ol { display:grid; gap:16px; margin:22px 0 0; padding-left:23px; }.suggestion-help li { padding-left:4px; color:#d8f2ff; font-size:16px; line-height:1.6; }.suggestion-help .kicker { color:#a9eaff; }
.suggestion-note { margin-top:22px; padding:13px 14px; border:1px solid rgba(196,237,255,.25); border-radius:10px; background:rgba(0,28,53,.3); color:#d8f2ff; font-size:15px; line-height:1.55; }
.suggestion-history { margin-top:18px; padding:24px; }.suggestion-history .section-head { margin:0 0 15px; }.suggestion-history-status { color:#a52b40; font-size:14px; }.suggestion-history-list { display:grid; gap:10px; }.suggestion-record { padding:15px 16px; border:1px solid #d8e6ee; border-radius:11px; background:#f8fcfe; }.suggestion-record-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.suggestion-record h3 { margin:0; color:var(--suggest-navy); font-size:18px; line-height:1.35; }.suggestion-record-status { flex:0 0 auto; padding:4px 8px; border-radius:999px; background:#e4f5ec; color:#19704f; font-size:12px; font-weight:850; }.suggestion-record p { margin:8px 0; color:#587187; font-size:16px; line-height:1.55; white-space:pre-wrap; }.suggestion-record small { color:#70899a; font-size:14px; }.suggestion-empty { margin:0; color:#6b8293; font-size:16px; }
@media (max-width:980px) { .suggestions-layout { grid-template-columns:1fr; } .suggestion-help { order:-1; } }
@media (max-width:720px) { .suggestions-page .page-title { margin-top:18px; }.suggestions-page .page-title p { font-size:17px; }.suggestion-form, .suggestion-help, .suggestion-history { padding:20px 16px; }.suggestion-form-head { align-items:flex-start; flex-direction:column; }.suggestion-state { text-align:left; }.suggestion-fields { grid-template-columns:1fr; gap:13px; }.suggestion-field.full-field { grid-column:auto; }.suggestion-actions { align-items:stretch; flex-direction:column; }.suggestion-actions .primary-btn { width:100%; }.suggestion-message { min-height:0; }.suggestion-record-head { align-items:flex-start; flex-direction:column; gap:7px; } }