/* DropShark Shopify Theme Detector (includes/theme-detector-ui.php, assets/theme-detector.js).
   Flat surfaces, no glow. Every class is prefixed .td- so dashboard and site themes don't collide. */
.td{--td-ink:#0b1220;--td-ink-2:#344054;--td-muted:#5b6b80;--td-faint:#8a97a8;--td-line:#e3e8ef;--td-soft:#f5f7fa;--td-brand:#005ffa;--td-brand-hover:#0050d6;--td-brand-soft:#eef4ff;
  --td-ok:#067647;--td-ok-soft:#ecfdf3;--td-warn:#b54708;--td-warn-soft:#fffaeb;--td-bad:#b42318;--td-bad-soft:#fef3f2;
  display:block;margin:0 0 18px;padding:22px;background:#fff;border:1px solid var(--td-line);border-radius:20px;color:var(--td-ink);font-family:'Inter',system-ui,sans-serif;text-align:left}
.td *,.td *::before,.td *::after{box-sizing:border-box}
.td [hidden]{display:none!important}
.td-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.td-brand{display:flex;align-items:center;gap:14px;min-width:0}
.td-brand-copy{min-width:0}
.td-kicker{display:inline-flex;align-items:center;gap:6px;font:800 10.5px/1 'Sora',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--td-ok)}
.td-kicker i{width:7px;height:7px;border-radius:50%;background:#17b26a}
.td-title{margin:6px 0 3px!important;font:800 21px/1.2 'Sora',sans-serif!important;letter-spacing:-.02em;color:var(--td-ink)!important}
.td-sub{margin:0!important;font-size:13px;line-height:1.5;color:var(--td-muted)!important}

/* Search field: prefix, input and button in one bar */
.td-form{margin:0}
.td-field{display:flex;align-items:center;gap:0;height:56px;padding:0 6px 0 14px;border:1.5px solid #cfd7e2;border-radius:14px;background:#fff;cursor:text;transition:border-color .15s,box-shadow .15s}
.td-field:hover{border-color:#b9c3d1}
.td-field:focus-within{border-color:var(--td-brand);box-shadow:none}
.td.is-invalid .td-field{border-color:var(--td-bad);box-shadow:0 0 0 4px rgba(180,35,24,.08)}
.td-field-ico{width:18px;height:18px;flex:0 0 auto;color:var(--td-faint)}
.td-field-ico svg{width:100%;height:100%;display:block}
.td-prefix{margin-left:10px;font:600 14px/1 'Sora',sans-serif;color:var(--td-faint);user-select:none}
.td-input{flex:1;min-width:0;height:100%;margin:0 8px 0 2px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:500 15px/1 'Inter',system-ui,sans-serif!important;color:var(--td-ink)!important}
.td-input::placeholder{color:#a7b2c1}
.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--td-brand)!important;color:#fff!important;font:800 13.5px/1 'Sora',sans-serif;white-space:nowrap;cursor:pointer;transition:background .15s}
.td-btn:hover:not([disabled]){background:var(--td-brand-hover)!important}
.td-btn[disabled]{opacity:.7;cursor:progress}
.td-btn:focus-visible{outline:2px solid var(--td-brand);outline-offset:2px}
.td-btn svg{width:16px;height:16px}
.td-error{margin:8px 2px 0;font-size:12.5px;font-weight:600;color:var(--td-bad)}
.td-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.td-chips-label{margin-right:2px;font:700 11px/1 'Sora',sans-serif;color:var(--td-faint)}
.td-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:30px;padding:0 11px;border:1px solid var(--td-line);border-radius:999px;background:#fff;color:var(--td-ink-2);font:600 12px/1 'Inter',system-ui,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.td-chip:hover{border-color:#b9c8dc;background:var(--td-soft)}
.td-chip:focus-visible{outline:2px solid var(--td-brand);outline-offset:1px}
.td-chip b{font-weight:700;color:var(--td-ink)}
.td-chip span{color:var(--td-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
.td.is-busy .td-chip{pointer-events:none;opacity:.6}

/* Result area */
.td-out:empty{display:none}
.td-out{margin-top:16px}
.td-card{border:1px solid var(--td-line);border-radius:16px;background:#fff;animation:tdIn .25s ease both}
@keyframes tdIn{from{transform:translateY(6px)}}
.td-loading{padding:16px 18px}
.td-loading-top{display:flex;align-items:center;gap:12px}
.td-loading-top b{display:block;font:700 14px/1.3 'Sora',sans-serif}
.td-loading-top small{display:block;margin-top:2px;font-size:12px;color:var(--td-faint)}
.td-spin{width:22px;height:22px;flex:0 0 auto;border:2.5px solid #c7dafd;border-top-color:var(--td-brand);border-radius:50%;animation:tdSpin .8s linear infinite}
@keyframes tdSpin{to{transform:rotate(360deg)}}
.td-steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:0;list-style:none}
.td-steps li{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--td-faint)}
.td-steps i{width:8px;height:8px;border-radius:50%;background:#dbe2ea}
.td-steps li.is-on{color:var(--td-ink);font-weight:600}
.td-steps li.is-on i{background:var(--td-brand);animation:tdPulse 1s ease-in-out infinite}
.td-steps li.is-done{color:var(--td-ok)}
.td-steps li.is-done i{background:#17b26a}
@keyframes tdPulse{50%{opacity:.35}}

.td-result{padding:18px}
.td-result.is-found{border-color:#abefc6}
.td-result.is-hidden{border-color:#fedf89}
.td-result-head{display:flex;align-items:center;gap:14px}
.td-swatch{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:var(--sw,#2563eb);color:#fff;font:800 24px/1 'Sora',sans-serif}
.td-swatch.is-hidden{background:var(--td-warn-soft);color:var(--td-warn)}
.td-swatch svg{width:26px;height:26px}
.td-theme{min-width:0}
.td-eyebrow{display:block;font:700 11px/1.3 'Sora',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--td-faint)}
.td-theme-name{display:block;margin-top:4px;font:800 22px/1.2 'Sora',sans-serif;letter-spacing:-.02em;color:var(--td-ink);overflow-wrap:anywhere}
.td-theme-note{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--td-ink-2)}
.td-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.td-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:var(--td-soft);font:700 11.5px/1 'Sora',sans-serif;color:var(--td-ink-2)}
.td-tag i{width:7px;height:7px;border-radius:50%;background:currentColor}
.td-tag.is-good{background:var(--td-ok-soft);color:var(--td-ok)}
.td-tag.is-info{background:var(--td-brand-soft);color:var(--td-brand)}
.td-tag.is-warn{background:var(--td-warn-soft);color:var(--td-warn)}
.td-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0}
.td-fact{min-width:0;padding:11px 12px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-soft)}
.td-fact dt{font:700 10.5px/1.2 'Sora',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--td-faint)}
.td-fact dd{display:flex;align-items:center;gap:6px;margin:6px 0 0;font:700 14px/1.25 'Sora',sans-serif;color:var(--td-ink);min-width:0}
.td-fact dd>span:not(.td-ok){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-fact.is-empty dd{color:var(--td-faint);font-weight:600}
.td-ok{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--td-ok-soft);color:var(--td-ok)}
.td-ok svg{width:11px;height:11px}
.td-mini{width:26px;height:26px;flex:0 0 auto;margin-left:auto;display:grid;place-items:center;border:1px solid var(--td-line);border-radius:7px;background:#fff;color:var(--td-muted);cursor:pointer}
.td-mini:hover{color:var(--td-ink);border-color:#b9c8dc}
.td-mini.is-done{color:var(--td-ok);border-color:#abefc6}
.td-mini svg{width:13px;height:13px}
.td-signals{margin-top:14px;padding-top:14px;border-top:1px dashed var(--td-line)}
.td-signals-label{display:block;margin-bottom:8px;font:700 11px/1 'Sora',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--td-faint)}
.td-signals ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.td-signals li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.45;color:var(--td-ink-2)}
.td-signals li svg{width:14px;height:14px;margin-top:2px;color:var(--td-ok)}
.td-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.td-act{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid #cfd7e2;border-radius:10px;background:#fff;color:var(--td-ink-2)!important;font:700 12.5px/1 'Sora',sans-serif;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s}
.td-act:hover{background:var(--td-soft);border-color:#b9c3d1}
.td-act:focus-visible{outline:2px solid var(--td-brand);outline-offset:2px}
.td-act svg{width:15px;height:15px}
.td-act.is-primary{background:var(--td-ink);border-color:var(--td-ink);color:#fff!important}
.td-act.is-primary:hover{background:#1d2939}
.td-act.is-done{background:var(--td-ok-soft);border-color:#abefc6;color:var(--td-ok)!important}

/* Not Shopify / error */
.td-state{display:flex;gap:14px;padding:18px}
.td-state-ico{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px}
.td-state-ico svg{width:22px;height:22px}
.td-state.is-muted .td-state-ico{background:var(--td-soft);color:var(--td-muted)}
.td-state.is-bad{border-color:#fecdca}
.td-state.is-bad .td-state-ico{background:var(--td-bad-soft);color:var(--td-bad)}
.td-state-copy b{display:block;font:800 16px/1.3 'Sora',sans-serif;color:var(--td-ink)}
.td-state-copy p{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--td-ink-2)}
.td-state .td-actions{margin-top:12px}

/* Public page wrapper */
.td-page{max-width:880px;margin:0 auto;padding:56px 20px 24px}
.td-page .td{padding:26px;border-radius:24px}
.td-page .td-title{font-size:30px!important}
.td-explain{max-width:880px;margin:0 auto 72px;padding:0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.td-explain div{padding:18px;border:1px solid #e3e8ef;border-radius:16px;background:#fff}
.td-explain h3{margin:0 0 6px;font:800 14.5px/1.3 'Sora',sans-serif;color:#0b1220}
.td-explain p{margin:0;font-size:13px;line-height:1.6;color:#5b6b80}

@media (max-width:820px){.td-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.td-explain{grid-template-columns:1fr}}
@media (max-width:560px){
  .td{padding:16px;border-radius:16px}
  .td-page{padding-top:28px}.td-page .td{padding:16px}.td-page .td-title{font-size:23px!important}
  .td-title{font-size:18px!important}
  .td-field{flex-wrap:wrap;height:auto;padding:6px 6px 6px 12px;row-gap:6px}
  .td-input{height:40px;flex:1 1 0}
  .td-btn{width:100%;height:44px}
  .td-result-head{align-items:flex-start}
  .td-swatch{width:46px;height:46px;font-size:20px;border-radius:12px}
  .td-theme-name{font-size:19px}
  .td-fact dd>span:not(.td-ok){white-space:normal;overflow-wrap:anywhere}
  .td-act{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.td-card,.td-spin,.td-steps li.is-on i{animation:none}}

/* Pages with their own input styling (the dashboard) must not draw a box or focus glow inside the field. */
html .td .td-field .td-input,html .td .td-field .td-input:hover,html .td .td-field .td-input:focus,html .td .td-field .td-input:focus-visible{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important}