.tbf-login-shell{background:var(--surface-muted);min-height:100vh;color:var(--text-primary);grid-template-columns:minmax(370px,1fr) minmax(430px,1.08fr);display:grid}.tbf-login-brand{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:space-between;padding:48px clamp(42px,6vw,92px);display:flex;position:relative;overflow:hidden}.tbf-login-brand:before{content:"";background:var(--tbf-blue-light);border-radius:50%;width:330px;height:330px;position:absolute;bottom:-170px;right:-170px}.tbf-login-brand:after{content:"";background:var(--tbf-yellow);width:96px;height:5px;position:absolute;bottom:0;left:clamp(42px,6vw,92px)}.tbf-login-logo{z-index:1;width:clamp(190px,22vw,278px);height:auto;display:block;position:relative}.tbf-login-message{z-index:1;max-width:500px;margin-bottom:8vh;position:relative}.tbf-login-message p,.tbf-login-card header p{color:var(--tbf-blue);letter-spacing:.17em;margin:0 0 15px;font-size:11px;font-weight:900}.tbf-login-message h1{color:var(--text-primary);letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(44px,5vw,72px);line-height:.98}.tbf-login-message>span{max-width:410px;color:var(--text-secondary);font-size:15px;line-height:1.65;display:block}.tbf-login-panel{place-items:center;padding:42px;display:grid}.tbf-login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow-raised);border-radius:20px;gap:22px;padding:clamp(30px,4.2vw,54px);display:grid}.tbf-login-card header{margin-bottom:6px}.tbf-login-card header p{margin-bottom:9px}.tbf-login-card h2{color:var(--text-primary);letter-spacing:-.04em;margin:0 0 8px;font-size:31px}.tbf-login-card header span{color:var(--text-secondary);font-size:13px}.tbf-login-card>label>span{color:var(--text-secondary);letter-spacing:.1em;margin:0 0 8px;font-size:10px;font-weight:850;display:block}.tbf-login-card input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:100%;height:52px;color:var(--text-primary);outline:0;padding:0 14px;font-size:15px}.tbf-login-card input:focus{border-color:var(--tbf-blue);box-shadow:var(--focus-ring)}.tbf-password-field{position:relative}.tbf-password-field input{padding-right:70px}.tbf-password-field button{height:40px;color:var(--tbf-blue);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:11px;font-weight:850;position:absolute;top:6px;right:6px}.tbf-login-error{color:var(--danger);background:#fff0ee;border-radius:8px;margin:-5px 0 0;padding:11px 12px;font-size:12px;line-height:1.4}.tbf-login-submit{border-radius:var(--radius-control);background:var(--tbf-blue);color:#fff;cursor:pointer;touch-action:manipulation;border:0;justify-content:space-between;align-items:center;height:54px;padding:0 18px;font-size:14px;font-weight:850;display:flex}.tbf-login-submit:hover{background:var(--tbf-blue-hover)}.tbf-login-submit:disabled{opacity:.6;cursor:wait}.tbf-login-submit span{font-size:20px}.tbf-login-card footer{color:var(--text-secondary);text-align:center;margin-top:1px;font-size:10px}.tbf-login-card footer i{color:var(--success);margin-right:5px;font-size:8px;font-style:normal}@media (max-width:760px){.tbf-login-shell{grid-template-columns:1fr}.tbf-login-brand{border-right:0;border-bottom:1px solid var(--border);min-height:220px;padding:28px 26px}.tbf-login-brand:after{left:26px}.tbf-login-logo{width:176px}.tbf-login-message{margin:36px 0 5px}.tbf-login-message h1{margin-bottom:14px;font-size:38px}.tbf-login-message>span{font-size:12px}.tbf-login-panel{padding:22px 16px}.tbf-login-card{padding:28px 22px}}@media (max-width:520px){.tbf-login-brand{min-height:185px}.tbf-login-message h1{font-size:31px}.tbf-login-message>span{display:none}.tbf-login-card h2{font-size:26px}}
.header-shipment-date{border-right:0!important}.header-date-control{min-width:0;height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;display:grid}.header-date-control:focus-within{border-color:var(--tbf-blue);box-shadow:var(--focus-ring)}.header-date-control input{min-width:0;min-height:42px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;outline:0;font-size:12px;font-weight:750}.header-date-control b{color:var(--text-secondary);white-space:nowrap;font-size:10px}.shipment-date-summary{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;margin-top:12px;padding:10px 11px}.shipment-date-summary span{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.shipment-date-summary b{color:var(--text-primary);font-size:11px}.cart-summary p.date-required-message{color:var(--danger);background:#fff1ec;margin:8px 0}
.stock-level{color:var(--success);text-align:center;margin-top:11px;font-size:10px;font-weight:850}.stock-level.out{color:var(--danger)}.qty button:disabled{color:#858b96;cursor:not-allowed;background:#d7dae2}
.tbf-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--product-card-min)), 1fr));gap:var(--space-3);align-items:stretch}.tbf-card{min-width:0;height:100%;min-height:420px;padding:var(--space-3);border-radius:var(--radius-card);border-color:var(--border);box-shadow:var(--shadow-card);transition:border-color .16s,background-color .16s,box-shadow .16s}.tbf-card.selected{background:#fbfbff;border-color:#2323ff57;box-shadow:0 4px 16px #2323ff17}.product-sku{min-height:16px;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.product-image{background:var(--surface-muted);border-radius:10px;place-items:center;height:132px;margin:2px 0 9px;display:grid;position:relative;overflow:hidden}.product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-width:100%;height:100%;max-height:100%;padding:7px;display:block;position:absolute;inset:0}.product-image>span{color:#c1c5ce;letter-spacing:.08em;font-size:18px;font-weight:900}.tbf-card h3{min-height:46px;color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 7px;font-size:13px;font-weight:800;line-height:1.24;display:-webkit-box;overflow:hidden}.product-meta{min-height:22px;color:var(--text-secondary);align-items:center;gap:6px;font-size:9px;font-weight:650;display:flex;overflow:hidden}.product-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.category-badge{background:var(--tbf-blue-light);color:var(--tbf-blue);border-radius:5px;flex:none;align-items:center;gap:3px;padding:4px 6px;font-size:8px;font-weight:850;display:inline-flex}.case-price{align-items:baseline;gap:5px;margin-top:9px;display:flex}.case-price b{color:var(--text-primary);letter-spacing:-.03em;font-size:20px;line-height:1}.case-price span{color:var(--text-secondary);font-size:9px;font-weight:700}.commercial-info{color:var(--text-secondary);align-items:center;gap:6px;margin-top:6px;font-size:8px;display:flex}.commercial-info b{color:#3d424b;font-size:9px}.commercial-info i{color:#c1c5cc;font-style:normal}.stock-status{border-radius:var(--radius-small);align-items:center;gap:6px;min-height:28px;margin-top:10px;padding:6px 8px;font-size:9px;font-weight:850;display:flex}.stock-status i{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.stock-status.in{color:var(--success);background:#edf8f0}.stock-status.low{color:var(--warning);background:#fff5e5}.stock-status.out{color:var(--danger);background:#fff0ee}.previous-order{border-radius:var(--radius-small);background:var(--surface-muted);color:var(--text-secondary);margin-top:7px;padding:7px 8px;font-size:8px;font-weight:700}.previous-order i{color:#a4a9b1;padding:0 3px;font-style:normal}.card-actions{margin-top:auto;padding-top:10px}.promotion-strip{color:#3e3800;background:#fff8bf;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:7px;padding:7px 8px;font-size:8px;display:flex}.promotion-strip b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.promotion-strip span{color:#716700;flex:none}.add-product,.out-of-stock-action,.card-quantity{border-radius:var(--radius-control);width:100%;height:48px}.add-product,.out-of-stock-action{border:0;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:850;display:flex}.add-product{background:var(--tbf-blue);color:#fff;cursor:pointer}.out-of-stock-action{color:#8a909a;background:#eceef2}.card-quantity{border:1px solid var(--border);background:var(--surface);text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;padding:3px;display:grid}.card-quantity button{background:var(--tbf-blue);color:#fff;cursor:pointer;border:0;border-radius:9px;width:42px;height:42px;font-size:21px;font-weight:600}.card-quantity button:disabled{color:#868c96;cursor:not-allowed;background:#d9dce4}.card-quantity b{color:var(--text-primary);font-size:15px}@media (hover:hover){.tbf-card:hover{border-color:#2323ff3d;box-shadow:0 7px 20px #18235a12}}@media (max-width:620px){.tbf-card{min-height:410px}}
.cart-notice{z-index:25;border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:32px 1fr;gap:11px;width:min(340px,100vw - 32px);padding:15px 42px 15px 15px;animation:.18s ease-out cart-notice-in;display:grid;position:fixed;top:82px;right:28px;box-shadow:0 14px 38px #12162c24}.notice-check{width:32px;height:32px;color:var(--success);background:#eaf7ee;border-radius:50%;place-items:center;font-size:16px;font-weight:900;display:grid}.cart-notice>div{min-width:0;display:grid}.cart-notice b{color:var(--text-primary);font-size:12px}.cart-notice strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1.3;overflow:hidden}.cart-notice small{color:var(--text-secondary);margin-top:3px;font-size:9px}.notice-close{border-radius:var(--radius-control);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:5px}.notice-view-cart{width:max-content;color:var(--tbf-blue);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:10px;font-weight:850}.cart-drawer{width:clamp(390px,38vw,500px);max-width:100vw;padding:var(--space-6)}.cart-backdrop{z-index:29;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1719232e;border:0;width:100%;height:100%;padding:0;animation:.16s ease-out cart-backdrop-in;position:fixed;inset:0}.cart-title{flex:none}.cart-lines{flex:auto;min-height:0;padding-right:3px;overflow-y:auto}.cart-line{grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:9px 10px;padding:14px 0;display:grid}.cart-thumb{background:var(--surface-muted);border-radius:8px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.cart-thumb img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;padding:4px;position:absolute;inset:0}.cart-thumb span{color:#a5abb5;font-size:9px;font-weight:850}.cart-product{min-width:0}.cart-product b{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.3;display:-webkit-box;overflow:hidden}.cart-product small{color:var(--text-secondary);margin-top:4px;font-size:9px;display:block}.cart-remove{border-radius:var(--radius-control);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:0;place-items:center;display:grid;background:var(--surface-muted)!important}.cart-line-bottom{grid-column:2/4;justify-content:space-between;align-items:center;gap:12px;display:flex}.cart-line-bottom>strong{color:var(--text-primary);font-size:13px}.cart-quantity{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:10px;grid-template-columns:40px 1fr 40px;align-items:center;width:142px;height:48px;padding:3px;display:grid}.cart-quantity button{background:var(--tbf-blue);color:#fff;cursor:pointer;border:0;border-radius:7px;width:40px;height:40px;font-size:19px}.cart-quantity button:disabled{color:#848a94;cursor:not-allowed;background:#d8dbe3}.cart-quantity b{color:var(--text-primary);font-size:13px}.cart-stock-warning{color:var(--danger);grid-column:2/4;margin:-2px 0 0;font-size:9px}.cart-summary{background:var(--surface);flex:none;margin-top:0}.empty-cart{padding:40px 24px}.empty-cart b{font-size:13px}.empty-cart span{line-height:1.45}@keyframes cart-notice-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes cart-backdrop-in{0%{opacity:0}to{opacity:1}}@media (max-width:620px){.cart-notice{top:72px;right:16px}.cart-drawer{width:100%}}@media (min-width:621px) and (max-width:900px){.cart-drawer{width:min(78vw,480px)}}
.order-context>.order-step{border-right:0;align-items:center;gap:10px;min-width:0;padding-right:0;display:flex}.order-context>.order-step>span{background:var(--tbf-blue);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.order-context>.order-step>div{flex:1;min-width:0}.customer-picker-field{position:relative}.customer-picker-trigger{width:100%;height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;display:flex}.customer-picker-trigger b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.customer-picker-trigger i{color:var(--text-secondary);font-style:normal;transition:transform .15s}.customer-picker-trigger:focus-visible{border-color:var(--tbf-blue);box-shadow:var(--focus-ring);outline:0}.customer-picker-trigger[aria-expanded=true] i{transform:rotate(180deg)}.customer-picker-panel{z-index:40;background:var(--surface);border:1px solid var(--border);width:min(420px,100vw - 40px);box-shadow:var(--shadow-raised);border-radius:13px;padding:10px;position:absolute;top:calc(100% + 12px);left:0}.customer-search{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:9px;height:48px;padding:0 13px;display:flex}.customer-search:focus-within{border-color:var(--tbf-blue);box-shadow:var(--focus-ring)}.customer-search>span{color:#656d79;font-size:18px}.customer-search input{height:100%;font-size:14px;font-weight:600}.customer-results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:310px;margin-top:8px;overflow:auto}.customer-result{background:var(--surface);width:100%;min-height:62px;color:var(--text-primary);text-align:left;cursor:pointer;border:0;border-bottom:1px solid #edf0f4;flex-direction:column;justify-content:center;align-items:flex-start;padding:11px 12px;display:flex}.customer-result:last-child{border-bottom:0}.customer-result:hover,.customer-result:focus-visible{background:var(--tbf-blue-light);outline:none}.customer-result[aria-selected=true]{background:var(--tbf-blue-light);box-shadow:inset 3px 0 var(--tbf-blue)}.customer-result>b{font-size:13px;line-height:1.25}.customer-result>span{color:#626a75;margin-top:4px;font-size:11px}.order-context .customer-result>small{color:#8a9099;letter-spacing:.03em;margin:4px 0 0;font-size:9px}.customer-results>p{color:#737b87;text-align:center;margin:0;padding:22px 12px;font-size:12px}.customer-results>p.customer-searching{padding:10px 12px;font-size:10px}@media (max-width:620px){.customer-picker-panel{width:calc(100vw - 52px)}}
.tbf-side{transition:width .2s,padding .2s}.sidebar-top{min-height:76px;margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sidebar-top .tbf-logo{min-width:0}.sidebar-toggle{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:44px;height:44px;color:var(--tbf-blue);cursor:pointer;touch-action:manipulation;flex:0 0 44px;place-items:center;padding:0;transition:background .15s,border-color .15s,transform .15s;display:grid}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{background:var(--tbf-blue-light);border-color:#2323ff47}.sidebar-toggle:active{transform:scale(.96)}.tbf-side nav button{cursor:pointer;touch-action:manipulation}.tbf-user{grid-template-columns:34px minmax(0,1fr);align-items:center;display:grid}.tbf-user>div{min-width:0}.logout-button{border-radius:var(--radius-control);min-height:44px;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:9px;margin-top:6px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.logout-button:hover,.logout-button:focus-visible{color:var(--danger);background:#fff4f3}.logout-button:disabled{opacity:.55;cursor:wait}@media (min-width:621px){.tbf-app.sidebar-collapsed .tbf-side{width:var(--sidebar-collapsed-width);padding:18px 10px}.tbf-app.sidebar-collapsed .tbf-main{margin-left:var(--sidebar-collapsed-width)}.tbf-app.sidebar-collapsed .sidebar-top{flex-direction:column;align-items:center;gap:10px;min-height:auto;margin-bottom:18px}.tbf-app.sidebar-collapsed .tbf-logo-full{display:none}.tbf-app.sidebar-collapsed .tbf-logo-compact{object-fit:contain;width:28px;height:52px;display:block}.tbf-app.sidebar-collapsed .tbf-side nav span,.tbf-app.sidebar-collapsed .zoho-state div,.tbf-app.sidebar-collapsed .tbf-user div{display:none}.tbf-app.sidebar-collapsed .tbf-side nav{justify-items:center}.tbf-app.sidebar-collapsed .tbf-side nav button{justify-content:center;gap:0;width:48px;height:48px;padding:0}.tbf-app.sidebar-collapsed .zoho-state{justify-content:center;align-self:center;width:44px;height:44px;padding:0}.tbf-app.sidebar-collapsed .tbf-user{grid-template-columns:1fr;justify-items:center;padding:14px 0 0}.tbf-app.sidebar-collapsed .logout-button{grid-column:1;justify-content:center;width:44px;height:44px;margin-top:7px;padding:0}.tbf-app.sidebar-collapsed .logout-button span{display:none}}@media (max-width:850px){.sidebar-toggle{display:none}.sidebar-top{justify-content:center;min-height:auto}.tbf-side nav{justify-items:center}.tbf-side nav button{justify-content:center;width:48px;height:48px;padding:0}.zoho-state{justify-content:center;align-self:center;width:44px;height:44px;padding:0}.tbf-user{grid-template-columns:1fr;justify-items:center;padding-inline:0}.logout-button{grid-column:1;justify-content:center;width:44px;padding:0}.logout-button span{display:none}}@media (max-width:620px){.sidebar-top{margin:0}.tbf-user{border:0;grid-template-columns:34px 44px;margin:0 0 0 auto;padding:0}.tbf-user>div{display:none}.logout-button{grid-column:2;width:44px;height:44px;margin:0}}@media (prefers-reduced-motion:reduce){.tbf-side,.tbf-main,.sidebar-toggle{transition:none}}
.catalogue-toolbar{z-index:15;border:1px solid var(--border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8fbf5;align-items:center;gap:8px;margin:27px 0 12px;padding:9px;display:flex;position:sticky;top:0;box-shadow:0 5px 18px #11152b0d}.catalogue-heading{min-width:118px;padding:0 7px}.catalogue-heading h2{color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.1}.catalogue-heading p{color:var(--text-secondary);margin:3px 0 0;font-size:9px;font-weight:700}.catalogue-search{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-width:190px;height:44px;color:var(--text-secondary);flex:260px;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.catalogue-search:focus-within{border-color:var(--tbf-blue);box-shadow:var(--focus-ring);color:var(--tbf-blue)}.catalogue-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:11px}.catalogue-search>button{background:var(--surface-muted);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.catalogue-menu{flex:none;position:relative}.toolbar-button{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);height:44px;color:var(--text-primary);cursor:pointer;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:800;display:flex}.toolbar-button:hover,.toolbar-button[aria-expanded=true]{color:var(--tbf-blue);border-color:#2323ff61}.toolbar-button.active{background:var(--tbf-blue-light);color:var(--tbf-blue);border-color:#2323ff52}.toolbar-button>b{background:var(--tbf-blue);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.menu-chevron{margin-left:1px;transition:transform .16s}.toolbar-button[aria-expanded=true] .menu-chevron{transform:rotate(180deg)}.catalogue-view-toggle{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:repeat(2,39px);height:44px;padding:3px;display:grid}.catalogue-view-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.catalogue-view-toggle button.active{background:var(--tbf-blue);color:#fff}.catalogue-popover{z-index:40;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-width:248px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #11152b29}.catalogue-popover>strong{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;padding:7px 9px 8px;font-size:9px;display:block}.catalogue-popover>button{width:100%;min-height:40px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.catalogue-popover>button:hover,.catalogue-popover>button.selected{background:var(--tbf-blue-light);color:var(--tbf-blue)}.filter-popover{min-width:270px}.popover-heading{justify-content:space-between;align-items:start;gap:12px;padding:7px 9px 9px;display:flex}.popover-heading strong,.popover-heading small{display:block}.popover-heading strong{font-size:12px}.popover-heading small{color:var(--text-secondary);margin-top:3px;font-size:9px}.popover-heading>button{background:var(--surface-muted);min-height:30px;color:var(--tbf-blue);cursor:pointer;border:0;border-radius:7px;padding:0 8px;font-size:9px;font-weight:800}.filter-popover>button>span{align-items:center;gap:8px;display:flex}.filter-popover>button>em{min-width:24px;color:var(--text-secondary);text-align:right;margin-left:auto;font-size:9px;font-style:normal}.filter-status{background:#9298a3;border-radius:50%;width:8px;height:8px}.filter-status.in{background:var(--success)}.filter-status.low{background:var(--warning)}.filter-status.out{background:var(--danger)}.catalogue-active-controls{flex-wrap:wrap;align-items:center;gap:7px;min-height:31px;margin:-3px 0 10px;display:flex}.catalogue-active-controls>button,.catalogue-active-controls>span{border-radius:999px;align-items:center;gap:6px;min-height:29px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.catalogue-active-controls>button{background:var(--tbf-blue-light);color:var(--tbf-blue);cursor:pointer;border:1px solid #2323ff33}.catalogue-active-controls>span{background:var(--surface);color:var(--text-secondary)}.catalogue-active-controls .clear-catalogue-filters{color:var(--text-secondary);background:0 0;border-color:#0000}.catalogue-empty{border:1px dashed var(--border);border-radius:var(--radius-card);background:var(--surface);text-align:center;place-content:center;justify-items:center;min-height:330px;padding:48px 20px;display:grid}.catalogue-empty>span{background:var(--tbf-blue-light);width:52px;height:52px;color:var(--tbf-blue);border-radius:50%;place-items:center;display:grid}.catalogue-empty h3{margin:14px 0 4px;font-size:18px}.catalogue-empty p{color:var(--text-secondary);margin:0;font-size:11px}.catalogue-empty button{border-radius:var(--radius-control);background:var(--tbf-blue);color:#fff;cursor:pointer;border:0;min-height:42px;margin-top:16px;padding:0 15px;font-size:10px;font-weight:800}.tbf-list{gap:7px;display:grid}.catalogue-list-header,.catalogue-list-row{grid-template-columns:minmax(245px,2fr) minmax(86px,.75fr) 76px 84px minmax(104px,.8fr) 128px;align-items:center;gap:10px;display:grid}.catalogue-list-header{min-height:32px;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:8px;font-weight:850}.catalogue-list-row{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:84px;box-shadow:var(--shadow-card);padding:8px 12px;transition:border-color .16s,background-color .16s}.catalogue-list-row.selected{background:#fbfbff;border-color:#2323ff57}.list-product{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.list-thumbnail{background:var(--surface-muted);border-radius:9px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.list-thumbnail img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-width:100%;height:100%;max-height:100%;padding:4px;position:absolute;inset:0}.list-thumbnail>span{color:#bcc1ca;font-size:10px;font-weight:850}.list-product small,.list-pack small,.list-price small,.list-commercial small,.list-stock small,.list-quantity small{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800;display:none}.list-product small{margin-bottom:3px;display:block}.list-product h3{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;font-weight:800;line-height:1.24;display:-webkit-box;overflow:hidden}.list-category{background:var(--tbf-blue-light);width:max-content;color:var(--tbf-blue);border-radius:5px;align-items:center;gap:3px;margin-top:4px;padding:3px 5px;font-size:7px;font-weight:850;display:flex}.list-pack,.list-commercial,.list-price,.list-stock,.list-quantity{min-width:0}.list-pack>span,.list-commercial>span{color:var(--text-secondary);font-size:9px;line-height:1.25}.list-commercial b{color:var(--text-primary)}.list-price>b{letter-spacing:-.02em;font-size:13px;display:block}.list-price>span{color:var(--text-secondary);font-size:8px;font-weight:650}.list-stock .stock-status{min-height:34px;margin:0;padding:6px 8px;font-size:8px}.list-add-product,.list-out-of-stock,.list-quantity-control{border-radius:10px;width:100%;height:44px}.list-add-product,.list-out-of-stock{border:0;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:850;display:flex}.list-add-product{background:var(--tbf-blue);color:#fff;cursor:pointer}.list-out-of-stock{color:#8a909a;background:#eceef2}.list-quantity-control{border:1px solid var(--border);background:var(--surface);text-align:center;grid-template-columns:36px 1fr 36px;align-items:center;padding:3px;display:grid}.list-quantity-control button{background:var(--tbf-blue);color:#fff;cursor:pointer;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.list-quantity-control button:disabled{color:#868c96;cursor:not-allowed;background:#d9dce4}.list-quantity-control b{font-size:13px}@media (hover:hover){.catalogue-list-row:hover{border-color:#2323ff3d}.list-add-product:hover,.list-quantity-control button:hover:not(:disabled){background:var(--tbf-blue-hover)}}@media (max-width:1120px){.catalogue-toolbar{flex-wrap:wrap}.catalogue-heading{flex:0 0 118px}.catalogue-search{flex-basis:calc(100% - 126px)}.catalogue-menu:first-of-type{margin-left:auto}}@media (max-width:1050px){.catalogue-list-header{display:none}.catalogue-list-row{grid-template-columns:minmax(250px,1.6fr) minmax(105px,.72fr) 128px;grid-template-areas:"product stock quantity""product price quantity""pack commercial quantity";align-items:center;min-height:126px}.list-product{grid-area:product}.list-pack{grid-area:pack}.list-price{grid-area:price}.list-commercial{grid-area:commercial}.list-stock{grid-area:stock}.list-quantity{grid-area:quantity}.list-pack small,.list-price small,.list-commercial small,.list-stock small,.list-quantity small{margin-bottom:3px;display:block}}@media (min-width:1100px){.tbf-app.cart-active .catalogue-list-header{display:none}.tbf-app.cart-active .catalogue-list-row{grid-template-columns:minmax(250px,1.6fr) minmax(105px,.72fr) 128px;grid-template-areas:"product stock quantity""product price quantity""pack commercial quantity";min-height:126px}.tbf-app.cart-active .list-product{grid-area:product}.tbf-app.cart-active .list-pack{grid-area:pack}.tbf-app.cart-active .list-price{grid-area:price}.tbf-app.cart-active .list-commercial{grid-area:commercial}.tbf-app.cart-active .list-stock{grid-area:stock}.tbf-app.cart-active .list-quantity{grid-area:quantity}.tbf-app.cart-active .list-pack small,.tbf-app.cart-active .list-price small,.tbf-app.cart-active .list-commercial small,.tbf-app.cart-active .list-stock small,.tbf-app.cart-active .list-quantity small{margin-bottom:3px;display:block}}@media (max-width:700px){.catalogue-toolbar{padding:8px}.catalogue-heading{flex-basis:100px;min-width:100px}.catalogue-search{flex-basis:calc(100% - 108px)}.toolbar-button{padding-inline:9px}.catalogue-list-row,.tbf-app.cart-active .catalogue-list-row{grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"product product""pack stock""price commercial""quantity quantity";min-height:178px}.list-quantity{grid-template-columns:78px minmax(128px,180px);justify-content:end;align-items:center;gap:8px;display:grid}.list-quantity small{margin:0}}@media (max-width:520px){.catalogue-heading{flex:1 0 100%}.catalogue-search{flex:1 0 100%;order:2}.catalogue-menu:first-of-type{margin-left:0}.catalogue-view-toggle{margin-left:auto}.catalogue-popover{position:fixed;inset:auto 12px 12px}}@media (prefers-reduced-motion:reduce){.menu-chevron,.catalogue-list-row{transition:none}}