@layer components{.complaint-page .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.complaint-layout{grid-template-columns:minmax(0,680px) minmax(0,340px);justify-content:space-between;gap:56px;padding-block:56px 80px;display:grid}.complaint-layout h2{margin:0 0 8px;font-size:1.575rem}.complaint-intro{color:var(--muted);margin:0 0 28px;line-height:1.9}.complaint-aside{align-content:start;gap:18px;display:grid}.complaint-box{background:var(--warm);border:1px solid #e6dfc8;border-radius:18px;padding:24px}.complaint-box h3{margin:0 0 10px;font-size:1.2375rem}.complaint-box p{color:#3f4a43;margin:0;line-height:1.9}.complaint-box .button{margin-top:14px}.complaint-box ol{margin:8px 0 14px;padding-inline-start:22px;line-height:2}.complaint-form .message-fields{gap:28px 20px}.complaint-form .message-fields label{margin-bottom:10px;line-height:1.7}.complaint-form .message-fields :is(input,select,textarea){box-sizing:border-box;width:100%;font:inherit;background:#f6f8f3;border-radius:12px;padding:12px 16px;line-height:1.7}.complaint-form .message-fields :is(input,select){height:52px;min-height:52px}.complaint-form .message-fields .field-help{margin:8px 0 0}.complaint-form .message-fields :is(input,select,textarea):not([aria-invalid=true]):focus-visible{outline-offset:2px;background:#fff;border-color:#447350;outline:2px solid #8fae90}.complaint-form .message-fields select{width:100%;min-height:50px;font:inherit;color:var(--ink);background:#f6f8f3;border:1px solid #d2d9d0;border-radius:12px;padding:12px 16px;display:block}.complaint-form .complaint-fieldset{border:0;min-width:0;margin:0;padding:0}.complaint-select-control{position:relative}.complaint-form .message-fields .complaint-select-control select{appearance:none;padding-inline:44px 16px}.complaint-select-chevron{inset-inline-start:16px;pointer-events:none;color:var(--green);position:absolute;top:50%;transform:translateY(-50%)}.field-bad .complaint-select-chevron{color:#a12a1f}.complaint-form .complaint-ltr{text-align:right}.complaint-form [aria-invalid=true],.field-bad input,.field-bad select,.field-bad textarea{background:snow;border:2px solid #a12a1f}.field-help{color:#4d5a51;margin:0 0 8px;font-size:.9375rem;line-height:1.7}.complaint-counter{text-align:end;color:var(--muted);margin-top:4px;font-size:.9375rem;display:block}.field-error{color:#a12a1f;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:.9375rem;font-weight:700;line-height:1.6;display:flex}.field-error svg{flex:none;margin-top:4px}.complaint-errors{background:#fff6f4;border:2px solid #a12a1f;border-radius:14px;margin:0 0 28px;padding:18px 20px}.complaint-errors:focus-visible{outline-offset:3px;outline:3px solid #a12a1f}.complaint-errors h3{color:#7d1f16;margin:0 0 6px;font-size:1.125rem}.complaint-errors ul{margin:0;padding-inline-start:20px;line-height:1.9}.complaint-errors a{color:#7d1f16;font-weight:700;text-decoration:underline}.complaint-photo{margin-top:28px}.complaint-photo-label{margin-bottom:8px;font-weight:600;display:block}.complaint-file{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.complaint-file:focus-visible+.complaint-file-button{outline-offset:4px;outline:3px solid #a47815}.complaint-file-button{cursor:pointer;white-space:nowrap}.complaint-chip{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:52px;margin-top:12px;padding:6px 14px 6px 8px;font-size:.9375rem;display:inline-flex}.complaint-chip img{object-fit:cover;border-radius:8px;width:40px;height:40px}.complaint-text-button{font:inherit;color:#7d1f16;cursor:pointer;background:0 0;border:0;padding:8px;font-weight:700;text-decoration:underline}.complaint-trap{width:1px;height:1px;position:absolute;inset-inline-start:-10000px;overflow:hidden}.complaint-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.complaint-actions-center{justify-content:center}.complaint-file-button,.complaint-submit{box-sizing:border-box;border-radius:999px;width:220px;max-width:100%;min-height:44px;padding:9px 20px;font-size:.9375rem;line-height:1.6}.complaint-submit:disabled{cursor:progress}.complaint-form .complaint-file-button{width:max-content;max-width:100%;padding-inline:16px}.complaint-outline{color:var(--green);box-shadow:none;background:0 0;border-color:#7f9b88}.complaint-outline:hover{background:#edf3eb}.complaint-privacy{margin-top:16px}.complaint-sending{color:#173e2e;background:#e5ebdf;border-radius:12px;margin:14px 0 0;padding:14px 16px}.complaint-done{text-align:center;max-width:720px;margin:0 auto;padding-block:48px 80px}.complaint-done h2{margin:0 0 6px;font-size:2.125rem;line-height:1.4}.complaint-done-lead{color:#3f4a43;margin:0;font-size:1.125rem}.complaint-refbox{border:2px solid var(--green);background:#fff;border-radius:20px;justify-items:center;gap:10px;margin:26px auto 14px;padding:24px;display:grid}.complaint-ref-label{color:#3f4a43;font-weight:700}.complaint-ref{letter-spacing:.04em;color:#173e2e;font-size:clamp(2.2rem,8vw,3.1rem);font-weight:700;line-height:1.15}.complaint-copy{min-height:44px}.complaint-copied{color:#173e2e;font-size:.9375rem}.complaint-keep{color:#4a3700;background:#f3e6b8;border-radius:12px;margin:0;padding:8px 18px;font-size:1.2rem;font-weight:700;display:inline-block}.track-notice{background:var(--warm);border:1px solid #e0d6b6;border-radius:14px;gap:12px;margin:0 0 26px;padding:18px 20px;display:flex}.track-notice:focus-visible{outline:3px solid var(--green);outline-offset:3px}.track-notice p{margin:0;line-height:1.9}.track-notice strong{font-size:1.125rem;display:block}.track-result{gap:30px;display:grid}.track-head{border-bottom:1px solid #ddd5bd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.track-head h2{margin:0;font-size:1.625rem;line-height:1.5}.track-status{background:var(--pale-green);color:#173e2e;border-radius:999px;align-items:center;min-height:40px;padding:0 18px;font-weight:700;display:inline-flex}.track-status-rejected{color:#7a4a1e;background:#f1e6dc}.track-status-new{background:#e5ebdf}.track-status-in_progress{color:#4a3700;background:#f3e6b8}.track-steps{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.track-steps li{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding-inline:10px;display:flex;position:relative}.track-steps li+li:before{content:"";border-top:2px dashed #cfc7ab;width:calc(100% - 40px);position:absolute;top:15px;left:calc(50% + 20px)}.track-steps li.reached+li.reached:before,.track-steps li.reached+li.current:before{border-color:#7d9a84;border-top-style:solid}.track-dot{background:#fff;border:2px solid #c3c9bd;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9375rem;font-weight:700;display:grid}.track-steps .reached .track-dot{color:#173e2e;background:#e5ebdf;border-color:#7d9a84}.track-steps .current .track-dot{border-color:var(--green);background:var(--green);color:#fff}.track-steps .current.rejected .track-dot{background:#7a4a1e;border-color:#7a4a1e}.track-steps strong{color:inherit;font-size:1.1rem}.track-steps .reached strong,.track-steps .current strong{color:var(--ink)}.track-steps .when{font-size:.9375rem}.track-reply{background:var(--warm);border:1px solid #e6dfc8;border-radius:18px;padding:22px 24px}.track-reply h3{margin:0 0 2px;font-size:1.25rem}.track-reply .when{color:var(--muted);margin-bottom:8px;font-size:.9375rem;display:block}.track-reply p{white-space:pre-line;margin:0;font-size:1.0625rem;line-height:1.9}@media (max-width:900px){.complaint-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:32px 56px}}@media (max-width:600px){.complaint-file-button,.complaint-submit{width:100%}.complaint-actions .button{flex:100%}.complaint-done h2{font-size:1.7rem}.track-steps strong{font-size:.95rem}.track-steps .when{font-size:.9375rem}}}
