: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}.skip-link{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);color:var(--color-primary);font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;text-decoration:none;clip-path:inset(50%);overflow:hidden}.skip-link:focus{clip-path:none;outline:none;box-shadow:var(--focus-ring)}@media (min-width: 900px){body{padding:var(--space-xl)}}.container{position:relative;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}.header{position:relative}.header-auth-wrap{position:absolute;top:var(--space-lg);right:var(--space-lg)}.header-auth-btn{font-family:var(--font-sans);font-size:.9rem;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);background:#ffffffe6;color:#1e3a5f;border:1px solid rgba(30,58,95,.2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.header-auth-btn:hover{background:#fff}.header-auth-btn:focus{outline:none}.header-auth-btn:focus-visible{box-shadow:var(--focus-ring)}.auth-floating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-lg)}.auth-floating-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2xl);width:100%;max-width:320px}.auth-floating-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xl);color:var(--color-text);text-align:center}.auth-floating-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-floating-field label{display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text)}.auth-floating-input{width:100%;min-height:44px;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)}.auth-floating-input:focus{outline:none}.auth-floating-input:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.auth-floating-actions{display:flex;align-items:stretch;gap:var(--space-md);margin-top:var(--space-sm)}.auth-floating-btn{flex:1;height:44px;min-height:44px;max-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.95rem;padding:0 var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.auth-floating-btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border:2px solid transparent}.auth-floating-btn--primary:hover{background:var(--color-primary-hover)}.auth-floating-btn--secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.auth-floating-btn--secondary:hover{background:#f1f5f9}.auth-floating-btn:focus{outline:none}.auth-floating-btn:focus-visible{box-shadow:var(--focus-ring)}.auth-floating-card .auth-floating-btn,.auth-floating-actions .auth-floating-btn{height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 var(--space-lg)!important;margin:0!important;max-width:none}.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%;min-height:44px;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}select:focus-visible,.hybrid-input:focus-visible,input[type=text]:focus-visible{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;min-height:44px;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}button[type=submit]:focus-visible{box-shadow:var(--focus-ring)}button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.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-container--open-reserve{margin-bottom:10rem}.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{min-height:44px;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:focus{outline:none}.autocomplete-item:focus-visible{box-shadow:inset 0 0 0 2px var(--color-border-focus)}.autocomplete-item:hover,.autocomplete-item.highlight{background:var(--color-info-bg);color:var(--color-text)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item--with-logo{display:flex;align-items:center;gap:var(--space-md)}.company-option-logo{width:48px;height:32px;object-fit:contain;flex-shrink:0}.hybrid-input-wrap{display:block}.hybrid-input-wrap--with-logo{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:44px}.hybrid-input-wrap--with-logo:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.hybrid-input-wrap--with-logo .hybrid-input{border:none;padding:var(--space-md) 0;background:transparent;flex:1;min-width:0}.hybrid-input-wrap--with-logo .hybrid-input:focus{box-shadow:none}.company-option-logo--trigger{width:40px;height:28px}.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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}button[type=submit]:hover{transform:none}}
