/* Complaint form and status (block elathi-commerce/complaint). */
.ec-cmp{--ec-ink:#14210F;--ec-muted:#4A5546;--ec-faint:#6B7166;--ec-line:#CFD8C8;--ec-green:#318616;--ec-gdark:#1F6B2E;--ec-tint:#F4FAEE;--ec-red:#B3361F;--ec-ease:cubic-bezier(.65,0,.35,1);--ec-spring:cubic-bezier(.34,1.56,.64,1);max-width:720px;margin:0 auto;color:var(--ec-ink)}
.ec-cmp [hidden]{display:none!important}
.ec-cmp .ec-lead{margin:0 0 20px;font-size:16px;line-height:1.55;color:var(--ec-muted)}
.ec-cmp .ec-form{display:grid;gap:16px;transition:opacity .25s ease,transform .25s var(--ec-ease)}
.ec-cmp .ec-form.ec-out{opacity:0;transform:translateY(-8px)}
.ec-cmp .ec-two{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:640px){.ec-cmp .ec-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ec-cmp .ec-lf{position:relative;display:block}
.ec-cmp .ec-lf input,.ec-cmp .ec-lf textarea{display:block;width:100%;height:54px;padding:0 15px;border:1.5px solid var(--ec-line);border-radius:14px;background:#FFFFFF;font:inherit;font-size:16px;color:var(--ec-ink);outline:none;box-shadow:none;transition:border-color .2s ease}
.ec-cmp .ec-lf textarea{height:auto;min-height:140px;padding:16px 15px;resize:vertical;line-height:1.5}
.ec-cmp .ec-lf>span{position:absolute;left:11px;top:17px;line-height:20px;max-width:calc(100% - 22px);padding:0 5px;background:#FFFFFF;font-size:15.5px;color:var(--ec-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transform-origin:left center;transition:transform .32s var(--ec-spring),color .2s ease}
.ec-cmp .ec-lf input:focus,.ec-cmp .ec-lf textarea:focus{border-color:var(--ec-gdark)}
.ec-cmp .ec-lf input:focus+span,.ec-cmp .ec-lf input:not(:placeholder-shown)+span,.ec-cmp .ec-lf textarea:focus+span,.ec-cmp .ec-lf textarea:not(:placeholder-shown)+span{transform:translateY(-26px) scale(.8);color:var(--ec-gdark);font-weight:700}
.ec-cmp .ec-bad input,.ec-cmp .ec-bad textarea{border-color:var(--ec-red)}
.ec-cmp .ec-err{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--ec-red)}
.ec-cmp .ec-err:empty{display:none}
.ec-cmp .ec-lf .ec-err{margin-top:6px}
.ec-cmp .ec-topics{margin:0;padding:0;border:0;min-width:0}
.ec-cmp .ec-topics legend{margin:0 0 10px;padding:0;font-size:15px;font-weight:800}
.ec-cmp [role="radiogroup"]{display:flex;flex-wrap:wrap;gap:8px}
.ec-cmp [data-topic]{min-height:40px;padding:0 14px;border:1.5px solid var(--ec-line);border-radius:999px;background:#FFFFFF;font:inherit;font-size:14px;font-weight:700;color:var(--ec-ink);cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .18s var(--ec-spring)}
.ec-cmp [data-topic]:active{transform:scale(.95)}
.ec-cmp [data-topic][aria-checked="true"]{background:var(--ec-gdark);border-color:var(--ec-gdark);color:#FFFFFF}
.ec-cmp .ec-bad [data-topic]{border-color:#E7B4A8}
.ec-cmp .ec-topics .ec-err{margin-top:8px}
.ec-cmp .ec-note{margin:-4px 0 0;font-size:13.5px;color:var(--ec-muted)}
.ec-cmp .ec-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ec-cmp .ec-send{justify-self:start;min-width:220px;height:54px;padding:0 26px;border:0;border-radius:14px;background:var(--ec-green);color:#FFFFFF;font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:transform .2s var(--ec-spring),opacity .2s ease}
.ec-cmp .ec-send:active{transform:scale(.97)}
.ec-cmp .ec-send[disabled]{opacity:.65;cursor:default}
@media (max-width:639px){.ec-cmp .ec-send{width:100%}}
.ec-cmp .ec-done{outline:none;animation:ecin .4s var(--ec-ease) both}
@keyframes ecin{from{opacity:0;transform:translateY(10px)}}
.ec-cmp .ec-tick{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--ec-green);animation:ecpop .45s var(--ec-spring) both}
.ec-cmp .ec-tick svg{width:28px;height:28px;fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes ecpop{from{transform:scale(.4);opacity:0}}
.ec-cmp .ec-done h2{margin:14px 0 6px;font-size:26px;line-height:1.2}
.ec-cmp .ec-tkno{margin:0;font-size:17px}
.ec-cmp .ec-tkno b{font-size:20px;letter-spacing:.02em}
.ec-cmp .ec-when{margin:6px 0 14px;color:var(--ec-muted)}
.ec-cmp .ec-copy{margin:0;padding:16px;border:1.5px dashed var(--ec-line);border-radius:14px;background:#FAFBF8;font:inherit;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.ec-cmp .ec-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ec-cmp .ec-acts a{display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:12px;border:1.5px solid var(--ec-line);font-weight:800;color:var(--ec-ink);text-decoration:none;transition:transform .18s var(--ec-spring)}
.ec-cmp .ec-acts a:first-child{background:var(--ec-green);border-color:var(--ec-green);color:#FFFFFF}
.ec-cmp .ec-acts a:active{transform:scale(.96)}
.ec-cmp .ec-help{margin:26px 0 0;padding-top:14px;border-top:1px solid #E3E8DE;font-size:13.5px;color:var(--ec-muted)}
.ec-status .ec-tk{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.ec-status .ec-tk small{width:100%;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ec-faint)}
.ec-status .ec-tk b{font-size:26px}
.ec-status .ec-st{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:800;background:#FFF6E5;color:#A3600A}
.ec-status .ec-st-ack{background:#EAF3FA;color:#1F5F8B}
.ec-status .ec-st-resolved{background:var(--ec-tint);color:var(--ec-gdark)}
.ec-status .ec-due{margin:10px 0 0;color:var(--ec-muted)}
.ec-status .ec-tl{position:relative;margin:20px 0 0;padding:0 0 0 26px;list-style:none}
.ec-status .ec-tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:#E3E8DE}
.ec-status .ec-tl li{position:relative;padding:0 0 18px}
.ec-status .ec-tl li::before{content:"";position:absolute;left:-25px;top:4px;width:12px;height:12px;border-radius:50%;background:#FFFFFF;border:2px solid var(--ec-green)}
.ec-status .ec-tl .ec-tl-resolved::before{background:var(--ec-green)}
.ec-status .ec-tl b{display:block;font-size:15px}
.ec-status .ec-tl time{font-size:13px;color:var(--ec-faint)}
.ec-status .ec-tl p{margin:6px 0 0;padding:10px 12px;border-radius:12px;background:#F6F7F4;font-size:14.5px;line-height:1.5;white-space:pre-wrap}
@media (prefers-reduced-motion:reduce){.ec-cmp *{animation:none!important;transition:none!important}}
