:root{color-scheme:light;--font-sans: "Heebo", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--space-5xl: 5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--color-bg: #f0f2f5;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e1e5eb;--color-border-focus: #3b82f6;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-header-bg: linear-gradient(160deg, #60a5fa 0%, #93c5fd 50%, #bfdbfe 100%);--color-success-bg: #f0fdfa;--color-success-border: #2dd4bf;--color-error-bg: #fef2f2;--color-error-border: #f87171;--color-info-bg: #eff6ff;--color-info-border: #93c5fd;--focus-ring: 0 0 0 3px rgba(59, 130, 246, .25);--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);min-height:100vh;padding:var(--space-lg);direction:rtl;-webkit-font-smoothing:antialiased;color-scheme:light}@media (min-width: 900px){body{padding:var(--space-xl)}}.container{max-width:960px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.header{background:var(--color-header-bg);color:#1e3a5f;padding:var(--space-2xl) var(--space-xl);text-align:center}.header-logo{display:block;margin:0 auto var(--space-lg);max-height:72px;width:auto;object-fit:contain}.header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-sm);color:#1e3a5f}.header p{font-size:.95rem;font-weight:400;color:#334155}.content{padding:var(--space-xl)}@media (min-width: 640px){.content{padding:var(--space-2xl) var(--space-3xl)}}.search-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.search-panel .form-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-md)}.form-row{display:grid;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (min-width: 640px){.form-row{grid-template-columns:repeat(3,1fr)}}.form-row.form-row-company{margin-bottom:0}.search-panel .form-row.form-row-company+form>.form-row{margin-top:var(--space-5xl)}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--space-sm);font-size:.9rem;font-weight:600;color:var(--color-text)}.form-group label .optional{font-weight:400;color:var(--color-text-muted);font-size:.85rem}select,.hybrid-input,input[type=text]{width:100%;font-family:var(--font-sans);font-size:1rem;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}select:focus,.hybrid-input:focus,input[type=text]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}select:hover,.hybrid-input:hover:not(:disabled),input[type=text]:hover:not(:disabled){border-color:#cbd5e1}select:disabled,.hybrid-input:disabled{background:#f8fafc;color:var(--color-text-muted);cursor:not-allowed;border-color:var(--color-border)}.company-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;max-width:280px}.company-toggle__option{flex:1;font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:var(--space-md) var(--space-xl);border:none;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.company-toggle__option:not(:last-child){border-left:1px solid var(--color-border)}.company-toggle__option:hover{background:#f1f5f9}.company-toggle__option[aria-pressed=true]{background:var(--color-primary);color:var(--color-text-inverse)}.company-toggle__option[aria-pressed=true]:hover{background:var(--color-primary);color:var(--color-text-inverse);cursor:default}button[type=submit]{font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:var(--space-md);max-width:100%}@media (min-width: 640px){button[type=submit]{max-width:240px}}button[type=submit]:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}button[type=submit]:active{transform:translateY(0)}button[type=submit]:focus{outline:none;box-shadow:var(--focus-ring)}.loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.loading p{margin-top:var(--space-md);font-size:.95rem}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid transparent}.result.success{background:var(--color-success-bg);border-color:var(--color-success-border)}.result.error{background:var(--color-error-bg);border-color:var(--color-error-border)}.result h3{font-size:1.15rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text)}.result-banner{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:.95rem;font-weight:500}.result-banner.specific{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-text)}.result-banner.parent{background:#fefce8;border:1px solid #fde047;color:var(--color-text)}.results-container{display:grid;gap:var(--space-lg);margin-top:var(--space-lg)}@media (min-width: 640px){.results-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.result-card-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.result-item{font-size:.9rem;padding:var(--space-sm) 0;color:var(--color-text);border-bottom:1px solid #f1f5f9}.result-item:last-of-type{border-bottom:none}.result-item strong{color:var(--color-text-muted);font-weight:500;margin-left:var(--space-sm)}.result-item-barcode{text-align:center;margin-top:var(--space-md);padding:var(--space-md);background:#f8fafc;border-radius:var(--radius-sm)}.result-item-barcode p{margin-top:var(--space-sm);font-size:.8rem;color:var(--color-text-muted)}.autocomplete-container{position:relative;z-index:10}.autocomplete-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:280px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md);color:var(--color-text)}.autocomplete-list.show{display:block}.autocomplete-item{padding:var(--space-md) var(--space-lg);cursor:pointer;border-bottom:1px solid var(--color-border);font-size:.95rem;color:var(--color-text);transition:background var(--transition-fast)}.autocomplete-item:hover,.autocomplete-item.highlight{background:var(--color-info-bg);color:var(--color-text)}.autocomplete-item:last-child{border-bottom:none}.result-single{display:grid;gap:var(--space-md);margin-top:var(--space-md)}.result-single-item{padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);font-size:.95rem}
