@media (min-width: 992px) {#fn_products_tab.vs-tabs.is-enhanced {grid-template-columns: repeat(4, max-content) minmax(0, 1fr);}#fn_products_tab.vs-tabs.is-enhanced .vs-tabs__item:nth-child(4) .vs-tabs__head {grid-column: 4;}}.comp-container--soft,.comp-container--soft * {box-sizing: border-box;}.comp-container--soft {font-family: var(--vs-font-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);padding: var(--vs-space-4, 16px) 0;margin: 0;}.comp-box--card {background: var(--vs-n-0, #ffffff);border: 1px solid var(--vs-hairline, #f0f0f5);border-radius: var(--vs-radius-xl, 16px);box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.03);padding: var(--vs-space-6, 24px);transition: box-shadow var(--vs-dur-3, 0.3s) ease;}.comp-box--card:hover {box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.04);}.comp-header {display: flex;align-items: center;gap: var(--vs-space-4, 16px);margin-bottom: var(--vs-space-6, 24px);border-bottom: 1px solid var(--vs-hairline, #f0f0f5);padding-bottom: var(--vs-space-4, 16px);}.comp-header__icon {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background: var(--vs-n-25, #f8f9fa);border-radius: var(--vs-radius-lg, 12px);color: var(--vs-accent, #168bf1);}.comp-header__icon svg {width: 24px;height: 24px;}.comp-header__content {flex: 1;}.comp-title {font-size: var(--vs-text-xl, 20px);font-weight: 700;color: var(--vs-heading, #1f2937);margin: 0 0 4px 0;}.comp-help-link {display: inline-flex;align-items: center;gap: 4px;color: var(--vs-warn-600, #f37021);font-size: var(--vs-text-sm, 14px);font-weight: 500;text-decoration: none;transition: color var(--vs-dur-2, 0.2s) ease;}.comp-help-link:hover {color: var(--vs-accent, #d65d18);}.comp-filters {display: grid;grid-template-columns: 1fr 1fr;gap: var(--vs-space-5, 20px);margin-bottom: var(--vs-space-6, 24px);}.comp-filter-group {display: flex;flex-direction: column;gap: var(--vs-space-2, 8px);}.comp-filter__label {font-size: var(--vs-text-sm, 14px);font-weight: 600;color: var(--vs-heading, #374151);}.comp-select-wrapper,.comp-input-wrapper {position: relative;display: flex;align-items: center;}.comp-filter__select,.comp-filter__input {width: 100%;height: 44px;border: 2px solid var(--vs-hairline, #f0f0f5);border-radius: var(--vs-radius-md, 8px);font-family: var(--vs-font-ui, -apple-system, sans-serif);font-size: var(--vs-text-sm, 14px);color: var(--vs-heading, #1f2937);background: var(--vs-n-0, #ffffff);transition: all var(--vs-dur-2, 0.2s) ease;}.comp-filter__select {padding: 0 40px 0 var(--vs-space-3, 12px);-webkit-appearance: none;appearance: none;cursor: pointer;}.comp-filter__input {padding: 0 var(--vs-space-3, 12px) 0 40px;}.comp-filter__select:hover,.comp-filter__input:hover {border-color: var(--vs-n-300, #d1d5db);}.comp-filter__select:focus,.comp-filter__input:focus {outline: none;border-color: var(--vs-accent, #168bf1);box-shadow: 0 0 0 3px rgba(22, 139, 241, 0.1);}.comp-select__icon {position: absolute;right: 12px;pointer-events: none;color: var(--vs-n-400, #9ca3af);display: flex;align-items: center;}.comp-input__icon {position: absolute;left: 12px;pointer-events: none;color: var(--vs-n-400, #9ca3af);display: flex;align-items: center;}.comp-select__icon svg,.comp-input__icon svg {width: 18px;height: 18px;}.comp-filter__select:focus + .comp-select__icon,.comp-filter__input:focus ~ .comp-input__icon {color: var(--vs-accent, #168bf1);}.comp-models-list-wrap {border: 1px solid var(--vs-hairline, #f0f0f5);border-radius: var(--vs-radius-lg, 12px);overflow: hidden;background: var(--vs-n-25, #f8f9fa);width: 100%;}.comp-models-list {max-height: 280px;overflow-y: auto;overflow-x: hidden;width: 100%;scrollbar-width: thin;scrollbar-color: var(--vs-n-300, #d1d5db) transparent;}.comp-models-list::-webkit-scrollbar {width: 6px;}.comp-models-list::-webkit-scrollbar-track {background: transparent;}.comp-models-list::-webkit-scrollbar-thumb {background: var(--vs-n-300, #d1d5db);border-radius: var(--vs-radius-full, 999px);}.comp-models-list::-webkit-scrollbar-thumb:hover {background: var(--vs-n-400, #9ca3af);}.comp-model-item {display: flex;justify-content: space-between;align-items: center;padding: var(--vs-space-3, 12px) var(--vs-space-4, 16px);border-bottom: 1px solid var(--vs-n-100, #f3f4f6);background: var(--vs-n-0, #ffffff);transition: all var(--vs-dur-2, 0.2s) ease;gap: 12px;margin: 4px;border-radius: var(--vs-radius-sm, 6px);}.comp-model-item:hover {background: var(--vs-n-25, #f8f9fa);transform: translateX(4px);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}.comp-model-info {flex: 1;min-width: 0;}.comp-model-name {font-size: var(--vs-text-sm, 14px);color: var(--vs-heading, #1f2937);font-weight: 600;display: block;margin-bottom: 2px;text-decoration: none;transition: color var(--vs-dur-2, 0.2s);word-break: break-word;}.comp-model-name:hover {color: var(--vs-cta-hover, #0598f3);text-decoration: underline;}.comp-model-codes {font-size: var(--vs-text-xs, 12px);color: var(--vs-text-muted, #6b7280);line-height: 1.4;word-break: break-word;}.comp-model-status {flex-shrink: 0;}.comp-status-icon {display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;background: rgba(22, 163, 74, 0.1);border-radius: 50%;color: var(--vs-ok-600, #16a34a);}.comp-status-icon svg {width: 16px;height: 16px;stroke-width: 3;}.models-loading {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--vs-space-8, 40px) 0;color: var(--vs-text-muted, #6b7280);font-size: var(--vs-text-sm, 14px);font-weight: 500;gap: var(--vs-space-3, 12px);}.models-spinner {width: 24px;height: 24px;animation: spin 1s linear infinite;color: var(--vs-accent, #168bf1);}@keyframes spin {100% { transform: rotate(360deg); }}@media (max-width: 768px) {.comp-box--card {padding: var(--vs-space-4, 16px);border-radius: var(--vs-radius-lg, 12px);}.comp-filters {grid-template-columns: 1fr;gap: var(--vs-space-3, 12px);}.comp-header {margin-bottom: var(--vs-space-4, 16px);padding-bottom: var(--vs-space-3, 12px);}.comp-header__icon {width: 40px;height: 40px;}.comp-model-item:hover {}}
/*# sourceMappingURL=vibe_shop.style.css.ad79e297e0882508d696779948867568.css.map */