{"version":3,"sources":["webpack:///src/var/www/virtualhost/client.tk.salome.ee/www/master/src/resources/index.ts","webpack:///./src/resources/mobile.css","webpack:///./src/resources/style.css"],"names":["configure","config","___CSS_LOADER_EXPORT___","push","module","i"],"mappings":"qtBAEO,SAASA,EAAUC,IAA1B,kD,oDCFA,4CAGIC,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,srjBAAssjB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wCAAwC,MAAQ,GAAG,SAAW,siJAAsiJ,eAAiB,CAAC,urjBAAssjB,WAAa,MAEpkwC,a,mDCPf,4CAGIH,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,ipPAAspP,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,uCAAuC,MAAQ,GAAG,SAAW,ypFAAypF,eAAiB,CAAC,kpPAAspP,WAAa,MAEtlkB","file":"app~afb1c627.a4743c77e8dcba2b8218.chunk.js","sourcesContent":["import {FrameworkConfiguration} from 'aurelia-framework';\n\nexport function configure(config: FrameworkConfiguration) {\n  //config.globalResources([]);\n}\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* SAL-325: phones (below 768 px). Everything here is inside the media query, so tablets and\\n   desktop (768 px and up) render exactly as before. Kept out of style.css so it doesn't\\n   collide with SAL-297 (level-2 menu). */\\n@media (max-width: 767.98px) {\\n  /* Tables become stacked cards (utils/classes/mobile-cards labels the cells) */\\n  table.mobile-cards {\\n    display: block;\\n    width: 100% !important;\\n    overflow: visible;\\n  }\\n\\n  table.mobile-cards > thead {\\n    display: none;\\n  }\\n\\n  table.mobile-cards > tbody {\\n    display: block;\\n    width: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr {\\n    display: flex;\\n    flex-wrap: wrap;\\n    align-items: flex-start;\\n    width: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr:has(> td[data-label]) {\\n    border: 1px solid var(--bs-border-color, #dee2e6);\\n    margin-top: 0.5rem;\\n    padding: 0.25rem 0;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td,\\n  table.mobile-cards > tbody > tr > th {\\n    display: block;\\n    flex: 1 1 50%;\\n    min-width: 0;\\n    border: 0;\\n    height: auto;\\n    text-align: start !important;\\n    white-space: normal !important;\\n    overflow-wrap: anywhere;\\n  }\\n\\n  /* Warehouse picker gets its own line */\\n  table.mobile-cards > tbody > tr > td:has(.dropdown-center) {\\n    flex-basis: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td .d-flex.justify-content-center:has(> .dropdown-center) {\\n    justify-content: flex-start !important;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td[data-label]::before {\\n    content: attr(data-label);\\n    display: block;\\n    font-size: 0.7rem;\\n    font-weight: 600;\\n    text-transform: uppercase;\\n    color: var(--bs-secondary-color, #6c757d);\\n  }\\n\\n  /* Name, detail rows, row headers and actions take the full card width */\\n  table.mobile-cards > tbody > tr > th,\\n  table.mobile-cards > tbody > tr > td[colspan],\\n  table.mobile-cards > tbody > tr > td.mc-full {\\n    flex-basis: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td:empty,\\n  table.mobile-cards > tbody > tr > td[data-empty] {\\n    display: none !important;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action {\\n    flex-basis: 100%;\\n    display: flex;\\n    gap: 0.5rem;\\n    align-items: stretch;\\n    justify-content: flex-end;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action::before {\\n    display: none !important;\\n  }\\n\\n  /* Actions (Lisa, Eemalda, Prindi, format) are normal sized and sit on the right */\\n  table.mobile-cards > tbody > tr > td.mc-action > *,\\n  table.mobile-cards > tbody > tr > td.mc-action .btn,\\n  table.mobile-cards > tbody > tr > td.mc-action .form-select,\\n  table.mobile-cards > tbody > tr > td.mc-action .form-control {\\n    flex: 0 0 auto;\\n    width: auto;\\n    max-width: none;\\n    float: none !important;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action > a {\\n    display: inline-flex;\\n    align-items: center;\\n    justify-content: center;\\n  }\\n\\n  /* Lisa / Tagasta: quantity and button share the full card width */\\n  table.mobile-cards td.mc-action add-to-cart,\\n  table.mobile-cards td.mc-action add-to-cart > div:not(.modal),\\n  table.mobile-cards td.mc-action .add-to-cart-form,\\n  table.mobile-cards td.mc-action .return-product-form {\\n    display: flex;\\n    flex-wrap: nowrap;\\n    width: 100%;\\n    max-width: none;\\n  }\\n\\n  table.mobile-cards td.mc-action add-to-cart > div:not(.modal) {\\n    flex-direction: column;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action .add-to-cart-form > input.form-control,\\n  table.mobile-cards > tbody > tr > td.mc-action .return-product-form > input.form-control {\\n    flex: 0 0 6rem;\\n    width: 6rem;\\n    min-height: 2.5rem;\\n  }\\n\\n  table.mobile-cards td.mc-action .input-group-append {\\n    display: flex;\\n    flex: 1 1 auto;\\n  }\\n\\n  table.mobile-cards td.mc-action .input-group-append .btn {\\n    flex: 1 1 auto;\\n  }\\n\\n  /* Cart quantity: a finger-sized field */\\n  table.mobile-cards .cart-product-amount {\\n    max-width: 8rem;\\n    min-height: 2.5rem;\\n    margin-left: 0 !important;\\n  }\\n\\n  /* Warehouse picker and other dropdown buttons stay inside the card */\\n  table.mobile-cards > tbody > tr > td .dropdown-toggle {\\n    max-width: 100%;\\n    white-space: normal;\\n    text-align: start;\\n  }\\n\\n  /* Product expanded row: description, OE numbers and fitting cars stacked */\\n  [data-extra] > .row {\\n    margin-left: 0;\\n    margin-right: 0;\\n  }\\n\\n  [data-extra] > .row > .col {\\n    flex: 0 0 100%;\\n    max-width: 100%;\\n  }\\n\\n  [data-extra] img,\\n  [data-extra] table {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  table.mobile-cards > tbody > tr.info-row > td {\\n    overflow-wrap: anywhere;\\n  }\\n\\n  /* Thumbnail preview popover stays on screen */\\n  .popover {\\n    max-width: calc(100vw - 1rem) !important;\\n  }\\n\\n  .popover img {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  /* Expanded rows (order products, invoice orders) use the full width */\\n  table.mobile-cards .collapse.px-5 {\\n    padding-left: 0 !important;\\n    padding-right: 0 !important;\\n  }\\n\\n  /* Invoice and order cards that open a list: the tbody is the card, so the opened list\\n     sits inside the same border, and a tap tints the whole card instead of only the\\n     padding above and below the cells */\\n  table.mobile-cards > tbody:has(> tr > td > .collapse) {\\n    border: 1px solid var(--bs-border-color, #dee2e6);\\n    margin-top: 0.5rem;\\n  }\\n\\n  table.mobile-cards > tbody:has(> tr > td > .collapse) > tr {\\n    border: 0 !important;\\n    margin-top: 0 !important;\\n  }\\n\\n  table.mobile-cards > tbody:has(> tr > td > .collapse) > tr > td {\\n    background-color: transparent;\\n    box-shadow: none;\\n  }\\n\\n  /* The opened list is an indented grey band under its card; its own cards stay white */\\n  table.mobile-cards > tbody > tr > td > .collapse:is(.show, .collapsing) {\\n    background: var(--bs-tertiary-bg, #f8f9fa);\\n    border-top: 1px solid var(--bs-border-color, #dee2e6);\\n    padding: 0 0.5rem 0.5rem 1rem !important;\\n  }\\n\\n  table.mobile-cards .collapse table.mobile-cards > tbody {\\n    background: var(--bs-body-bg, #fff);\\n  }\\n\\n  /* Product list card:\\n       [picture] name\\n       [picture] code, brand\\n       warehouse\\n       price ...... quantity [Lisa]\\n     The picture column collapses when there is no picture. No labels: every value explains\\n     itself. The info line and expanded row stay inside the same card. */\\n  table.mc-products > tbody:has(> tr.product-row) {\\n    border: 1px solid var(--bs-border-color, #dee2e6);\\n    margin-top: 0.5rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row {\\n    display: grid;\\n    grid-template-columns: auto 1fr auto;\\n    grid-template-areas:\\n      \\\"img name name\\\"\\n      \\\"img code code\\\"\\n      \\\"img brand brand\\\"\\n      \\\"stock stock stock\\\"\\n      \\\"price price action\\\";\\n    align-items: center;\\n    border: 0 !important;\\n    margin-top: 0 !important;\\n    padding: 0.5rem 0.5rem 0.25rem !important;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td {\\n    padding: 0.125rem 0.25rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td::before {\\n    display: none;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td:not(.product-image-wrapper, .mc-full, .mc-code, .mc-brand, .mc-stock, .mc-price, .mc-action) {\\n    grid-column: 1 / -1;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.product-image-wrapper {\\n    grid-area: img;\\n    width: 4.5rem;\\n    height: auto;\\n    margin-right: 0.5rem;\\n    align-self: start;\\n    background-color: transparent !important;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.product-image-wrapper img {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-full {\\n    grid-area: name;\\n    font-weight: 600;\\n  }\\n\\n  /* A tap on the name or brand text opens the card like a tap beside it\\n     (toggleExtraRow only reacts to the cell itself) */\\n  table.mc-products > tbody > tr.product-row > td:is(.mc-full, .mc-brand) span {\\n    pointer-events: none;\\n  }\\n\\n  /* Phones have no wait cursor: show a spinner after the name while the details load */\\n  table.mc-products > tbody > tr.product-row:is(.loading-description, .loading-documents, .loading-oe-numbers) > td.mc-full::after {\\n    content: \\\"\\\";\\n    display: inline-block;\\n    width: 0.9rem;\\n    height: 0.9rem;\\n    margin-left: 0.5rem;\\n    vertical-align: -0.1rem;\\n    border: 0.15em solid var(--bs-secondary-color, #6c757d);\\n    border-right-color: transparent;\\n    border-radius: 50%;\\n    animation: spinner-border 0.75s linear infinite;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-code {\\n    grid-area: code;\\n    font-size: 0.875rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-brand {\\n    grid-area: brand;\\n    font-size: 0.875rem;\\n    color: var(--bs-secondary-color, #6c757d);\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-stock {\\n    grid-area: stock;\\n    padding-top: 0.5rem;\\n    padding-bottom: 0.5rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-price {\\n    grid-area: price;\\n    font-weight: 600;\\n    font-size: 1.125rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action {\\n    grid-area: action;\\n    justify-content: flex-end;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action add-to-cart,\\n  table.mc-products > tbody > tr.product-row > td.mc-action add-to-cart > div:not(.modal),\\n  table.mc-products > tbody > tr.product-row > td.mc-action .add-to-cart-form {\\n    width: auto;\\n    flex: 0 0 auto;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action .add-to-cart-form > input.form-control {\\n    flex: 0 0 4.5rem;\\n    width: 4.5rem;\\n    min-height: 0;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action .add-to-cart-form .btn {\\n    min-height: 0;\\n    padding-left: 1.25rem;\\n    padding-right: 1.25rem;\\n  }\\n\\n  /* Search bar: the search field first, as wide as possible, with the search type as an icon;\\n     Tooted and Vali auto below. Borders touch, as on desktop. */\\n  .search-box {\\n    flex-wrap: wrap;\\n  }\\n\\n  .search-box::after {\\n    content: \\\"\\\";\\n    order: 4;\\n    flex-basis: 100%;\\n  }\\n\\n  .search-box > .bi-search {\\n    order: 1;\\n  }\\n\\n  .search-box > #search-bar {\\n    order: 2;\\n    flex: 1 1 0;\\n    min-width: 0;\\n    width: auto !important;\\n  }\\n\\n  .search-box > .form-select {\\n    order: 3;\\n    flex: 0 0 3.25rem;\\n    width: 3.25rem;\\n    padding: 0;\\n    color: transparent;\\n    /* Funnel plus the same down triangle as the other dropdown buttons */\\n    background-image:\\n      url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23212529' viewBox='0 0 16 16'%3e%3cpath d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z'/%3e%3c/svg%3e\\\"),\\n      url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%23212529' viewBox='0 0 10 6'%3e%3cpath d='M0 0h10L5 6z'/%3e%3c/svg%3e\\\");\\n    background-position: left 0.6rem center, right 0.6rem center;\\n    background-size: 1rem, 0.6rem 0.36rem;\\n    background-repeat: no-repeat;\\n  }\\n\\n  .search-box > .form-select option {\\n    color: var(--bs-body-color, #212529);\\n  }\\n\\n  .search-box > compose:first-of-type {\\n    order: 5;\\n    flex: 1 1 0;\\n    margin-top: -1px;\\n  }\\n\\n  .search-box > compose:last-of-type {\\n    order: 6;\\n    flex: 1 1 0;\\n    margin-top: -1px;\\n    margin-left: -1px !important;\\n  }\\n\\n  .search-box > compose .dropdown > .btn,\\n  .search-box > compose .text-nowrap {\\n    width: 100%;\\n  }\\n\\n  .search-box > compose .text-nowrap {\\n    display: flex;\\n  }\\n\\n  .search-box > compose .text-nowrap > .btn:first-child {\\n    flex: 1 1 auto;\\n    justify-content: center;\\n  }\\n\\n  /* /order: arrow that opens the order; the number itself stays selectable */\\n  .order-expand {\\n    min-width: 2.25rem;\\n    min-height: 2.25rem;\\n    margin: -0.5rem 0.25rem -0.5rem -0.25rem;\\n    line-height: 1;\\n  }\\n\\n  /* /order, /invoice, /return search bar: text on its own line, dates (with the year) below.\\n     Rows touch like the other bars. */\\n  .order-search-bar.input-group > input[type=\\\"text\\\"] {\\n    flex: 1 1 calc(100% - 5.5rem);\\n  }\\n\\n  .order-search-bar.input-group > input[type=\\\"date\\\"] {\\n    flex: 1 1 0;\\n    min-width: 0;\\n    margin-top: -1px;\\n  }\\n\\n  .order-search-bar.input-group > input[type=\\\"date\\\"] + .input-group-text,\\n  .order-search-bar.input-group > input[type=\\\"text\\\"] + .input-group-text {\\n    margin-top: -1px;\\n  }\\n\\n  .order-search-bar.input-group > input[type=\\\"text\\\"] + .input-group-text {\\n    margin-left: 0 !important;\\n  }\\n\\n  /* Car menu (Tagasi, filter, make, model): buttons fill the row they wrap onto */\\n  .car-menu-bar > .btn {\\n    flex: 1 1 auto;\\n  }\\n\\n  .car-menu-bar > .form-control {\\n    flex: 20 1 8rem;\\n  }\\n\\n  /* Cart card:\\n       [picture] name ......... Eemalda\\n       [picture] code, EAN\\n       warehouse\\n       unit price ...... quantity  total */\\n  table.mc-cart > tbody > tr.product-row {\\n    display: grid;\\n    grid-template-columns: auto 1fr auto auto;\\n    grid-template-areas:\\n      \\\"img name name action\\\"\\n      \\\"img code code code\\\"\\n      \\\"img ean ean ean\\\"\\n      \\\"stock stock stock stock\\\"\\n      \\\"price price qty total\\\";\\n    align-items: center;\\n    padding: 0.5rem 0.5rem 0.25rem !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row:nth-of-type(odd) {\\n    background-color: #f0f0f0;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td {\\n    padding: 0.125rem 0.25rem;\\n    box-shadow: none !important;\\n    background: transparent !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td::before {\\n    display: none;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td:not(.product-image-wrapper, .mc-full, .mc-code, .mc-ean, .mc-stock, .mc-price, .mc-qty, .mc-total, .mc-action) {\\n    grid-column: 1 / -1;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.product-image-wrapper {\\n    grid-area: img;\\n    width: 4.5rem;\\n    height: auto;\\n    margin-right: 0.5rem;\\n    align-self: start;\\n    background-color: transparent !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.product-image-wrapper img {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-full {\\n    grid-area: name;\\n    font-weight: 600;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-code {\\n    grid-area: code;\\n    font-size: 0.875rem;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-ean {\\n    grid-area: ean;\\n    font-size: 0.875rem;\\n    color: var(--bs-secondary-color, #6c757d);\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-stock {\\n    grid-area: stock;\\n    padding-top: 0.5rem;\\n    padding-bottom: 0.5rem;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-price {\\n    grid-area: price;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-qty {\\n    grid-area: qty;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-qty .cart-product-amount {\\n    width: 4.5rem;\\n    min-height: 0;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-total {\\n    grid-area: total;\\n    font-weight: 600;\\n    font-size: 1.125rem;\\n    text-align: end !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-action {\\n    grid-area: action;\\n    align-self: start;\\n  }\\n\\n  /* Cart totals: the sums stacked on the right, Tühjenda beside the total */\\n  .cart-totals > .input-group-text.form-control {\\n    display: none;\\n  }\\n\\n  .cart-totals > .input-group-text {\\n    order: 1;\\n    flex: 1 1 100%;\\n    justify-content: flex-end;\\n    margin: -1px 0 0 0 !important;\\n  }\\n\\n  .cart-totals > .btn {\\n    order: 2;\\n    margin-top: -1px;\\n  }\\n\\n  .cart-totals > .input-group-text:last-child {\\n    order: 3;\\n    flex-basis: 0;\\n    margin-left: -1px !important;\\n    font-weight: 600;\\n  }\\n\\n  /* Cart transport: warehouse and address blocks stacked, labels on the left */\\n  #transport-list > .col {\\n    flex: 0 0 100%;\\n    max-width: 100%;\\n  }\\n\\n  #transport-list > .col + .col {\\n    margin-top: 0.75rem;\\n  }\\n\\n  #transport-list .col-form-label {\\n    text-align: start !important;\\n  }\\n\\n  /* Rehvid and search filters: separate buttons that wrap, no \\\"Filtrid:\\\" header or spacer,\\n     value lists stay on screen and scroll inside */\\n  #product-filter,\\n  #brand-filter {\\n    flex-wrap: wrap;\\n    padding: 1px 0 0 1px;\\n  }\\n\\n  #product-filter > .input-group-text,\\n  #brand-filter > .input-group-text {\\n    display: none;\\n  }\\n\\n  #product-filter > .dropdown,\\n  #brand-filter > .dropdown {\\n    flex: 1 1 auto;\\n    margin: -1px 0 0 -1px !important;\\n  }\\n\\n  #product-filter > .dropdown > .btn,\\n  #brand-filter > .dropdown > .btn {\\n    width: 100%;\\n  }\\n\\n  /* The brand button is the whole row, so its list is as wide as the button */\\n  #brand-filter .dropdown-menu {\\n    left: 0 !important;\\n    right: 0 !important;\\n    width: 100%;\\n    max-height: 60vh;\\n    overflow-y: auto;\\n  }\\n\\n  #product-filter .dropdown-menu {\\n    max-height: 60vh;\\n    max-width: calc(100vw - 1rem);\\n    overflow-y: auto;\\n  }\\n\\n  /* Tooted level 2 (e.g. Autokaubad): open below its item inside the menu, not off the right edge */\\n  #level-1-menu .level-2-menu {\\n    position: static !important;\\n    width: 100% !important;\\n    max-width: 100% !important;\\n    min-height: 0 !important;\\n    max-height: none !important;\\n    overflow: visible !important;\\n    flex-flow: column nowrap !important;\\n    left: auto !important;\\n    top: auto !important;\\n    margin: 0 !important;\\n    border: 0;\\n    padding-left: 1rem;\\n  }\\n\\n  #level-1-menu .dropdown-submenu {\\n    flex-wrap: wrap;\\n  }\\n\\n  #level-1-menu {\\n    max-width: calc(100vw - 1rem);\\n    max-height: 75vh;\\n    overflow-y: auto;\\n  }\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/mobile.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"/* SAL-325: phones (below 768 px). Everything here is inside the media query, so tablets and\\n   desktop (768 px and up) render exactly as before. Kept out of style.css so it doesn't\\n   collide with SAL-297 (level-2 menu). */\\n@media (max-width: 767.98px) {\\n  /* Tables become stacked cards (utils/classes/mobile-cards labels the cells) */\\n  table.mobile-cards {\\n    display: block;\\n    width: 100% !important;\\n    overflow: visible;\\n  }\\n\\n  table.mobile-cards > thead {\\n    display: none;\\n  }\\n\\n  table.mobile-cards > tbody {\\n    display: block;\\n    width: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr {\\n    display: flex;\\n    flex-wrap: wrap;\\n    align-items: flex-start;\\n    width: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr:has(> td[data-label]) {\\n    border: 1px solid var(--bs-border-color, #dee2e6);\\n    margin-top: 0.5rem;\\n    padding: 0.25rem 0;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td,\\n  table.mobile-cards > tbody > tr > th {\\n    display: block;\\n    flex: 1 1 50%;\\n    min-width: 0;\\n    border: 0;\\n    height: auto;\\n    text-align: start !important;\\n    white-space: normal !important;\\n    overflow-wrap: anywhere;\\n  }\\n\\n  /* Warehouse picker gets its own line */\\n  table.mobile-cards > tbody > tr > td:has(.dropdown-center) {\\n    flex-basis: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td .d-flex.justify-content-center:has(> .dropdown-center) {\\n    justify-content: flex-start !important;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td[data-label]::before {\\n    content: attr(data-label);\\n    display: block;\\n    font-size: 0.7rem;\\n    font-weight: 600;\\n    text-transform: uppercase;\\n    color: var(--bs-secondary-color, #6c757d);\\n  }\\n\\n  /* Name, detail rows, row headers and actions take the full card width */\\n  table.mobile-cards > tbody > tr > th,\\n  table.mobile-cards > tbody > tr > td[colspan],\\n  table.mobile-cards > tbody > tr > td.mc-full {\\n    flex-basis: 100%;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td:empty,\\n  table.mobile-cards > tbody > tr > td[data-empty] {\\n    display: none !important;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action {\\n    flex-basis: 100%;\\n    display: flex;\\n    gap: 0.5rem;\\n    align-items: stretch;\\n    justify-content: flex-end;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action::before {\\n    display: none !important;\\n  }\\n\\n  /* Actions (Lisa, Eemalda, Prindi, format) are normal sized and sit on the right */\\n  table.mobile-cards > tbody > tr > td.mc-action > *,\\n  table.mobile-cards > tbody > tr > td.mc-action .btn,\\n  table.mobile-cards > tbody > tr > td.mc-action .form-select,\\n  table.mobile-cards > tbody > tr > td.mc-action .form-control {\\n    flex: 0 0 auto;\\n    width: auto;\\n    max-width: none;\\n    float: none !important;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action > a {\\n    display: inline-flex;\\n    align-items: center;\\n    justify-content: center;\\n  }\\n\\n  /* Lisa / Tagasta: quantity and button share the full card width */\\n  table.mobile-cards td.mc-action add-to-cart,\\n  table.mobile-cards td.mc-action add-to-cart > div:not(.modal),\\n  table.mobile-cards td.mc-action .add-to-cart-form,\\n  table.mobile-cards td.mc-action .return-product-form {\\n    display: flex;\\n    flex-wrap: nowrap;\\n    width: 100%;\\n    max-width: none;\\n  }\\n\\n  table.mobile-cards td.mc-action add-to-cart > div:not(.modal) {\\n    flex-direction: column;\\n  }\\n\\n  table.mobile-cards > tbody > tr > td.mc-action .add-to-cart-form > input.form-control,\\n  table.mobile-cards > tbody > tr > td.mc-action .return-product-form > input.form-control {\\n    flex: 0 0 6rem;\\n    width: 6rem;\\n    min-height: 2.5rem;\\n  }\\n\\n  table.mobile-cards td.mc-action .input-group-append {\\n    display: flex;\\n    flex: 1 1 auto;\\n  }\\n\\n  table.mobile-cards td.mc-action .input-group-append .btn {\\n    flex: 1 1 auto;\\n  }\\n\\n  /* Cart quantity: a finger-sized field */\\n  table.mobile-cards .cart-product-amount {\\n    max-width: 8rem;\\n    min-height: 2.5rem;\\n    margin-left: 0 !important;\\n  }\\n\\n  /* Warehouse picker and other dropdown buttons stay inside the card */\\n  table.mobile-cards > tbody > tr > td .dropdown-toggle {\\n    max-width: 100%;\\n    white-space: normal;\\n    text-align: start;\\n  }\\n\\n  /* Product expanded row: description, OE numbers and fitting cars stacked */\\n  [data-extra] > .row {\\n    margin-left: 0;\\n    margin-right: 0;\\n  }\\n\\n  [data-extra] > .row > .col {\\n    flex: 0 0 100%;\\n    max-width: 100%;\\n  }\\n\\n  [data-extra] img,\\n  [data-extra] table {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  table.mobile-cards > tbody > tr.info-row > td {\\n    overflow-wrap: anywhere;\\n  }\\n\\n  /* Thumbnail preview popover stays on screen */\\n  .popover {\\n    max-width: calc(100vw - 1rem) !important;\\n  }\\n\\n  .popover img {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  /* Expanded rows (order products, invoice orders) use the full width */\\n  table.mobile-cards .collapse.px-5 {\\n    padding-left: 0 !important;\\n    padding-right: 0 !important;\\n  }\\n\\n  /* Invoice and order cards that open a list: the tbody is the card, so the opened list\\n     sits inside the same border, and a tap tints the whole card instead of only the\\n     padding above and below the cells */\\n  table.mobile-cards > tbody:has(> tr > td > .collapse) {\\n    border: 1px solid var(--bs-border-color, #dee2e6);\\n    margin-top: 0.5rem;\\n  }\\n\\n  table.mobile-cards > tbody:has(> tr > td > .collapse) > tr {\\n    border: 0 !important;\\n    margin-top: 0 !important;\\n  }\\n\\n  table.mobile-cards > tbody:has(> tr > td > .collapse) > tr > td {\\n    background-color: transparent;\\n    box-shadow: none;\\n  }\\n\\n  /* The opened list is an indented grey band under its card; its own cards stay white */\\n  table.mobile-cards > tbody > tr > td > .collapse:is(.show, .collapsing) {\\n    background: var(--bs-tertiary-bg, #f8f9fa);\\n    border-top: 1px solid var(--bs-border-color, #dee2e6);\\n    padding: 0 0.5rem 0.5rem 1rem !important;\\n  }\\n\\n  table.mobile-cards .collapse table.mobile-cards > tbody {\\n    background: var(--bs-body-bg, #fff);\\n  }\\n\\n  /* Product list card:\\n       [picture] name\\n       [picture] code, brand\\n       warehouse\\n       price ...... quantity [Lisa]\\n     The picture column collapses when there is no picture. No labels: every value explains\\n     itself. The info line and expanded row stay inside the same card. */\\n  table.mc-products > tbody:has(> tr.product-row) {\\n    border: 1px solid var(--bs-border-color, #dee2e6);\\n    margin-top: 0.5rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row {\\n    display: grid;\\n    grid-template-columns: auto 1fr auto;\\n    grid-template-areas:\\n      \\\"img name name\\\"\\n      \\\"img code code\\\"\\n      \\\"img brand brand\\\"\\n      \\\"stock stock stock\\\"\\n      \\\"price price action\\\";\\n    align-items: center;\\n    border: 0 !important;\\n    margin-top: 0 !important;\\n    padding: 0.5rem 0.5rem 0.25rem !important;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td {\\n    padding: 0.125rem 0.25rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td::before {\\n    display: none;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td:not(.product-image-wrapper, .mc-full, .mc-code, .mc-brand, .mc-stock, .mc-price, .mc-action) {\\n    grid-column: 1 / -1;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.product-image-wrapper {\\n    grid-area: img;\\n    width: 4.5rem;\\n    height: auto;\\n    margin-right: 0.5rem;\\n    align-self: start;\\n    background-color: transparent !important;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.product-image-wrapper img {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-full {\\n    grid-area: name;\\n    font-weight: 600;\\n  }\\n\\n  /* A tap on the name or brand text opens the card like a tap beside it\\n     (toggleExtraRow only reacts to the cell itself) */\\n  table.mc-products > tbody > tr.product-row > td:is(.mc-full, .mc-brand) span {\\n    pointer-events: none;\\n  }\\n\\n  /* Phones have no wait cursor: show a spinner after the name while the details load */\\n  table.mc-products > tbody > tr.product-row:is(.loading-description, .loading-documents, .loading-oe-numbers) > td.mc-full::after {\\n    content: \\\"\\\";\\n    display: inline-block;\\n    width: 0.9rem;\\n    height: 0.9rem;\\n    margin-left: 0.5rem;\\n    vertical-align: -0.1rem;\\n    border: 0.15em solid var(--bs-secondary-color, #6c757d);\\n    border-right-color: transparent;\\n    border-radius: 50%;\\n    animation: spinner-border 0.75s linear infinite;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-code {\\n    grid-area: code;\\n    font-size: 0.875rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-brand {\\n    grid-area: brand;\\n    font-size: 0.875rem;\\n    color: var(--bs-secondary-color, #6c757d);\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-stock {\\n    grid-area: stock;\\n    padding-top: 0.5rem;\\n    padding-bottom: 0.5rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-price {\\n    grid-area: price;\\n    font-weight: 600;\\n    font-size: 1.125rem;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action {\\n    grid-area: action;\\n    justify-content: flex-end;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action add-to-cart,\\n  table.mc-products > tbody > tr.product-row > td.mc-action add-to-cart > div:not(.modal),\\n  table.mc-products > tbody > tr.product-row > td.mc-action .add-to-cart-form {\\n    width: auto;\\n    flex: 0 0 auto;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action .add-to-cart-form > input.form-control {\\n    flex: 0 0 4.5rem;\\n    width: 4.5rem;\\n    min-height: 0;\\n  }\\n\\n  table.mc-products > tbody > tr.product-row > td.mc-action .add-to-cart-form .btn {\\n    min-height: 0;\\n    padding-left: 1.25rem;\\n    padding-right: 1.25rem;\\n  }\\n\\n  /* Search bar: the search field first, as wide as possible, with the search type as an icon;\\n     Tooted and Vali auto below. Borders touch, as on desktop. */\\n  .search-box {\\n    flex-wrap: wrap;\\n  }\\n\\n  .search-box::after {\\n    content: \\\"\\\";\\n    order: 4;\\n    flex-basis: 100%;\\n  }\\n\\n  .search-box > .bi-search {\\n    order: 1;\\n  }\\n\\n  .search-box > #search-bar {\\n    order: 2;\\n    flex: 1 1 0;\\n    min-width: 0;\\n    width: auto !important;\\n  }\\n\\n  .search-box > .form-select {\\n    order: 3;\\n    flex: 0 0 3.25rem;\\n    width: 3.25rem;\\n    padding: 0;\\n    color: transparent;\\n    /* Funnel plus the same down triangle as the other dropdown buttons */\\n    background-image:\\n      url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23212529' viewBox='0 0 16 16'%3e%3cpath d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z'/%3e%3c/svg%3e\\\"),\\n      url(\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%23212529' viewBox='0 0 10 6'%3e%3cpath d='M0 0h10L5 6z'/%3e%3c/svg%3e\\\");\\n    background-position: left 0.6rem center, right 0.6rem center;\\n    background-size: 1rem, 0.6rem 0.36rem;\\n    background-repeat: no-repeat;\\n  }\\n\\n  .search-box > .form-select option {\\n    color: var(--bs-body-color, #212529);\\n  }\\n\\n  .search-box > compose:first-of-type {\\n    order: 5;\\n    flex: 1 1 0;\\n    margin-top: -1px;\\n  }\\n\\n  .search-box > compose:last-of-type {\\n    order: 6;\\n    flex: 1 1 0;\\n    margin-top: -1px;\\n    margin-left: -1px !important;\\n  }\\n\\n  .search-box > compose .dropdown > .btn,\\n  .search-box > compose .text-nowrap {\\n    width: 100%;\\n  }\\n\\n  .search-box > compose .text-nowrap {\\n    display: flex;\\n  }\\n\\n  .search-box > compose .text-nowrap > .btn:first-child {\\n    flex: 1 1 auto;\\n    justify-content: center;\\n  }\\n\\n  /* /order: arrow that opens the order; the number itself stays selectable */\\n  .order-expand {\\n    min-width: 2.25rem;\\n    min-height: 2.25rem;\\n    margin: -0.5rem 0.25rem -0.5rem -0.25rem;\\n    line-height: 1;\\n  }\\n\\n  /* /order, /invoice, /return search bar: text on its own line, dates (with the year) below.\\n     Rows touch like the other bars. */\\n  .order-search-bar.input-group > input[type=\\\"text\\\"] {\\n    flex: 1 1 calc(100% - 5.5rem);\\n  }\\n\\n  .order-search-bar.input-group > input[type=\\\"date\\\"] {\\n    flex: 1 1 0;\\n    min-width: 0;\\n    margin-top: -1px;\\n  }\\n\\n  .order-search-bar.input-group > input[type=\\\"date\\\"] + .input-group-text,\\n  .order-search-bar.input-group > input[type=\\\"text\\\"] + .input-group-text {\\n    margin-top: -1px;\\n  }\\n\\n  .order-search-bar.input-group > input[type=\\\"text\\\"] + .input-group-text {\\n    margin-left: 0 !important;\\n  }\\n\\n  /* Car menu (Tagasi, filter, make, model): buttons fill the row they wrap onto */\\n  .car-menu-bar > .btn {\\n    flex: 1 1 auto;\\n  }\\n\\n  .car-menu-bar > .form-control {\\n    flex: 20 1 8rem;\\n  }\\n\\n  /* Cart card:\\n       [picture] name ......... Eemalda\\n       [picture] code, EAN\\n       warehouse\\n       unit price ...... quantity  total */\\n  table.mc-cart > tbody > tr.product-row {\\n    display: grid;\\n    grid-template-columns: auto 1fr auto auto;\\n    grid-template-areas:\\n      \\\"img name name action\\\"\\n      \\\"img code code code\\\"\\n      \\\"img ean ean ean\\\"\\n      \\\"stock stock stock stock\\\"\\n      \\\"price price qty total\\\";\\n    align-items: center;\\n    padding: 0.5rem 0.5rem 0.25rem !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row:nth-of-type(odd) {\\n    background-color: #f0f0f0;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td {\\n    padding: 0.125rem 0.25rem;\\n    box-shadow: none !important;\\n    background: transparent !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td::before {\\n    display: none;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td:not(.product-image-wrapper, .mc-full, .mc-code, .mc-ean, .mc-stock, .mc-price, .mc-qty, .mc-total, .mc-action) {\\n    grid-column: 1 / -1;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.product-image-wrapper {\\n    grid-area: img;\\n    width: 4.5rem;\\n    height: auto;\\n    margin-right: 0.5rem;\\n    align-self: start;\\n    background-color: transparent !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.product-image-wrapper img {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-full {\\n    grid-area: name;\\n    font-weight: 600;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-code {\\n    grid-area: code;\\n    font-size: 0.875rem;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-ean {\\n    grid-area: ean;\\n    font-size: 0.875rem;\\n    color: var(--bs-secondary-color, #6c757d);\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-stock {\\n    grid-area: stock;\\n    padding-top: 0.5rem;\\n    padding-bottom: 0.5rem;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-price {\\n    grid-area: price;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-qty {\\n    grid-area: qty;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-qty .cart-product-amount {\\n    width: 4.5rem;\\n    min-height: 0;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-total {\\n    grid-area: total;\\n    font-weight: 600;\\n    font-size: 1.125rem;\\n    text-align: end !important;\\n  }\\n\\n  table.mc-cart > tbody > tr.product-row > td.mc-action {\\n    grid-area: action;\\n    align-self: start;\\n  }\\n\\n  /* Cart totals: the sums stacked on the right, Tühjenda beside the total */\\n  .cart-totals > .input-group-text.form-control {\\n    display: none;\\n  }\\n\\n  .cart-totals > .input-group-text {\\n    order: 1;\\n    flex: 1 1 100%;\\n    justify-content: flex-end;\\n    margin: -1px 0 0 0 !important;\\n  }\\n\\n  .cart-totals > .btn {\\n    order: 2;\\n    margin-top: -1px;\\n  }\\n\\n  .cart-totals > .input-group-text:last-child {\\n    order: 3;\\n    flex-basis: 0;\\n    margin-left: -1px !important;\\n    font-weight: 600;\\n  }\\n\\n  /* Cart transport: warehouse and address blocks stacked, labels on the left */\\n  #transport-list > .col {\\n    flex: 0 0 100%;\\n    max-width: 100%;\\n  }\\n\\n  #transport-list > .col + .col {\\n    margin-top: 0.75rem;\\n  }\\n\\n  #transport-list .col-form-label {\\n    text-align: start !important;\\n  }\\n\\n  /* Rehvid and search filters: separate buttons that wrap, no \\\"Filtrid:\\\" header or spacer,\\n     value lists stay on screen and scroll inside */\\n  #product-filter,\\n  #brand-filter {\\n    flex-wrap: wrap;\\n    padding: 1px 0 0 1px;\\n  }\\n\\n  #product-filter > .input-group-text,\\n  #brand-filter > .input-group-text {\\n    display: none;\\n  }\\n\\n  #product-filter > .dropdown,\\n  #brand-filter > .dropdown {\\n    flex: 1 1 auto;\\n    margin: -1px 0 0 -1px !important;\\n  }\\n\\n  #product-filter > .dropdown > .btn,\\n  #brand-filter > .dropdown > .btn {\\n    width: 100%;\\n  }\\n\\n  /* The brand button is the whole row, so its list is as wide as the button */\\n  #brand-filter .dropdown-menu {\\n    left: 0 !important;\\n    right: 0 !important;\\n    width: 100%;\\n    max-height: 60vh;\\n    overflow-y: auto;\\n  }\\n\\n  #product-filter .dropdown-menu {\\n    max-height: 60vh;\\n    max-width: calc(100vw - 1rem);\\n    overflow-y: auto;\\n  }\\n\\n  /* Tooted level 2 (e.g. Autokaubad): open below its item inside the menu, not off the right edge */\\n  #level-1-menu .level-2-menu {\\n    position: static !important;\\n    width: 100% !important;\\n    max-width: 100% !important;\\n    min-height: 0 !important;\\n    max-height: none !important;\\n    overflow: visible !important;\\n    flex-flow: column nowrap !important;\\n    left: auto !important;\\n    top: auto !important;\\n    margin: 0 !important;\\n    border: 0;\\n    padding-left: 1rem;\\n  }\\n\\n  #level-1-menu .dropdown-submenu {\\n    flex-wrap: wrap;\\n  }\\n\\n  #level-1-menu {\\n    max-width: calc(100vw - 1rem);\\n    max-height: 75vh;\\n    overflow-y: auto;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* General */\\nhtml {\\n  /* Stop scrollbar from making the page jump */\\n  overflow-y: scroll;\\n}\\n\\nhtml *:not(.badge):not(.spinner-border):not(.btn-usersettings):not(.form-check-input) {\\n  border-radius: 0 !important;\\n}\\n\\nbody.modal-open {\\n  /* Stop modal from making the page jump */\\n  padding-right: 0 !important;\\n  /* Stop modal from scrolling the page to the top */\\n  overflow: visible;\\n}\\n\\n.row {\\n  /* Default margin is -15px for some reason */\\n  margin: 0;\\n}\\n\\n.card-body {\\n  padding: 1.5rem;\\n}\\n\\n.form-group {\\n  padding: 0.25rem 0;\\n}\\n\\n.loading {\\n  cursor: wait;\\n}\\n\\n/* User Settings save settings button */\\n.btn-usersettings {\\n  margin-top: 10px !important;\\n}\\n\\n/* Badges/pills are outlined instead of filled, matching the outline buttons */\\n.badge-outline-primary {\\n  color: var(--bs-primary);\\n  border: var(--bs-border-width) solid var(--bs-primary);\\n}\\n\\n.badge-outline-secondary {\\n  color: var(--bs-secondary);\\n  border: var(--bs-border-width) solid var(--bs-secondary);\\n}\\n\\n/* An outlined badge inside a button (e.g. the chosen-brand count on the Bränd\\n   toggle) must follow the button's own text colour. With its own fixed colour it\\n   stays primary while the button fills on hover/focus/open, and disappears. */\\n.btn .badge-outline-primary,\\n.btn .badge-outline-secondary {\\n  color: inherit;\\n  border-color: currentColor;\\n}\\n\\n/* Header */\\n.logo-image {\\n  max-height: 40px;\\n}\\n\\n.thumbnail-hover-image {\\n  max-width: 100vw !important;\\n  max-height: 100vh !important;\\n}\\n\\n.nav-item {\\n  padding-right: 0 !important;\\n  padding-left: calc(2 * var(--bs-navbar-nav-link-padding-x)) !important;\\n}\\n\\n.search-box {\\n  background-color: white;\\n  /* sticky-top is 1020 */\\n  z-index: 1030;\\n}\\n\\n.form-control[type=\\\"date\\\"] {\\n  max-width: 175px;\\n}\\n\\n.dropdown-menu {\\n  /* sticky-top is 1020, search-box is 1030 */\\n  z-index: 1040;\\n  /* Remove the gap between the link which made it dissappear on hover */\\n  margin: 0 !important;\\n}\\n\\n/* The brand filter button sits at the right edge of its bar, so its wide\\n   (16rem) menu must open leftward or it runs off the page. The button uses\\n   data-bs-display=\\\"static\\\" (Popper otherwise left-aligned it), so the menu is\\n   right-aligned here with plain CSS relative to the position:relative dropdown. */\\n#brand-filter .dropdown-menu {\\n  right: 0 !important;\\n  left: auto !important;\\n}\\n\\n.dropdown-submenu .dropdown-menu {\\n  left: 100%;\\n}\\n\\n.dropdown-menu.hover-show {\\n  display: block;\\n}\\n\\n.dropdown-submenu .dropdown-menu.hover-show,\\n.dropdown-submenu .dropdown-menu.show {\\n  display: flex;\\n}\\n\\n.level-2-menu {\\n  /* SAL-297: categories.ts position() sizes the panel on every open. It widens the panel to\\n     fit every wrapped column (WebKit doesn't widen column-wrap boxes by itself) and switches\\n     to one scrolling column only when there is no horizontal room. Same in every browser. */\\n  flex-flow: column wrap;\\n  align-content: flex-start;\\n}\\n\\n.level-2-menu.level-2-scroll {\\n  flex-flow: column nowrap;\\n}\\n\\n@media (min-width: 979px) {\\n  /* Open dropdown on hover */\\n  .dropdown:hover:not(.dropdown-submenu) > .dropdown-menu,\\n  .dropdown:not(.dropdown-submenu) > .dropdown-menu:hover {\\n    display: block;\\n  }\\n}\\n\\n/* Home */\\n.home-banner {\\n  display: block;\\n  max-width: 100%;\\n}\\n\\n/* Tables */\\n\\n.icon-link {\\n  padding-left: 5px;\\n  align-items: baseline;\\n}\\n\\n.icon-link > .bi {\\n  height: initial;\\n}\\n\\n.icon-link-hover {\\n  --bs-icon-link-transform: translate3d(0, -0.125rem, 0);\\n}\\n\\n.product-list-row > td {\\n  border: 0;\\n}\\n\\n/* Toasts */\\n.toast {\\n  /* sticky-top is 1020 */\\n  /* modal is 1055 */\\n  z-index: 1060;\\n}\\n\\n/* Product list */\\n.product-row td,\\n.info-row td {\\n  height: 50px;\\n}\\n\\n.product-row td {\\n  vertical-align: middle;\\n}\\n\\n.clickable {\\n  cursor: pointer;\\n}\\n\\n.clickable-important {\\n  cursor: pointer !important;\\n}\\n\\ntr.clickable td:not(.clickable) *,\\n.non-clickable {\\n  cursor: initial;\\n}\\n\\n#product-list-header-row th[data-sort]:hover {\\n  cursor: pointer;\\n  color: #212529;\\n  background-color: rgba(0, 0, 0, 0.075);\\n}\\n\\n.hover:hover {\\n  /* Emulate table-hover */\\n  color: #212529;\\n  background-color: rgba(0, 0, 0, 0.075);\\n}\\n\\n/* Product list - loading */\\n.clickable.loading-description,\\n.clickable.loading-documents,\\n.clickable.loading-oe-numbers,\\n.clickable.loading-external-inventory {\\n  cursor: wait;\\n}\\n\\n/* Product list - cart */\\n.add-to-cart-form,\\n.return-product-form,\\n.cart-product-amount {\\n  max-width: 7rem;\\n}\\n\\n/* Product list - images */\\ntd.product-image-wrapper {\\n  width: 100px;\\n  height: 100px;\\n  padding: 2.5px 0 !important;\\n  background-color: white !important;\\n}\\n\\n.product-image-state {\\n  width: 100%;\\n  height: 100%;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.product-image-loading {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  min-height: 32px;\\n}\\n\\n.product-image {\\n  max-width: 100px;\\n  max-height: 95px;\\n  display: block;\\n  cursor: pointer !important;\\n}\\n\\n.popover {\\n  max-width: 100% !important;\\n}\\n\\n.carousel-control-next,\\n.carousel-control-prev,\\n.carousel-indicators {\\n  filter: invert(100%);\\n  list-style: none !important;\\n}\\n\\n/* Product list - sortable */\\ntable.sortable > thead > th:hover:not([data-defaultsort=\\\"disabled\\\"]) {\\n  background-color: rgba(0, 0, 0, 0.075) !important;\\n}\\n\\ntable.sortable > thead > tr:hover {\\n  background-color: initial;\\n}\\n\\n.odd-row-darker-bg {\\n  tbody:nth-child(even) {\\n    background-color: #f0f0f0 !important;\\n  }\\n}\\n\\n.no-default-bg {\\n  --bs-table-bg: initial;\\n}\\n\\nth {\\n  white-space: nowrap !important;\\n}\\n\\n/* Car selection tree */\\n.car-tree-margin-fix {\\n  margin-left: -5px !important;\\n}\\n\\n.manufacturer {\\n  margin: 5px;\\n}\\n\\n.model,\\n.vehicle {\\n  cursor: pointer !important;\\n}\\n\\n/* Car info */\\ndd {\\n  margin-bottom: 0;\\n}\\n\\ndl {\\n  margin-bottom: 0.5rem;\\n}\\n\\n/* Accordion & car detail element */\\n\\n.rotating-arrow .bi-chevron-down {\\n  transition: all linear 0.25s;\\n}\\n\\n.rotating-arrow.active .bi-chevron-down,\\n.rotating-arrow[aria-expanded=\\\"true\\\"] .bi-chevron-down {\\n  transform: rotate(-180deg);\\n}\\n\\n.accordion-child::after {\\n  /* Remove the arrow when there's no children */\\n  background-image: initial !important;\\n}\\n\\n.matching-item {\\n  font-weight: bold;\\n}\\n\\n/* User pages */\\n.login-form-wrapper {\\n  max-width: 400px;\\n}\\n\\n/* Category filter slider */\\n.noUi-horizontal .noUi-tooltip {\\n  bottom: initial !important;\\n}\\n.slider {\\n  height: 350px;\\n  max-height: 100vh;\\n}\\n\\n.jumping-icon-container {\\n  display: inline-block;\\n}\\n\\n.jumping-icon {\\n  display: inline-block;\\n  transition: transform 0.3s ease;\\n}\\n\\n@keyframes jump {\\n  0% {\\n    transform: translateY(0);\\n  }\\n  50% {\\n    transform: translateY(-5px);\\n  }\\n  100% {\\n    transform: translateY(0);\\n  }\\n}\\n\\n.jumping-icon-container:hover .jumping-icon {\\n  animation: jump 0.6s ease;\\n}\\n\\n.product-extra-price {\\n  color: inherit;\\n  cursor: help;\\n  /* Own line under the price; inherits the cell's text-align */\\n  display: block;\\n}\\n\\n/* In the cart the deposit is shown for reference, so no hover affordance */\\n.cart-price .product-extra-price {\\n  cursor: inherit;\\n}\\n\\n.product-info-modal-section + .product-info-modal-section {\\n  border-top: 1px solid #dee2e6;\\n  margin-top: 1rem;\\n  padding-top: 1rem;\\n}\\n\\n.product-info-modal-warning-text {\\n  font-size: 1.25rem;\\n  line-height: 1.5;\\n  margin-bottom: 0;\\n}\\n\\n.product-info-modal-heading {\\n  align-items: center;\\n  display: flex;\\n  gap: 0.4rem;\\n  font-size: 1.25rem;\\n  font-weight: 700;\\n  justify-content: center;\\n  line-height: 1.5;\\n  margin-bottom: 0.5rem;\\n}\\n\\n.product-info-modal-section p:last-child {\\n  margin-bottom: 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/style.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"/* General */\\nhtml {\\n  /* Stop scrollbar from making the page jump */\\n  overflow-y: scroll;\\n}\\n\\nhtml *:not(.badge):not(.spinner-border):not(.btn-usersettings):not(.form-check-input) {\\n  border-radius: 0 !important;\\n}\\n\\nbody.modal-open {\\n  /* Stop modal from making the page jump */\\n  padding-right: 0 !important;\\n  /* Stop modal from scrolling the page to the top */\\n  overflow: visible;\\n}\\n\\n.row {\\n  /* Default margin is -15px for some reason */\\n  margin: 0;\\n}\\n\\n.card-body {\\n  padding: 1.5rem;\\n}\\n\\n.form-group {\\n  padding: 0.25rem 0;\\n}\\n\\n.loading {\\n  cursor: wait;\\n}\\n\\n/* User Settings save settings button */\\n.btn-usersettings {\\n  margin-top: 10px !important;\\n}\\n\\n/* Badges/pills are outlined instead of filled, matching the outline buttons */\\n.badge-outline-primary {\\n  color: var(--bs-primary);\\n  border: var(--bs-border-width) solid var(--bs-primary);\\n}\\n\\n.badge-outline-secondary {\\n  color: var(--bs-secondary);\\n  border: var(--bs-border-width) solid var(--bs-secondary);\\n}\\n\\n/* An outlined badge inside a button (e.g. the chosen-brand count on the Bränd\\n   toggle) must follow the button's own text colour. With its own fixed colour it\\n   stays primary while the button fills on hover/focus/open, and disappears. */\\n.btn .badge-outline-primary,\\n.btn .badge-outline-secondary {\\n  color: inherit;\\n  border-color: currentColor;\\n}\\n\\n/* Header */\\n.logo-image {\\n  max-height: 40px;\\n}\\n\\n.thumbnail-hover-image {\\n  max-width: 100vw !important;\\n  max-height: 100vh !important;\\n}\\n\\n.nav-item {\\n  padding-right: 0 !important;\\n  padding-left: calc(2 * var(--bs-navbar-nav-link-padding-x)) !important;\\n}\\n\\n.search-box {\\n  background-color: white;\\n  /* sticky-top is 1020 */\\n  z-index: 1030;\\n}\\n\\n.form-control[type=\\\"date\\\"] {\\n  max-width: 175px;\\n}\\n\\n.dropdown-menu {\\n  /* sticky-top is 1020, search-box is 1030 */\\n  z-index: 1040;\\n  /* Remove the gap between the link which made it dissappear on hover */\\n  margin: 0 !important;\\n}\\n\\n/* The brand filter button sits at the right edge of its bar, so its wide\\n   (16rem) menu must open leftward or it runs off the page. The button uses\\n   data-bs-display=\\\"static\\\" (Popper otherwise left-aligned it), so the menu is\\n   right-aligned here with plain CSS relative to the position:relative dropdown. */\\n#brand-filter .dropdown-menu {\\n  right: 0 !important;\\n  left: auto !important;\\n}\\n\\n.dropdown-submenu .dropdown-menu {\\n  left: 100%;\\n}\\n\\n.dropdown-menu.hover-show {\\n  display: block;\\n}\\n\\n.dropdown-submenu .dropdown-menu.hover-show,\\n.dropdown-submenu .dropdown-menu.show {\\n  display: flex;\\n}\\n\\n.level-2-menu {\\n  /* SAL-297: categories.ts position() sizes the panel on every open. It widens the panel to\\n     fit every wrapped column (WebKit doesn't widen column-wrap boxes by itself) and switches\\n     to one scrolling column only when there is no horizontal room. Same in every browser. */\\n  flex-flow: column wrap;\\n  align-content: flex-start;\\n}\\n\\n.level-2-menu.level-2-scroll {\\n  flex-flow: column nowrap;\\n}\\n\\n@media (min-width: 979px) {\\n  /* Open dropdown on hover */\\n  .dropdown:hover:not(.dropdown-submenu) > .dropdown-menu,\\n  .dropdown:not(.dropdown-submenu) > .dropdown-menu:hover {\\n    display: block;\\n  }\\n}\\n\\n/* Home */\\n.home-banner {\\n  display: block;\\n  max-width: 100%;\\n}\\n\\n/* Tables */\\n\\n.icon-link {\\n  padding-left: 5px;\\n  align-items: baseline;\\n}\\n\\n.icon-link > .bi {\\n  height: initial;\\n}\\n\\n.icon-link-hover {\\n  --bs-icon-link-transform: translate3d(0, -0.125rem, 0);\\n}\\n\\n.product-list-row > td {\\n  border: 0;\\n}\\n\\n/* Toasts */\\n.toast {\\n  /* sticky-top is 1020 */\\n  /* modal is 1055 */\\n  z-index: 1060;\\n}\\n\\n/* Product list */\\n.product-row td,\\n.info-row td {\\n  height: 50px;\\n}\\n\\n.product-row td {\\n  vertical-align: middle;\\n}\\n\\n.clickable {\\n  cursor: pointer;\\n}\\n\\n.clickable-important {\\n  cursor: pointer !important;\\n}\\n\\ntr.clickable td:not(.clickable) *,\\n.non-clickable {\\n  cursor: initial;\\n}\\n\\n#product-list-header-row th[data-sort]:hover {\\n  cursor: pointer;\\n  color: #212529;\\n  background-color: rgba(0, 0, 0, 0.075);\\n}\\n\\n.hover:hover {\\n  /* Emulate table-hover */\\n  color: #212529;\\n  background-color: rgba(0, 0, 0, 0.075);\\n}\\n\\n/* Product list - loading */\\n.clickable.loading-description,\\n.clickable.loading-documents,\\n.clickable.loading-oe-numbers,\\n.clickable.loading-external-inventory {\\n  cursor: wait;\\n}\\n\\n/* Product list - cart */\\n.add-to-cart-form,\\n.return-product-form,\\n.cart-product-amount {\\n  max-width: 7rem;\\n}\\n\\n/* Product list - images */\\ntd.product-image-wrapper {\\n  width: 100px;\\n  height: 100px;\\n  padding: 2.5px 0 !important;\\n  background-color: white !important;\\n}\\n\\n.product-image-state {\\n  width: 100%;\\n  height: 100%;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.product-image-loading {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  min-height: 32px;\\n}\\n\\n.product-image {\\n  max-width: 100px;\\n  max-height: 95px;\\n  display: block;\\n  cursor: pointer !important;\\n}\\n\\n.popover {\\n  max-width: 100% !important;\\n}\\n\\n.carousel-control-next,\\n.carousel-control-prev,\\n.carousel-indicators {\\n  filter: invert(100%);\\n  list-style: none !important;\\n}\\n\\n/* Product list - sortable */\\ntable.sortable > thead > th:hover:not([data-defaultsort=\\\"disabled\\\"]) {\\n  background-color: rgba(0, 0, 0, 0.075) !important;\\n}\\n\\ntable.sortable > thead > tr:hover {\\n  background-color: initial;\\n}\\n\\n.odd-row-darker-bg {\\n  tbody:nth-child(even) {\\n    background-color: #f0f0f0 !important;\\n  }\\n}\\n\\n.no-default-bg {\\n  --bs-table-bg: initial;\\n}\\n\\nth {\\n  white-space: nowrap !important;\\n}\\n\\n/* Car selection tree */\\n.car-tree-margin-fix {\\n  margin-left: -5px !important;\\n}\\n\\n.manufacturer {\\n  margin: 5px;\\n}\\n\\n.model,\\n.vehicle {\\n  cursor: pointer !important;\\n}\\n\\n/* Car info */\\ndd {\\n  margin-bottom: 0;\\n}\\n\\ndl {\\n  margin-bottom: 0.5rem;\\n}\\n\\n/* Accordion & car detail element */\\n\\n.rotating-arrow .bi-chevron-down {\\n  transition: all linear 0.25s;\\n}\\n\\n.rotating-arrow.active .bi-chevron-down,\\n.rotating-arrow[aria-expanded=\\\"true\\\"] .bi-chevron-down {\\n  transform: rotate(-180deg);\\n}\\n\\n.accordion-child::after {\\n  /* Remove the arrow when there's no children */\\n  background-image: initial !important;\\n}\\n\\n.matching-item {\\n  font-weight: bold;\\n}\\n\\n/* User pages */\\n.login-form-wrapper {\\n  max-width: 400px;\\n}\\n\\n/* Category filter slider */\\n.noUi-horizontal .noUi-tooltip {\\n  bottom: initial !important;\\n}\\n.slider {\\n  height: 350px;\\n  max-height: 100vh;\\n}\\n\\n.jumping-icon-container {\\n  display: inline-block;\\n}\\n\\n.jumping-icon {\\n  display: inline-block;\\n  transition: transform 0.3s ease;\\n}\\n\\n@keyframes jump {\\n  0% {\\n    transform: translateY(0);\\n  }\\n  50% {\\n    transform: translateY(-5px);\\n  }\\n  100% {\\n    transform: translateY(0);\\n  }\\n}\\n\\n.jumping-icon-container:hover .jumping-icon {\\n  animation: jump 0.6s ease;\\n}\\n\\n.product-extra-price {\\n  color: inherit;\\n  cursor: help;\\n  /* Own line under the price; inherits the cell's text-align */\\n  display: block;\\n}\\n\\n/* In the cart the deposit is shown for reference, so no hover affordance */\\n.cart-price .product-extra-price {\\n  cursor: inherit;\\n}\\n\\n.product-info-modal-section + .product-info-modal-section {\\n  border-top: 1px solid #dee2e6;\\n  margin-top: 1rem;\\n  padding-top: 1rem;\\n}\\n\\n.product-info-modal-warning-text {\\n  font-size: 1.25rem;\\n  line-height: 1.5;\\n  margin-bottom: 0;\\n}\\n\\n.product-info-modal-heading {\\n  align-items: center;\\n  display: flex;\\n  gap: 0.4rem;\\n  font-size: 1.25rem;\\n  font-weight: 700;\\n  justify-content: center;\\n  line-height: 1.5;\\n  margin-bottom: 0.5rem;\\n}\\n\\n.product-info-modal-section p:last-child {\\n  margin-bottom: 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n"],"sourceRoot":""}