:root{color-scheme:light dark;--bg: #f5f5f4;--surface: #ffffff;--text: #1c1c1c;--muted: #6b6b6b;--border: #d9d9d6;--accent: #1a5f3f;--accent-contrast: #ffffff;--good: #1a5f3f;--good-bg: #e4f3ea;--warn: #8a5a00;--warn-bg: #fbedd3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #15161a;--surface: #1f2024;--text: #f1f1f1;--muted: #a0a0a0;--border: #34353a;--accent: #4fbf8b;--accent-contrast: #0c1f16;--good: #6fd6a4;--good-bg: #12301f;--warn: #e2b45a;--warn-bg: #3a2c0d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#app{max-width:640px;margin:0 auto;padding:16px 16px 48px}.app-header h1{margin:0;font-size:1.5rem}.app-header .tagline{margin:4px 0 20px;color:var(--muted);font-size:.9rem}.extension-status{margin:-8px 0 16px;font-size:.78rem;color:var(--muted)}.extension-status-ok{color:var(--good)}.search-form{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.field-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.field-group legend{font-weight:600;padding:0 0 4px}.row{display:flex;gap:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;flex:1}.field em{color:var(--muted);font-style:normal;font-weight:400}.field-small{flex:0 0 90px}input,select{font-size:1rem;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{font-size:1rem;font-weight:600;padding:12px;border:none;border-radius:8px;background:var(--accent);color:var(--accent-contrast);cursor:pointer}.btn-primary:active{opacity:.85}.search-results{margin-top:24px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.results-status{color:var(--muted);font-size:.85rem}.sort-control{display:flex;align-items:center;gap:6px;font-size:.85rem}.sort-control select{width:auto;padding:6px 8px}.results-failures{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.failure-item{font-size:.78rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;word-break:break-word}.failure-item strong{color:var(--text)}.results-list{display:flex;flex-direction:column;gap:12px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.product-card-retailer{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.product-card-name{margin:0;font-size:1rem}.product-card-part,.product-card-store{font-size:.8rem;color:var(--muted)}.product-card-price{font-size:1.2rem;font-weight:700;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.product-card-unit-price{font-size:.75rem;font-weight:400;color:var(--muted)}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-muted{background:var(--border);color:var(--muted)}.btn-link{align-self:flex-start;margin-top:4px;font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none}.btn-link:hover{text-decoration:underline}.empty-state{color:var(--muted);font-size:.9rem}
