/* StoreVetted – post-purchase claims tools (shared). Loaded after style.css. */
.hero.cl-hero .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:24px;align-items:center}
.cl-art{width:100%;max-width:330px;height:auto;justify-self:end}
.cl-art .float{animation:clFloat 4s ease-in-out infinite}
.cl-art .d2{animation-delay:-1.3s}.cl-art .d3{animation-delay:-2.6s}
.cl-art .pulse{animation:clPulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.cl-art .spin{animation:clSpin 12s linear infinite;transform-origin:center;transform-box:fill-box}
.cl-art .dash{stroke-dasharray:6 6;animation:clDash 1.6s linear infinite}
@keyframes clFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes clPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}
@keyframes clSpin{to{transform:rotate(360deg)}}
@keyframes clDash{to{stroke-dashoffset:-24}}
@keyframes clIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes clGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cl-in{animation:clIn .35s ease both}
.cl-bars{display:grid;gap:8px;margin:8px 0 4px}
.cl-bar{display:grid;grid-template-columns:minmax(110px,36%) 1fr auto;gap:10px;align-items:center;font-size:.86rem}
.cl-bar .track{height:12px;background:var(--bg);border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.cl-bar .fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:99px;transform-origin:left;animation:clGrow .6s ease both}
.cl-bar .fill.w{background:linear-gradient(90deg,#f59e0b,#b45309)}
.cl-bar b{font-variant-numeric:tabular-nums;white-space:nowrap}
.cl-pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.cl-pill{font-size:.72rem;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--brand-soft);color:var(--brand);border:1px solid #99f6e4;white-space:nowrap}
.cl-pill.warn{background:var(--warn-soft);color:var(--warn);border-color:#fde68a;margin:0}
.cl-pill.grey{background:#f1f5f9;color:#475569;border-color:var(--line)}
.cl-gauge{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cl-gauge svg{width:150px;height:150px;flex:none}
.cl-gauge .arc{transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}
.cl-persona{font-size:1.35rem;margin:0 0 4px;letter-spacing:-.01em}
.cl-share{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cl-card-preview{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);margin-top:12px;display:block}
.cl-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.cl-count div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center}
.cl-count strong{display:block;font-size:clamp(1.3rem,4vw,1.9rem);font-variant-numeric:tabular-nums;line-height:1.1}
.cl-count span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.cl-count.urgent div{background:var(--warn-soft);border-color:#fde68a}
.cl-count.over div{background:#fee2e2;border-color:#fecaca}
.cl-deadline{border-radius:12px;padding:14px 16px;background:linear-gradient(135deg,var(--brand),#115e59);color:#fff}
.cl-deadline.unk{background:linear-gradient(135deg,#475569,#334155)}
.cl-deadline.over{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}
.cl-deadline span{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.85}
.cl-deadline strong{display:block;font-size:clamp(1.4rem,4vw,2rem);letter-spacing:-.02em;line-height:1.2}
.cl-deadline small{opacity:.9}
.cl-deadline a{color:#fff}
.cl-timeline{width:100%;height:auto;margin:8px 0 2px}
.cl-field-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.cl-field-list li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.9rem}
.cl-field-list .ic{flex:none;width:22px;height:22px;border-radius:6px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:.72rem;font-weight:800}
.cl-field-list small{display:block;color:var(--muted);font-size:.78rem}
.cl-req{font-size:.66rem;font-weight:800;color:var(--warn);margin-left:4px;text-transform:uppercase}
.cl-copy{position:relative}
.cl-copy .code{max-height:320px;overflow:auto;word-break:normal;white-space:pre-wrap;margin:0}
.cl-copy .btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:.78rem}
.cl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.cl-tabs button{font:inherit;font-size:.82rem;font-weight:700;border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;cursor:pointer;color:#334155}
.cl-tabs button[aria-selected=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.cl-dl{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:12px 0 0}
.cl-tile{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.cl-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#99f6e4}
.cl-tile .ico{flex:none;width:38px;height:38px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;font-size:1.15rem}
.cl-tile b{display:block;font-size:.95rem}
.cl-tile small{display:block;color:var(--muted);font-size:.8rem;line-height:1.35;margin-top:2px}
.cl-tile .new{font-size:.62rem;font-weight:800;background:#fef3c7;color:#92400e;border-radius:99px;padding:1px 6px;margin-left:4px;vertical-align:middle}
.cl-tools{padding:6px 20px 34px}
.cl-tools h2{font-size:1.4rem;margin:0}
.cl-stat{font-size:.82rem;color:var(--muted);border-left:3px solid var(--brand-2);padding:2px 0 2px 10px;margin:8px 0}
.cl-msg{font-size:.88rem;margin-top:8px}
.cl-embed-snippet textarea{width:100%;min-height:100px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;border:1.5px solid var(--line);border-radius:8px;padding:8px}
.cl-select{width:100%;font:inherit;padding:8px;border:1.5px solid var(--line);border-radius:8px;background:#fff}
.cl-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cl-two label,.cl-lab{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#334155;font-weight:600}
.cl-two input[type=date]{font:inherit;padding:7px 8px;border:1.5px solid var(--line);border-radius:8px;background:#fff}
.cl-two .num-input{width:100%}
.powered{text-align:center;font-size:.8rem;color:var(--muted);margin:10px 0 0}
.cl-steps{counter-reset:s;list-style:none;padding:0;margin:8px 0}
.cl-steps li{counter-increment:s;position:relative;padding-left:32px;margin-bottom:8px;font-size:.9rem;color:#334155}
.cl-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:99px;background:var(--brand);color:#fff;font-size:.75rem;font-weight:800;display:grid;place-items:center}
html.embed .cl-embed-hide{display:none}
@media (max-width:760px){.hero.cl-hero .wrap{grid-template-columns:1fr}.cl-art{max-width:200px;justify-self:start;order:-1}}
@media (max-width:560px){.cl-two{grid-template-columns:1fr}.cl-count{grid-template-columns:repeat(2,1fr)}.cl-bar{grid-template-columns:1fr auto}.cl-bar .track{grid-column:1/-1;grid-row:2}}
@media (prefers-reduced-motion:reduce){.cl-art *,.cl-in,.cl-bar .fill,.cl-gauge .arc{animation:none!important;transition:none!important}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){.cl-shared .result{order:-1}}
