.complaint-hero{padding:54px 0 40px;background:linear-gradient(135deg,#edf8ff 0%,#f7fbfd 55%,#edf8f5 100%);border-bottom:1px solid #e0edf4}.complaint-hero h1{font:600 42px/1.2 Kanit;color:#073f6c;margin:7px 0 10px}.complaint-hero p{max-width:760px;color:#668095;font-size:16px;line-height:1.75;margin:0}.complaint-section{padding:30px 0 60px}.complaint-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.complaint-card,.side-card,.complaint-success{background:#fff;border:1px solid #dce8f1;border-radius:20px;box-shadow:0 12px 32px rgba(23,77,115,.07)}.complaint-card{padding:24px}.complaint-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.complaint-card-head h2{font:600 24px Kanit;color:#163f61;margin:4px 0}.required-note{font-size:12px;color:#8295a4}.complaint-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.complaint-grid label,.location-fields label{font-weight:600;color:#31536e;font-size:13px}.complaint-grid label.full{grid-column:1/-1}.complaint-grid input,.complaint-grid select,.complaint-grid textarea,.location-fields input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cedee9;border-radius:11px;background:#fbfdff;color:#264c68;outline:0;transition:.18s ease}.complaint-grid textarea{resize:vertical;min-height:140px;line-height:1.65}.complaint-grid input:focus,.complaint-grid select:focus,.complaint-grid textarea:focus,.location-fields input:focus{border-color:#65a1ca;box-shadow:0 0 0 3px #e1f0f8;background:#fff}.complaint-grid label small{font-weight:400;color:#7c91a0;margin-left:4px}.required{color:#c63f53}.file-preview{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.file-preview span{font-size:11px;color:#607b8d;background:#f0f7fb;padding:5px 8px;border-radius:7px}.location-box{margin-top:18px;padding:16px;border:1px solid #d8e8f1;border-radius:15px;background:linear-gradient(135deg,#f5fbff,#f3fbf8)}.location-copy{display:flex;gap:11px;align-items:center}.location-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e5f4fb;color:#0873b6;font-size:23px}.location-copy b{display:block;color:#24506c}.location-copy small{display:block;color:#7a8f9e;margin-top:2px}.location-box .outline-btn{margin-top:12px}.location-fields{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px;margin-top:12px}.location-fields input[readonly]{background:#eef4f7}.location-status{margin-top:9px;font-size:12px;color:#6f8798}.privacy-note{display:flex;gap:9px;margin-top:18px;padding:11px 13px;border-radius:11px;background:#f7fafc;color:#718695;font-size:11.5px}.privacy-note b{color:#496b80;white-space:nowrap}.complaint-actions{display:flex;align-items:center;gap:14px;margin-top:20px}.complaint-actions small{color:#8194a2}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.side-card{padding:20px}.side-card+.side-card{margin-top:14px}.side-icon{width:42px;height:42px;border-radius:13px;background:#e7f7ef;color:#188451;display:grid;place-items:center;font-weight:700;font-size:21px}.side-card h3{font:600 19px Kanit;color:#214b68;margin:10px 0 14px}.side-card ol{margin:0;padding:0;list-style:none;display:grid;gap:13px}.side-card li{display:grid;grid-template-columns:24px 1fr;gap:8px}.side-card li::before{content:counter(list-item);width:24px;height:24px;border-radius:50%;background:#edf6fb;color:#1263a0;display:grid;place-items:center;font-size:11px;font-weight:700}.side-card li b{font-size:13px;color:#365b73}.side-card li small{display:block;color:#8294a1;font-size:11px;margin-top:1px}.side-card.subtle{background:linear-gradient(135deg,#f6fbff,#fff);color:#6c8393}.side-card.subtle p{font-size:12.5px;line-height:1.7;margin:7px 0 10px}.side-card.subtle>b{color:#1263a0}.complaint-success{padding:32px;display:flex;gap:22px;align-items:flex-start;max-width:800px;margin:0 auto}.success-mark{width:58px;height:58px;border-radius:17px;background:#e7f7ef;color:#188451;display:grid;place-items:center;font-size:29px;font-weight:700;flex:0 0 auto}.complaint-success h2{font:600 28px Kanit;color:#174566;margin:4px 0}.complaint-success p{color:#718695;line-height:1.7;margin:0 0 15px}.tracking-code{display:inline-grid;gap:1px;padding:12px 16px;background:#f1f8fc;border:1px dashed #bfd8e7;border-radius:12px;margin-bottom:16px}.tracking-code small{font-size:10px;color:#7d94a3}.tracking-code strong{font:700 20px Kanit;letter-spacing:1px;color:#1263a0}.complaint-error{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;margin-bottom:15px;background:#fff3f5;border:1px solid #f0cbd2;border-radius:12px;color:#a13b4b}.complaint-error span{color:#79535b}.complaint-error strong{white-space:nowrap}.home-btn:disabled,.outline-btn:disabled{opacity:.6;cursor:wait}
@media(max-width:850px){.complaint-layout{grid-template-columns:1fr}.complaint-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-card+.side-card{margin-top:0}.location-fields{grid-template-columns:1fr 1fr}.location-fields label:last-child{grid-column:1/-1}}
@media(max-width:600px){.complaint-hero{padding:35px 0 28px}.complaint-hero h1{font-size:31px}.complaint-hero p{font-size:14px}.complaint-section{padding-top:18px}.complaint-card{padding:16px;border-radius:16px}.complaint-grid{grid-template-columns:1fr;gap:13px}.complaint-grid label.full{grid-column:auto}.complaint-card-head{margin-bottom:15px}.location-fields{grid-template-columns:1fr}.location-fields label:last-child{grid-column:auto}.complaint-actions{align-items:flex-start;flex-direction:column}.complaint-side{display:block}.side-card+.side-card{margin-top:12px}.complaint-success{padding:22px;display:block}.success-mark{margin-bottom:15px}.complaint-success h2{font-size:24px}.tracking-code strong{font-size:18px}}

/* ===== Phase 3.11.2 — Complaint form / receiving steps polish ===== */
.complaint-grid label.full textarea[name="description"]{min-height:128px}
.complaint-grid label small{font-size:11px;color:#8195a3;font-weight:400;margin-left:5px}
.side-card ol{position:relative;gap:0}
.side-card li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:0 0 18px;min-width:0}
.side-card li:last-child{padding-bottom:0}
.side-card li::before{content:counter(list-item);width:28px;height:28px;border-radius:50%;background:#edf6fb;color:#1263a0;display:grid;place-items:center;font-size:11px;font-weight:700;z-index:1;box-sizing:border-box;border:1px solid #dcecf5}
.side-card li:not(:last-child)::after{content:"";position:absolute;left:13px;top:28px;bottom:0;width:1px;background:#dceaf2}
.side-card li b{display:block;font:600 13px/1.35 Kanit;color:#365b73;padding-top:3px}
.side-card li small{grid-column:2;display:block;color:#8294a1;font-size:11.5px;line-height:1.5;margin-top:2px;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal}
.side-card h3{margin-bottom:16px}
@media(max-width:600px){.side-card li{padding-bottom:16px}.side-card li small{font-size:11.5px}}

/* Phase 3.11.3: keep receiving-step descriptions in the text column */
.side-card li > small{grid-column:2;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal;}


/* ===== Phase 3.11.4 — Submission success action polish ===== */
.success-actions{display:flex;align-items:center;margin-top:2px}
.success-actions .home-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:11px;text-decoration:none;font:600 13px/1.2 Kanit;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.success-actions .home-btn.primary{background:linear-gradient(135deg,#1263a0,#0b7c9c);color:#fff;box-shadow:0 7px 18px rgba(18,99,160,.16)}
.success-actions .home-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(18,99,160,.21)}
.success-actions .home-btn.primary:focus-visible{outline:3px solid #cde8f6;outline-offset:2px}
.home-btn-icon{font-family:Arial,sans-serif;font-size:18px;line-height:1;margin-top:-1px}
@media(max-width:600px){.success-actions{margin-top:2px}.success-actions .home-btn{width:100%;min-height:44px}}