/* Scoped !important declarations keep this form independent of the legacy framework reset. */
.sg-feedback { max-width:960px!important; margin:0 auto!important; color:#2e5144!important; padding-bottom:22px!important; width:100%!important; }
.sg-feedback * { box-sizing:border-box!important; }
.sg-feedback [hidden] { display:none!important; }
.sg-feedback-card { padding:26px!important; margin-bottom:22px!important; border:1px solid #fff!important; border-radius:24px!important; background:linear-gradient(130deg,#fffefbed,#eff7edf0)!important; box-shadow:0 12px 40px #36583d0d!important; }
.sg-feedback-head { margin-bottom:24px!important; }
.sg-feedback-kicker { color:#997746!important; font-size:11px!important; letter-spacing:2px!important; }
.sg-feedback h2 { font-size:23px!important; font-weight:750!important; line-height:1.5!important; margin:8px 0!important; }
.sg-feedback-head p,.sg-feedback-upload p { color:#748477!important; font-size:12px!important; line-height:1.8!important; margin:8px 0!important; }
.sg-feedback-fields { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px 16px!important; }
.sg-feedback-field { display:flex!important; flex-direction:column!important; gap:9px!important; min-width:0!important; }
.sg-feedback-field>span { font-size:13px!important; font-weight:650!important; color:#466553!important; }
.sg-feedback-field b { color:#b28b52!important; }
.sg-feedback-wide { grid-column:1 / -1!important; }
.sg-feedback-field input,.sg-feedback-field textarea,.sg-feedback-field select { width:100%!important; min-width:0!important; border:1px solid #d8e2d5!important; padding:12px 14px!important; background:#ffffffc9!important; color:#294b3e!important; border-radius:12px!important; font-size:16px!important; line-height:1.6!important; min-height:48px!important; box-shadow:inset 0 1px 2px #253d2804!important; outline:none!important; transition:border-color .2s,box-shadow .2s!important; }
.sg-feedback-field textarea { resize:vertical!important; min-height:106px!important; }
.sg-feedback-field input:focus,.sg-feedback-field textarea:focus,.sg-feedback-field select:focus { border-color:#78a389!important; box-shadow:0 0 0 3px #78a38926!important; }
.sg-feedback-field input::placeholder,.sg-feedback-field textarea::placeholder { color:#9aa699!important; font-size:12px!important; }
.sg-feedback-upload { margin:24px 0!important; border-top:1px dashed #d6dfd1!important; padding-top:20px!important; }
.sg-feedback-section-title,.sg-feedback-record-head { display:flex!important; gap:12px!important; align-items:center!important; justify-content:space-between!important; }
.sg-feedback h3 { font-size:16px!important; font-weight:700!important; overflow-wrap:anywhere!important; }
.sg-feedback-section-title span,.sg-feedback-section-title small { color:#899680!important; font-size:11px!important; font-weight:400!important; }
.sg-feedback-add { display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; position:relative!important; min-height:66px!important; margin-top:14px!important; border:1px dashed #9eb79f!important; border-radius:14px!important; background:#edf5e7a1!important; color:#4f795a!important; font-size:14px!important; cursor:pointer!important; overflow:hidden!important; }
.sg-feedback-add>span { font-size:25px!important; }
.sg-feedback-add input { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; opacity:0!important; cursor:pointer!important; }
.sg-feedback-add:focus-within { outline:2px solid #548269!important; outline-offset:2px!important; }
.sg-feedback-previews { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; margin-top:14px!important; }
.sg-feedback-previews:empty { display:none!important; }
.sg-feedback-previews>div,.sg-feedback-previews>a { position:relative!important; min-width:0!important; }
.sg-feedback-previews img { display:block!important; width:100%!important; height:128px!important; object-fit:contain!important; border:1px solid #d8e2d5!important; border-radius:12px!important; background:#eaf0e5!important; }
.sg-feedback-previews button { position:absolute!important; right:3px!important; top:3px!important; min-width:40px!important; min-height:40px!important; border-radius:20px!important; border:1px solid #fff8!important; background:#355745e8!important; color:white!important; font-size:24px!important; cursor:pointer!important; }
.sg-feedback-submit { display:flex!important; width:100%!important; align-items:center!important; justify-content:center!important; gap:14px!important; min-height:50px!important; padding:12px 18px!important; border:1px solid #38634d!important; border-radius:14px!important; color:#fffcec!important; background:linear-gradient(120deg,#518169,#32644e)!important; font-size:15px!important; font-weight:700!important; box-shadow:0 4px 0 #294f3f,0 8px 18px #30544014!important; transition:transform .2s,opacity .2s!important; cursor:pointer!important; }
.sg-feedback-submit:active { transform:translateY(2px)!important; }
.sg-feedback-submit:disabled { opacity:.55!important; cursor:wait!important; }
.sg-feedback-notice,.sg-feedback-success { padding:12px 14px!important; margin:14px 0!important; border-radius:12px!important; font-size:13px!important; line-height:1.7!important; background:#fff0df!important; color:#956334!important; }
.sg-feedback-success { background:#e5f1e6!important; color:#376648!important; }
.sg-feedback-progress { margin:14px 0!important; font-size:12px!important; color:#527b5e!important; }
.sg-feedback-progress progress { display:block!important; width:100%!important; height:8px!important; accent-color:#4b825f!important; margin-bottom:8px!important; }
.sg-feedback-history { margin-top:30px!important; }
.sg-feedback-history>.sg-feedback-section-title { margin-bottom:14px!important; }
.sg-feedback-history h2 { font-size:19px!important; }
.sg-feedback-status { flex-shrink:0!important; color:#65845b!important; background:#e6efdd!important; border-radius:20px!important; padding:5px 10px!important; font-size:11px!important; }
.sg-feedback-meta { margin:8px 0!important; color:#8a9787!important; font-size:11px!important; overflow-wrap:anywhere!important; }
.sg-feedback summary { padding:12px 0!important; font-size:13px!important; color:#47765d!important; cursor:pointer!important; }
.sg-feedback dt { font-size:12px!important; color:#899580!important; margin:14px 0 5px!important; }
.sg-feedback dd,.sg-feedback-reply p { white-space:pre-wrap!important; overflow-wrap:anywhere!important; font-size:13px!important; line-height:1.8!important; }
.sg-feedback-reply { margin-top:16px!important; padding:14px!important; border-radius:12px!important; background:#eaf3e6!important; }
.sg-feedback-reply strong { color:#547c55!important; font-size:12px!important; }
.sg-feedback-empty { text-align:center!important; padding:30px 12px!important; color:#85947c!important; font-size:13px!important; }
.sg-feedback-empty img { margin:0 auto 12px!important; }
.sg-feedback-empty small { display:block!important; margin-top:8px!important; font-size:11px!important; }
.sg-feedback-pagination { display:flex!important; justify-content:center!important; gap:20px!important; margin:16px 0!important; }
.sg-feedback-pagination a { padding:12px 20px!important; border-radius:12px!important; background:#f5faf1!important; font-size:13px!important; }
.sg-feedback-review { display:grid!important; gap:14px!important; margin-top:20px!important; }
@media(max-width:680px) { .sg-feedback-card { padding:21px 16px!important; border-radius:20px!important; } .sg-feedback h2 { font-size:20px!important; } .sg-feedback-fields { grid-template-columns:1fr!important; gap:17px!important; } .sg-feedback-previews img { height:100px!important; } .sg-feedback { padding-bottom:40px!important; } }
@media(prefers-reduced-motion:reduce) { .sg-feedback * { transition:none!important; } }