:root{--ink:#13283e;--muted:#748091;--line:#e8e4db;--bg:#f7f6f2;--green:#142c46;--green2:#937032;--lime:#d5ba7c;--gold:#ba954f;--shadow:0 8px 32px #12294208}
body{background:radial-gradient(ellipse at 100% 0,#efe8d880,transparent 45%),#f7f6f2}.sidebar{background:linear-gradient(160deg,#0e2239,#19334e);border-right:1px solid #b9964a40}.brand{padding:0 0 22px;display:block}.brand-logo{display:block;width:100%;height:142px;object-fit:contain;background:#f6f4f0;border:1px solid #d8c6a1;border-radius:13px;box-shadow:0 8px 22px #0002}.nav button.active{background:linear-gradient(100deg,#b28d4640,#ffffff0a);box-shadow:inset 3px 0 #d8b571;color:#f1d79b}.nav button:hover{background:#ffffff0d}.nav .ico{color:#d5b36c}.navlabel{color:#b5a585}.account-mini{border-color:#c4a15e30;background:#ffffff06}.account-mini small{color:#b4bdc8}.topbar{background:#fcfbf8ed}.avatar{background:#f3ead7;color:#685022;border:1px solid #d4be904d}.card{border-radius:18px;border-color:#e8e4da}.stat-icon,.event-icon{background:#f5eddf;color:#a17c39}.btn{transition:transform .16s,box-shadow .16s;border-color:#e3ded3}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #142c4612}.btn.primary{background:linear-gradient(135deg,#142d49,#234464);border-color:#18324d}.btn.soft{background:#f5edde;border-color:#e7d7b6;color:#866324}.badge{background:#eef3f5;color:#36546e}.badge.amber{background:#fbf0d8;color:#916623}.progress i{background:linear-gradient(90deg,#21405c,#c4a15b)}.shipment{background:linear-gradient(130deg,#112940,#264762);border-color:#274760}.shipment .progress i{background:linear-gradient(90deg,#c19a4e,#ebd7a7)}.shipment .section-sub,.shipment .shipstat,.shipment .shipmeta small{color:#ced5df}.notice{background:#f8f1e4;border-color:#ecdfc3;color:#745c30}.pillnav button.active{background:#182f48;color:#fff;border-color:#182f48}.eyebrow{color:#957236;font-size:10px;letter-spacing:.16em}.welcome h1{letter-spacing:-.035em;font-weight:750}.section h2{font-weight:750}.stat strong{color:#193249}.delta{color:#957236}.footer-note{color:#86909c}.catalog-image{border-bottom:3px solid #c6a462}.catalog-body{padding:20px}.catalog-body h3{font-size:14px}.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;margin-bottom:24px;border-radius:18px;border:1px solid #e6dcc8;background:linear-gradient(110deg,#fff,#f5f0e6);box-shadow:var(--shadow)}.brand-strip img{width:190px;height:110px;object-fit:contain}.brand-strip .brand-message{text-align:right}.brand-message b{display:block;font-size:18px;letter-spacing:-.02em}.brand-message p{margin:5px 0;color:#8b7651;font-size:11px;letter-spacing:.08em}.brand-message small{color:#8b929a;font-size:11px}.brand-rule{height:3px;background:linear-gradient(90deg,#142b44,#c6a35b,#f0e0bf);border-radius:4px}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.report-heading img{width:175px;height:110px;object-fit:contain}.report-heading h2{font-size:21px;margin:0}.report-heading p{font-size:11px;color:#89909a;margin:4px 0}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.report-kpis div{padding:13px 16px;background:#faf7f0;border:1px solid #eee4d0;border-radius:10px}.report-kpis small{display:block;color:#8f7a50;font-size:10px}.report-kpis b{display:block;color:#1d344c;font-size:17px;margin-top:5px}.notification{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #ece7de}.notification:last-child{border:0}.notification img{width:66px;height:50px;object-fit:contain;border-radius:8px;border:1px solid #eee4d1;background:#faf8f4}.notification h3{font-size:13px;margin:0}.notification p{font-size:12px;color:#7b8491;margin:5px 0}.notification small{color:#ab8c4f;font-size:10px}.notification-content{flex:1}.notification.unread{border-left:3px solid #c4a05c;padding-left:14px;background:linear-gradient(90deg,#faf5e8,transparent)}.toast{background:#fff;color:#20354c;border:1px solid #e3d2ae;border-left:4px solid #c5a059;display:flex;align-items:center;gap:14px;max-width:440px;box-shadow:0 15px 44px #102a4326}.toast img{width:62px;height:44px;object-fit:contain}.toast small{display:block;color:#a38348;font-size:9px;letter-spacing:.08em;margin-bottom:3px}.toast span{font-size:12px}.account-mini strong{color:#f1e9d8}.row .field{margin:6px 0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c8a963;outline-offset:3px}.bell{color:#a07b37}.role-select{background:#faf7f0;border-color:#e8dcc5}.report-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.brand-logo{height:45px;width:52px;border-radius:8px}.brand{padding:0 0 22px}.brand-strip{padding:12px 14px;gap:10px;margin-bottom:19px}.brand-strip img{width:110px;height:72px}.brand-message b{font-size:13px}.brand-message p{font-size:9px;letter-spacing:0}.brand-message small{display:none}.report-heading img{width:120px;height:80px}.report-heading h2{font-size:16px}.report-kpis{grid-template-columns:1fr}.toast{bottom:16px;right:12px;left:82px}.notification{gap:10px}.notification img{width:48px}.report-heading{align-items:flex-start}}
@media print{.sidebar,.topbar,.welcome,.brand-strip,.footer-note,.report-actions,.btn{display:none!important}.main{margin:0;width:100%}.content{padding:0}.card{box-shadow:none;border:0}.report-heading img{width:220px;height:130px}.tablewrap{overflow:visible}th,td{white-space:normal}.section{padding:0}body{background:white}.report-kpis{grid-template-columns:repeat(3,1fr)}}
/* Navigation and material atmosphere */
.ambient-background{position:fixed;inset:-5%;pointer-events:none;z-index:-1;background:linear-gradient(120deg,#f8f7f3e8,#f8f5ede0),url('/assets/beerdon-email-logo.png') center/cover no-repeat;animation:materialZoom 28s ease-in-out infinite alternate;transform-origin:70% 35%}.ambient-background:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(132deg,transparent 0 260px,#b89a6210 261px,transparent 263px 700px)}body{background:#f7f5f0;isolation:isolate}@keyframes materialZoom{from{transform:scale(1)}to{transform:scale(1.055)}}.sidebar{width:272px;transition:width .25s ease,transform .25s ease;overflow:hidden}.main{margin-left:272px;width:calc(100% - 272px);transition:margin-left .25s ease,width .25s ease}.menu-toggle{height:38px;width:38px;display:grid;place-items:center;border:1px solid #e2d5bd;background:#faf6ee;color:#17334f;border-radius:11px;flex:none}.menu-toggle svg{width:20px;height:20px}.topbar-leading{display:flex;align-items:center;gap:13px}.nav button{min-height:49px;gap:10px;padding:8px 10px;position:relative}.nav button .ico{display:flex;justify-content:center;width:19px;flex:none}.nav button .ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-text{flex:1;white-space:nowrap;font-size:12px}.nav-thumb{width:32px;height:32px;border-radius:8px;object-fit:cover;opacity:.85;transition:transform .2s}.nav button:hover .nav-thumb{transform:scale(1.1);opacity:1}.nav button.active .nav-thumb{opacity:1;border:1px solid #cba763}.sidebar .nav{gap:4px}.sidebar .brand-logo{height:126px}.sidebar .navlabel{padding-top:8px}.sidebar .sidebottom{padding-top:15px}.menu-collapsed .sidebar{width:78px;padding:23px 11px}.menu-collapsed .main{margin-left:78px;width:calc(100% - 78px)}.menu-collapsed .sidebar .brand-logo{height:48px;width:54px}.menu-collapsed .nav-text,.menu-collapsed .nav-thumb,.menu-collapsed .navlabel,.menu-collapsed .account-mini{display:none}.menu-collapsed .nav button{justify-content:center;padding:12px 8px}.menu-collapsed .sidebottom span:not(.ico){display:none}.menu-scrim{display:none}.sidebar .nav{max-height:calc(100dvh - 330px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ad8d4b55 transparent}.sidebar .nav::-webkit-scrollbar{width:3px}.sidebar .nav::-webkit-scrollbar-thumb{background:#ad8d4b55;border-radius:9px}.sidebottom>button.nav{overflow:hidden}.menu-toggle:hover{background:#f2e7d1}
@media(max-width:760px){.main,.menu-collapsed .main{margin-left:0;width:100%}.sidebar,.menu-collapsed .sidebar{width:272px;transform:translateX(-100%);padding:22px 16px;box-shadow:10px 0 40px #0c213344;z-index:12}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar .brand-logo{height:126px;width:100%}.menu-open .nav button span:not(.ico){display:block}.menu-open .nav-text,.menu-open .nav-thumb,.menu-open .navlabel,.menu-open .account-mini{display:block}.menu-open .nav button{justify-content:flex-start;padding:8px 10px}.menu-open .sidebottom span:not(.ico){display:inline}.menu-scrim{position:fixed;inset:0;background:#0d223b77;backdrop-filter:blur(3px);z-index:11;border:0;width:100%}.menu-open .menu-scrim{display:block}.toast{left:15px;right:15px}.crumb{font-size:10px}.topbar{padding:0 12px}.topbar-leading{gap:8px}.topright{gap:6px}.bell{display:none}.role-select{max-width:125px}.avatar{width:30px;height:30px;font-size:11px}.brand-strip img{width:105px}.ambient-background{animation-duration:35s}}
@media(prefers-reduced-motion:reduce){.ambient-background{animation:none}.sidebar,.main,.nav-thumb,.btn{transition:none}}
@media print{.ambient-background,.menu-toggle,.menu-scrim{display:none!important}.main,.menu-collapsed .main{margin:0;width:100%}}
/* Fixed viewport; scrolling belongs to the content and wide tables. */
html{width:100%;height:100%;overflow-x:clip;overscroll-behavior-x:none}body{width:100%;max-width:100%;height:100dvh;overflow:hidden;overscroll-behavior-x:none}.layout{display:block;width:100%;max-width:100%;height:100dvh;overflow:hidden;min-height:0}.main{height:100dvh;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;scrollbar-gutter:stable}.content{width:100%;min-width:0;max-width:1500px}.grid,.grid>*{min-width:0;max-width:100%}.card,.section,.tablewrap{min-width:0;max-width:100%}.two{grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr)}.tablewrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.pillnav{max-width:100%;overscroll-behavior-x:contain}.topbar{width:100%;min-width:0}.topbar-leading,.topright{min-width:0}.topbar-leading>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome>div,.section-head>div,.brand-message,.notification-content{min-width:0}.welcome p,.brand-message,.notification-content p,.stat strong{overflow-wrap:anywhere}.stat strong{font-size:clamp(18px,2.1vw,25px)}img{max-width:100%}.ambient-background{inset:0;animation:none;transform:scale(1.02);contain:strict}.modalback{overflow-y:auto;overscroll-behavior:contain}.modal{max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden}.nav button .ico{color:var(--icon-color,#c4a05c);background:var(--icon-bg,#ffffff08);border-radius:6px;width:27px;height:27px}.nav button.active .ico{color:var(--icon-color,#c4a05c);background:#ffffff12}.stat-icon{color:var(--stat-color,#82652f);background:var(--stat-bg,#f5eddf)}
@media(max-width:1050px){.two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.main,.menu-collapsed .main{width:100%;margin:0}.content{padding:20px 14px 36px}.topbar{padding:0 10px;gap:6px}.topbar-leading{gap:6px;flex:1;overflow:hidden}.topbar-leading .crumb{display:none}.topbar-leading>strong{font-size:12px}.topright{flex:none}.role-select{max-width:124px;padding:7px;font-size:10px}.brand-strip{gap:8px}.brand-strip img{width:98px;flex:none}.section-head{flex-wrap:wrap;align-items:flex-start}.row{grid-template-columns:minmax(0,1fr)}.field input,.field select{width:100%;min-width:0}.report-heading{flex-wrap:wrap}.barrow{grid-template-columns:85px minmax(0,1fr) 34px;gap:6px}.notification{flex-wrap:wrap}.notification-content{flex:1;min-width:150px}.stat{overflow:hidden}.shipstat{gap:10px;flex-wrap:wrap}.shipmeta{flex-wrap:wrap}.tablewrap{margin:0}.brand-message p{line-height:1.5}.menu-open .sidebar{max-width:calc(100% - 48px)}}
@media(max-width:350px){.avatar{display:none}.role-select{max-width:112px}.stats{grid-template-columns:minmax(0,1fr)}.brand-strip{flex-wrap:wrap}.brand-message{text-align:left!important}}
@media print{html,body,.layout,.main{height:auto;overflow:visible;width:100%;max-width:none}.tablewrap{overflow:visible}.content{width:auto}.sidebar{display:none!important}}
/* The drawer overlays the panel instead of moving it. */
.main,.menu-collapsed .main{margin-left:78px;width:calc(100% - 78px);transition:none}.sidebar{z-index:12;box-shadow:8px 0 30px #10233722;overscroll-behavior:contain}.sidebar .nav{overscroll-behavior:contain;touch-action:pan-y}.nav button{gap:12px}.nav-text{font-size:13px}.nav-thumb{display:none!important}.nav button .ico{width:30px;height:30px;flex:none}.brand{position:relative;padding:0 0 19px}.brand-lockup{overflow:hidden;background:#f5f2ed;border-radius:13px;border:1px solid #d1b57870;box-shadow:0 8px 23px #0002}.sidebar .brand-logo{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;border:0;border-radius:0;box-shadow:none;background:none}.brand-caption{text-align:center;color:#d1b87c;font-size:8px;font-weight:700;letter-spacing:.2em;margin-top:10px}.drawer-close{position:absolute;top:-10px;right:-8px;background:#193550;border:1px solid #c3a05d60;border-radius:50%;color:#ecd29d;width:28px;height:28px;display:grid;place-items:center;box-shadow:0 4px 10px #0002}.drawer-close svg{width:15px;height:15px}.menu-collapsed .brand-lockup{border-radius:9px}.menu-collapsed .sidebar .brand-logo{width:54px;height:48px;aspect-ratio:auto}.menu-collapsed .brand-caption,.menu-collapsed .drawer-close{display:none}.menu-scrim{position:fixed;inset:0;background:#0d223b65;backdrop-filter:blur(3px);z-index:11;border:0;width:100%;touch-action:none;overscroll-behavior:none}.sidebottom>button.nav{background:#ffffff08!important;border:1px solid #ffffff13!important;color:#cbd7e2!important;border-radius:11px!important;padding:10px 12px!important;text-align:left!important;max-height:none!important;font-size:12px}.sidebottom>button.nav span.ico{margin-right:8px}.account-mini{padding:11px}.sidebar .nav{max-height:calc(100dvh - 335px)}
@media(min-width:761px){body:not(.menu-collapsed) .menu-scrim{display:block}body:not(.menu-collapsed) .main{overflow-y:hidden;pointer-events:none;touch-action:none}.menu-collapsed .sidebar{box-shadow:none}}
@media(max-width:760px){.main,.menu-collapsed .main{margin:0;width:100%}.menu-open .main{overflow-y:hidden;pointer-events:none;touch-action:none}.menu-open .sidebar .brand-logo{height:auto;width:100%;aspect-ratio:3/2}.menu-open .brand-caption{display:block}.menu-open .drawer-close{display:grid}.menu-open .nav button .nav-thumb{display:none!important}.menu-open .sidebar{max-width:min(300px,calc(100% - 54px));width:80vw}.menu-open .nav-text{font-size:13px}.menu-open .brand-lockup{border-radius:13px}}
@media print{.main,.menu-collapsed .main{width:100%;margin:0;overflow:visible;pointer-events:auto}.drawer-close,.brand-caption,.menu-scrim{display:none!important}}
.bottom-quickbar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:calc(50% + 39px);transform:translateX(-50%);width:min(620px,calc(100% - 114px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#fffdf8f5;backdrop-filter:blur(16px);border:1px solid #dfd0b4;border-radius:19px;padding:8px 10px;box-shadow:0 10px 34px #17304920;z-index:8}.quick-link{min-width:0;border:0;background:transparent;padding:6px 3px 5px;border-radius:12px;color:#697586;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;transition:background .16s}.quick-icon{color:var(--quick-color);background:color-mix(in srgb,var(--quick-color) 9%,white);width:33px;height:29px;border-radius:9px;display:grid;place-items:center}.quick-icon svg{width:20px;height:20px}.quick-label{max-width:100%;font-size:10px;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-link:hover{background:#f3eddf}.quick-link.selected{background:#f1eadb;color:#243c56}.quick-link.selected .quick-icon{background:color-mix(in srgb,var(--quick-color) 17%,white)}.quick-link.selected:after{content:'';position:absolute;bottom:1px;width:15px;height:2px;border-radius:2px;background:#c09a51}.content{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.main{scroll-padding-bottom:120px}.toast{bottom:calc(110px + env(safe-area-inset-bottom,0px))}
@media(max-width:760px){.bottom-quickbar{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;transform:none;border-radius:17px;padding:7px 5px;gap:2px}.quick-label{font-size:9px}.quick-icon{width:30px;height:28px}.content{padding-bottom:calc(125px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(98px + env(safe-area-inset-bottom,0px))}}
@media(max-width:350px){.bottom-quickbar{left:7px;right:7px;padding:6px 3px}.quick-label{font-size:8px}.quick-link{padding:5px 0}}
@media(prefers-reduced-motion:reduce){.quick-link{transition:none}}
@media print{.bottom-quickbar{display:none!important}.content{padding-bottom:0}}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-card{padding:20px;min-width:0;display:flex;flex-direction:column}.integration-heading{display:flex;gap:13px;align-items:center;min-height:58px}.integration-heading>div{min-width:0}.integration-heading h2{font-size:14px;margin:0;color:#19344e;overflow-wrap:anywhere}.integration-heading small{font-size:10px;color:#9b7d46}.integration-logo{width:72px;height:52px;object-fit:contain;background:#fff;border:1px solid #eee8dc;border-radius:11px;flex:none}.integration-symbol{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:var(--provider-color);background:color-mix(in srgb,var(--provider-color) 9%,white);font-weight:800}.integration-symbol[hidden]{display:none}.integration-symbol svg{width:25px;height:25px}.integration-card>p{font-size:12px;color:#7d8895;min-height:52px;line-height:1.7}.integration-status{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.integration-actions{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap}.integration-actions a{text-decoration:none;font-size:10px;font-weight:600}.credential-section{background:#f8f4eb;border:1px solid #e6dac5;padding:13px;border-radius:12px;margin-top:16px}.credential-section h3{margin:0;font-size:12px}.credential-section p{font-size:11px;color:#8e7b55;line-height:1.6}.credential-section input:disabled{background:#f0ede7;color:#968b77;cursor:not-allowed}
@media(max-width:1180px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.integration-grid{grid-template-columns:minmax(0,1fr)}.integration-card>p{min-height:0}.integration-card{padding:17px}}
.factory-product-visual{height:130px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ede8de,#f7f3eb);overflow:hidden}.factory-product-visual>span{position:absolute;left:13px;top:11px;font-size:10px;color:#816c46;font-weight:700;z-index:1}.factory-product-visual>small{position:absolute;right:12px;bottom:9px;color:#8b8b84;font-size:9px}.material-sample{width:145px;height:90px;border:1px solid #d4c5aa;background:linear-gradient(130deg,#fcfbf7,#e9e4d9 45%,#f8f6ef);box-shadow:7px 7px 0 #d1c6b933,0 6px 16px #bdb4a622;transform:rotate(-8deg)}.wooden .material-sample{background:repeating-linear-gradient(90deg,#b38e64 0 13px,#d4b694 14px 22px,#a78059 23px 25px);height:48px;width:180px}.salt .material-sample{background:linear-gradient(140deg,#e9e6df,#cccac1,#faf8f2)}.factory-terms p{margin:7px 0 0;font-size:11px;line-height:1.7}.availability-note{font-size:10px!important;margin:13px 0 0!important;color:#8a929a!important}.internal-terms p{font-size:12px;line-height:1.7;color:#7e8790}
.capacity-section{margin-bottom:20px}.capacity-section .section-sub{line-height:1.7}.field input:read-only{background:#f4f0e7;color:#7c6a46}.modal .notice strong{font-size:12px}.modal .notice small{font-size:10px}#quoteTotals p{margin:6px 0;font-size:11px}

.catalog-body h3.format-heading{font-size:17px;letter-spacing:-.02em;color:#17354e}.finish-heading{font-size:13px;margin:7px 0 2px;color:#94723a;font-weight:700}.catalog-body .section-head{margin-bottom:14px}
.container-tabs{display:flex;gap:9px;overflow-x:auto;max-width:100%;margin:0 0 18px;padding-bottom:6px;overscroll-behavior-x:contain}.container-tabs button{flex:none;min-width:130px;background:#fff;border:1px solid #e4ddcf;border-radius:12px;padding:11px 15px;text-align:left;color:#5e6d7b}.container-tabs button span,.container-tabs button small{display:block}.container-tabs button span{font-size:12px;font-weight:750}.container-tabs button small{font-size:10px;margin-top:4px}.container-tabs button.active{background:#1b3651;color:white;border-color:#1b3651}.container-tabs button.add-container{background:#f4eddf;color:#8b6b33;min-width:180px}.cart-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.cart-mini-grid>div{background:#f7f4ed;border-radius:11px;padding:13px;min-width:0}.cart-mini-grid small{font-size:10px;color:#8b7750;display:block}.cart-mini-grid b{font-size:14px;display:block;margin-top:7px;color:#25415b;overflow-wrap:anywhere}.cart-qty{width:65px;min-width:0;border:1px solid #e0d5bf;border-radius:8px;padding:7px;color:#24415b}.quote-total{padding:15px 0 20px}.quote-total small{display:block;color:#96783e;font-size:11px}.quote-total strong{display:block;font-size:26px;color:#1a3854;margin-top:5px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.cart-mini-grid+.field{margin-top:12px}@media(max-width:540px){.cart-mini-grid{gap:7px}.cart-mini-grid>div{padding:10px 8px}.cart-mini-grid b{font-size:12px}.cart-mini-grid small{font-size:9px}.container-tabs button{min-width:115px;padding:10px 12px}}
/* Consistent close controls and a stationary zoomed backdrop. */
.welcome{position:relative}.welcome:has(.section-close){padding-right:46px}.section-close,.modal-close{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #dccaac;background:#fffaf0;color:#866a36;box-shadow:0 4px 14px #233a4b10;flex:none}.section-close{position:absolute;top:0;right:0}.section-close svg,.modal-close svg{width:18px;height:18px}.section-close:hover,.modal-close:hover{background:#f0e4ce}.modal{position:relative}.modal h2{padding-right:40px}.modal-close{position:absolute;right:15px;top:15px;z-index:2}.modalback{backdrop-filter:blur(4px);background:#10263f88}.content{transform-origin:center top;transition:transform .2s ease,filter .2s ease}.dialog-open .content{transform:scale(1.025);filter:blur(1px)}.dialog-open .main{overflow-y:hidden;pointer-events:none;touch-action:none}.modalback,.menu-scrim{touch-action:pan-y}.menu-scrim{touch-action:none}.brand{padding:10px 0 17px}.sidebar .brand-lockup{max-width:184px;width:calc(100% - 26px);margin:0 auto;border-radius:12px;border-color:#c8a56950;box-shadow:0 8px 23px #07182925}.sidebar .brand-logo{height:auto;width:100%;aspect-ratio:3/2;object-fit:contain}.brand-caption{font-size:8px;letter-spacing:.19em;margin-top:12px;color:#cbb57f}.drawer-close{top:0;right:-3px;width:29px;height:29px}.sidebar>#nav{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;overflow-y:auto;margin:0}.sidebar>#nav button{flex:none}.sidebar .sidebottom{flex:none;margin-top:13px;padding-top:0}.sidebar>.navlabel{flex:none;padding-top:10px;padding-bottom:10px}.brand{flex:none}.menu-collapsed .sidebar .brand-lockup{width:54px;max-width:54px}.menu-collapsed .sidebar .brand-logo{height:48px;width:54px;aspect-ratio:auto}.brand-strip{padding:15px 23px;gap:22px}.brand-strip img{width:174px;height:116px;object-fit:contain;border-radius:9px;border:1px solid #e9dfce;background:#f5f2ed}.brand-message b{font-size:17px}.ambient-background{background:linear-gradient(120deg,#f8f7f3f5,#f8f5edf2),url('/assets/beerdon-email-logo.png') center/cover no-repeat}
@media(min-width:761px){body:not(.menu-collapsed) .content{transform:scale(1.025);filter:blur(1px)}}
@media(max-width:760px){.menu-open .content{transform:scale(1.025);filter:blur(1px)}.menu-open .sidebar .brand-lockup{max-width:184px;width:calc(100% - 26px);margin:auto}.menu-open .sidebar .brand-logo{height:auto;width:100%;aspect-ratio:3/2}.brand-strip{padding:14px 15px;gap:14px;align-items:center}.brand-strip img{width:136px;height:91px;flex:none}.brand-message b{font-size:14px}.brand-message p{font-size:9px;line-height:1.7}.welcome:has(.section-close){padding-right:38px}.modal-close{top:13px;right:13px}.sidebar .sidebottom .account-mini{padding:9px}.sidebar .sidebottom .account-mini strong{font-size:12px}.sidebar .sidebottom .account-mini small{font-size:10px}}
@media(max-width:380px){.brand-strip img{width:116px;height:77px}.brand-strip{gap:10px}.brand-message b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.content{transition:none}}
@media print{.section-close,.modal-close{display:none!important}.content{transform:none!important;filter:none!important;transition:none}.main{pointer-events:auto}}
/* White surfaces shared by all profiles. Keep the original brand artwork. */
:root{--bg:#fff}
body,.layout,.main,.content,.topbar{background:#fff}
.ambient-background{background:#fff;transform:none}
.ambient-background:after{display:none}
.brand-strip,.bottom-quickbar,.brand-lockup,.brand-strip img{background:#fff}
.menu-toggle,.role-select,.section-close,.modal-close{background:#fff}
.notice,.report-kpis div,.notification img,.credential-section,.cart-mini-grid>div{background:#fff}
.notification.unread{background:#fff}
.container-tabs button.add-container,.btn.soft,.quick-link.selected,.quick-link:hover{background:#fff}
.field input:read-only,.credential-section input:disabled{background:#fff}

/* Opaque white panel backgrounds, regardless of profile or screen size. */
html,body,.layout,.main,.content,.topbar,.brand-strip,.bottom-quickbar{background:#ffffff!important;background-image:none!important}
.ambient-background{display:none!important}
.sidebar .brand-lockup,.brand-strip img,.section-close,.modal-close,.section-close:hover,.modal-close:hover{background:#ffffff!important}
/* Buttons inherit their action/icon color; page surfaces remain white. */
.btn[data-action-tone]{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--action-color)!important;background:var(--action-bg)!important;border-color:color-mix(in srgb,var(--action-color) 30%,white)!important;box-shadow:none}
.btn.primary[data-action-tone]{background:var(--action-color)!important;color:#fff!important;border-color:var(--action-color)!important}
.btn[data-action-tone]:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--action-color) 16%,transparent);filter:brightness(.98)}
.action-icon{width:18px;height:18px;flex:none}.btn.small .action-icon{width:16px;height:16px}
#nav button{background:color-mix(in srgb,var(--nav-tone,#92b6d4) 12%,transparent);color:#e4ecf5}
#nav button:hover{background:color-mix(in srgb,var(--nav-tone,#92b6d4) 22%,transparent)}
#nav button.active{background:color-mix(in srgb,var(--nav-tone,#92b6d4) 26%,#142c46);box-shadow:inset 3px 0 var(--nav-tone);color:var(--nav-tone)}
#nav button .ico,#nav button.active .ico{background:color-mix(in srgb,var(--nav-tone,#92b6d4) 15%,transparent);color:var(--nav-tone)}
.quick-link,.quick-link.selected{background:color-mix(in srgb,var(--quick-color,#446d99) 10%,white);color:var(--quick-color,#446d99)}
.quick-link.selected{background:color-mix(in srgb,var(--quick-color,#446d99) 20%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--quick-color,#446d99) 35%,white)}
.quick-link:hover{background:color-mix(in srgb,var(--quick-color,#446d99) 17%,white)}
.quick-link.selected:after{background:var(--quick-color)}
.quick-icon,.quick-link.selected .quick-icon{background:var(--quick-color);color:#fff}
.menu-toggle{background:#edf4fc!important;color:#315f91;border-color:#c5d8ed}.bell{background:#fff5d9;color:#88621b;border-color:#eadcb6}
/* Compact navigation and account controls across all profiles. */
.sidebar .nav button{min-height:38px;padding:6px 9px;gap:9px;border-radius:9px}
.sidebar .nav button .ico{width:25px;height:25px;border-radius:7px}
.sidebar .nav button .ico svg{width:17px;height:17px}.sidebar .nav-text{font-size:12px}
.menu-collapsed .nav button{min-height:38px;padding:6px 8px}
.sidebar .sidebottom{margin-top:9px;padding-top:9px;border-top:1px solid #ffffff15}
.sidebottom>.navlabel{display:none}
.settings-menu-button{width:100%;min-height:38px;border:1px solid #a9b3e238;background:#b8cdda16;color:#e3edf3;border-radius:9px;padding:6px 9px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;text-align:left}
.settings-menu-button:hover{background:#b8cdda26}.settings-icon{width:25px;height:25px;display:grid;place-items:center;background:#b8cdda18;border-radius:7px;flex:none}.settings-icon svg{width:17px;height:17px}
.sidebar .account-mini,.menu-open .sidebar .sidebottom .account-mini{position:relative;border:0;border-radius:0;background:transparent;margin:7px 0 0;padding:5px 4px;line-height:1.35}
.account-mini>small:first-child{font-size:0;position:absolute;right:3px;top:6px}.account-mini>small:first-child:after{content:'Demo';font-size:8px;letter-spacing:.03em;background:#ffffff0c;border:1px solid #ffffff1a;border-radius:5px;padding:2px 4px;color:#aab9c9}
.sidebar .account-mini strong,.menu-open .sidebar .sidebottom .account-mini strong{font-size:11px;font-weight:600;margin:0 38px 3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .account-mini small,.menu-open .sidebar .sidebottom .account-mini small{font-size:9px}
.menu-collapsed .settings-menu-button{justify-content:center;padding:6px;border-color:transparent}.menu-collapsed .settings-label{display:none}
.btn[data-action-tone]{padding:7px 11px;border-radius:9px;font-size:12px;min-height:34px;line-height:1.35;gap:6px}.btn.small[data-action-tone]{padding:5px 9px;min-height:30px;font-size:11px}.actions{gap:7px}.action-icon{width:16px;height:16px}
.bottom-quickbar{padding:6px 8px;gap:5px;border-radius:15px}.quick-link{padding:5px 3px;gap:3px;border-radius:9px}.quick-icon{width:29px;height:26px;border-radius:7px}.quick-icon svg{width:18px;height:18px}.quick-label{font-size:9px}
.settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.settings-shortcuts .btn{text-align:left;justify-content:flex-start}.settings-role{margin:5px 0;color:#4c7189!important;font-size:11px!important}.settings-local-note{font-size:10px!important;line-height:1.6}
@media(max-width:760px){.menu-open .sidebar .nav button{min-height:40px;padding:6px 9px;gap:9px}.menu-open .sidebar .nav-text{font-size:12px}.menu-open .settings-label{display:inline}.menu-open .settings-menu-button{justify-content:flex-start;border-color:#a9b3e238;padding:6px 9px}.btn[data-action-tone]{min-height:38px}.btn.small[data-action-tone]{min-height:34px}.bottom-quickbar{padding:5px}.quick-link{min-height:47px}.sidebar .sidebottom{margin-top:8px}}
@media(max-width:360px){.settings-shortcuts{grid-template-columns:minmax(0,1fr)}}
/* Small, proportional logo and a single-row settings button. */
.sidebar .brand{padding:4px 0 10px}
.sidebar .brand .brand-lockup{width:136px;max-width:calc(100% - 48px);border-radius:9px;margin:0 auto}
.sidebar .brand .brand-logo{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.sidebar .brand-caption{margin-top:7px;font-size:7px;letter-spacing:.15em}
.sidebar .drawer-close{width:25px;height:25px;top:0;right:0}
.menu-collapsed .sidebar .brand .brand-lockup{width:48px;max-width:48px}
.menu-collapsed .sidebar .brand .brand-logo{width:48px;height:36px;aspect-ratio:4/3}
.sidebar .settings-menu-button{display:flex!important;flex-direction:row;align-items:center;width:100%;height:38px;min-height:38px;max-height:38px;padding:6px 9px;gap:9px;white-space:nowrap;line-height:1.2}
.settings-menu-button .settings-label{font-size:12px;line-height:1.2}
.sidebar .account-mini>small:first-child{font-size:0!important}
.sidebar .sidebottom{margin-top:7px;padding-top:7px}
.sidebar .account-mini{padding-top:4px;padding-bottom:2px}
@media(max-width:760px){.menu-open .sidebar .brand .brand-lockup{width:116px;max-width:calc(100% - 48px)}.menu-open .sidebar .brand .brand-logo{width:100%;height:auto;aspect-ratio:3/2}.menu-open .sidebar .settings-menu-button{height:40px;min-height:40px;max-height:40px;padding:6px 9px;justify-content:flex-start}.menu-open .sidebar .account-mini>small:first-child{font-size:0!important}}
@media(max-height:640px){.sidebar .brand .brand-lockup,.menu-open .sidebar .brand .brand-lockup{width:96px}.sidebar .brand-caption{display:none}.menu-collapsed .sidebar .brand .brand-lockup{width:48px}}
/* Quiet navy navigation with precise spacing and restrained gold selection. */
.sidebar{background:linear-gradient(165deg,#10243a 0%,#142d46 100%);border-right:1px solid #c8a56928}
.sidebar>#nav{gap:6px;padding:2px 3px 5px 0;scrollbar-width:thin;scrollbar-color:#71819755 transparent}
.sidebar>#nav::-webkit-scrollbar{width:3px}.sidebar>#nav::-webkit-scrollbar-thumb{background:#71819755;border-radius:10px}.sidebar>#nav::-webkit-scrollbar-button{display:none}
#nav button{background:transparent;border:1px solid transparent;border-radius:10px;color:#c9d3df;box-shadow:none;font-weight:500;transition:background .16s ease,border-color .16s ease,color .16s ease}
.sidebar .nav button{min-height:38px;padding:6px 10px;gap:11px}
#nav button:hover{background:#ffffff07;border-color:#ffffff0a;color:#fff}
#nav button.active{background:linear-gradient(100deg,#c5a3611c,#ffffff05);border-color:#c9a8632b;color:#ecd5a2;box-shadow:inset 2px 0 #c9a863}
#nav button .ico,#nav button.active .ico{background:color-mix(in srgb,var(--nav-tone,#92b6d4) 8%,transparent);color:var(--nav-tone);border-radius:7px}
.sidebar .nav-text{font-size:12px;letter-spacing:.015em;font-weight:500}.sidebar .nav button.active .nav-text{font-weight:650}
.sidebar>.navlabel{padding:10px 10px 12px;font-size:8px;letter-spacing:.16em;color:#b8a57c;font-weight:650}
.sidebar .settings-menu-button{background:transparent;border-color:transparent;border-radius:10px;color:#c9d3df;font-weight:500;padding:6px 10px;gap:11px}
.sidebar .settings-menu-button:hover{background:#ffffff07;border-color:#ffffff0a;color:#fff}
.settings-icon{background:#b8cdda14;color:#b7bcea}.settings-menu-button .settings-label{font-size:12px;font-weight:500;letter-spacing:.015em}
.sidebar .sidebottom{border-top-color:#ffffff0d;margin-top:9px;padding-top:9px}
.sidebar .account-mini{margin-top:6px;padding-left:10px;padding-right:10px}.sidebar .account-mini strong{color:#dce5ef;font-weight:500}.sidebar .account-mini small{color:#94a5b9}.sidebar .account-mini>small:first-child:after{background:transparent;border-color:#ffffff18;color:#91a2b6}
.sidebar .brand .brand-lockup{box-shadow:0 4px 14px #07182916;border-color:#c8a56930}.sidebar .brand-caption{color:#c7b17f}
.menu-collapsed .sidebar .nav button{padding:6px;gap:0}.menu-collapsed .sidebar .settings-menu-button{padding:6px;gap:0}
@media(max-width:760px){.menu-open .sidebar .nav button{min-height:40px;padding:6px 10px;gap:11px}.menu-open .sidebar .settings-menu-button{padding:6px 10px;gap:11px;border-color:transparent}.menu-open .sidebar .nav-text{font-size:12px}}
@media(prefers-reduced-motion:reduce){#nav button{transition:none}}
.import-cost-panel{margin-top:18px}.cost-estimate-label{font-size:10px;font-weight:650;color:#846529;margin-bottom:8px}.cost-breakdown{white-space:normal}.cost-breakdown td{font-size:12px;padding:10px 6px}.cost-breakdown td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650;color:#19354f}.cost-breakdown td small{display:block;font-size:10px;color:#83909d;margin-top:3px;font-weight:400}.cost-grand-total{border-top:1px solid #dce5ed;padding-top:15px;margin-top:10px}.cost-grand-total small,.cost-grand-total span{display:block;font-size:11px;color:#738190}.cost-grand-total strong{display:block;font-size:25px;color:#183951;margin:5px 0}.cost-grand-total span{color:#287e5c}.cost-disclaimer{font-size:10px!important;line-height:1.65;color:#7b8590!important;margin-top:14px}@media(max-width:540px){.cost-breakdown td{font-size:11px}.cost-grand-total strong{font-size:22px}}
.manual-cost-container{border:1px solid #e1e9ef;border-radius:12px;padding:14px;margin:12px 0;background:#fff}.manual-cost-container h3{font-size:12px;color:#193b56;margin:0 0 5px}.manual-cost-container .field{margin:7px 0}.manual-cost-container .field small{font-size:9px;color:#778795;line-height:1.5}.required-cost{color:#b44848}#liveQuoteCosts{margin-top:20px}.manual-cost-container input:focus{border-color:#5785ad;outline:2px solid #5785ad22}
/* Mobile panels keep their size when navigating or focusing a field. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px),(hover:none) and (pointer:coarse){
 input,select,textarea,.field input,.field select,.cart-qty,.role-select{font-size:16px!important}
 .content,.dialog-open .content,.menu-open .content,body:not(.menu-collapsed) .content{transform:none!important}
 .dialog-open .content,.menu-open .content{filter:blur(1px)}
 .main,.content,.welcome,.card,.section,.manual-cost-container{min-width:0;max-width:100%}
 .field input,.field select,.field textarea{min-width:0;max-width:100%;box-sizing:border-box}
 .modalback{padding:12px;overflow-x:hidden;overflow-y:auto;align-items:center}
 .modal{width:min(520px,100%);min-width:0;max-width:100%;max-height:calc(100dvh - 24px);padding:18px;overflow-x:hidden;overscroll-behavior:contain}
 .modal .row{grid-template-columns:minmax(0,1fr)}
 .modal h2,.modal p,.welcome p,.notice{overflow-wrap:anywhere}
 .modal-actions{flex-wrap:wrap;gap:8px}.modal-actions .btn{max-width:100%;white-space:normal}
 .topbar-leading{min-width:0;flex:1}.topright{gap:6px;max-width:65%}.role-select{min-width:0;max-width:155px;padding:7px 5px;text-overflow:ellipsis}
 .cart-qty{width:72px;padding:6px}
 .container-tabs{overflow-x:auto}.container-tabs button{flex:none}
}
@media(max-width:380px){.role-select{max-width:137px}.topbar-leading>strong{font-size:11px}.avatar{width:27px;height:27px}.modalback{padding:8px}.modal{padding:15px;max-height:calc(100dvh - 16px)}}
.catalog-import-modal{width:min(920px,100%)!important}.catalog-import-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.catalog-import-toolbar>span{font-size:11px;color:#708193;flex:1;overflow-wrap:anywhere}.catalog-import-list{display:grid;gap:14px}.catalog-import-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;border:1px solid #dfe7ed;border-radius:12px;padding:14px}.import-image-review img{width:100%;height:150px;object-fit:contain;background:#f5f8fa;border-radius:8px}.import-image-review small{display:block;font-size:9px;color:#748595;margin:5px 0}.import-image-review label{font-size:11px;color:#28465f;display:flex;align-items:center;gap:6px}.import-product-fields .field{margin:5px 0}.field textarea{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:9px;min-width:0;width:100%;resize:vertical;background:#fff;color:var(--ink)}.imported-catalog-visual{height:180px;position:relative;background:#f6f8fa;display:grid;place-items:center}.imported-catalog-visual img{width:100%;height:100%;object-fit:contain}.imported-catalog-visual span{position:absolute;left:10px;bottom:9px;background:#ffffffed;color:#23445f;padding:3px 8px;border-radius:6px;font-size:10px}.imported-product-name{font-size:15px;margin:0 0 8px;color:#183b58}.imported-product-description{font-size:11px;line-height:1.6;max-height:76px;overflow:auto;overflow-wrap:anywhere}.pending-product-price{font-size:13px!important;color:#886c36}@media(max-width:760px){.catalog-import-row{grid-template-columns:minmax(0,1fr);gap:10px}.import-image-review img{height:160px}.catalog-import-modal .row{grid-template-columns:minmax(0,1fr)}.field textarea{font-size:16px}.imported-catalog-visual{height:165px}}
.import-review-warning{font-size:11px;color:#826328;background:#fff9ec;border:1px solid #eddfbe;border-radius:9px;padding:10px;margin-bottom:10px;line-height:1.6}.import-review-warning label{display:flex;align-items:flex-start;gap:7px;margin-top:7px;color:#405c72}.import-review-warning input{flex:none}.imported-product-specs{display:grid;gap:5px;font-size:11px;margin:10px 0 14px}.imported-product-specs>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px}.imported-product-specs dt{color:#778897}.imported-product-specs dd{color:#29455b;margin:0;overflow-wrap:anywhere}.import-image-review img{object-fit:contain!important;object-position:center;filter:none;transform:none}
.catalog-image-status{position:absolute;inset:35% 12px auto;text-align:center;color:#718294;font-size:11px;line-height:1.6}.imported-catalog-visual[data-image-state=ready] .catalog-image-status{display:none}.imported-catalog-visual[data-image-state=missing]{min-height:180px}.catalog-load-details{margin-top:20px}.catalog-load-details summary,.internal-terms summary{font-size:12px;font-weight:650;cursor:pointer;color:#25445e}.catalog-load-details[open] summary{margin-bottom:15px}.import-edit-photo{height:175px;display:flex;justify-content:center;margin:10px 0;background:#f7f9fb;border-radius:10px}.import-edit-photo img{max-width:100%;height:100%;object-fit:contain;filter:none;transform:none}.import-publish-confirm{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;color:#4c657a;margin:12px 0}.import-publish-confirm input{flex:none;margin-top:4px}.catalog-card .catalog-foot{gap:10px;flex-wrap:wrap}.catalog-card .section-head h3{margin:0}
.catalog-processing{margin:12px 0;min-height:32px}.catalog-processing progress{width:100%;height:5px;accent-color:#294d6e}.catalog-processing p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.catalog-processing p.danger{color:#ab3a48}#modalSubmit[aria-busy=true]{opacity:.7;cursor:progress}
.catalog-bulk-toolbar{padding:15px;margin:0 0 20px}.catalog-bulk-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.catalog-bulk-heading strong{font-size:13px;color:#25445c}.catalog-bulk-heading small,.catalog-bulk-toolbar>small{display:block;color:#7d8994;font-size:10px;margin-top:5px}.catalog-bulk-heading>span{font-size:11px;color:#326b94;white-space:nowrap}.catalog-bulk-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 9px}.catalog-card{position:relative}.catalog-product-select{display:flex;align-items:center;gap:7px;padding:9px 13px;background:#fff;color:#37536b;border-bottom:1px solid #e3eaf0;font-size:11px}.catalog-product-select input{accent-color:#2d6d91;width:16px;height:16px;margin:0}.catalog-publish-categories{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}@media(max-width:540px){.catalog-bulk-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-bulk-heading{align-items:flex-start}.catalog-bulk-buttons .btn{white-space:normal;text-align:center;font-size:10px}}

.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0;flex-wrap:wrap}.catalog-pagination span{font-size:13px;color:#53647a}.catalog-card{content-visibility:auto;contain-intrinsic-size:auto 580px}

.catalog-group-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0}.catalog-group-filters label{display:grid;gap:6px;color:#53647a;font-size:13px}.catalog-group-filters select{min-width:220px;max-width:100%;padding:10px;border:1px solid #dbe3eb;border-radius:10px;background:#fff;font-size:16px;color:#142c46}

.catalog-autofill-bar{padding:12px;border:1px solid #d8e6f0;border-radius:10px;background:#f5faff;margin:12px 0}.catalog-autofill-bar p{font-size:12px;line-height:1.5;color:#526d83;margin:8px 0 0}
.catalog-photo-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden;min-height:0}.catalog-photo-open:focus-visible{outline:3px solid #337abb;outline-offset:-3px}.imported-catalog-visual{overflow:hidden}.imported-catalog-visual>span,.catalog-image-status{pointer-events:none}.catalog-card .catalog-view-details{margin-bottom:12px}.catalog-photo-motion .catalog-photo-open img{animation:catalog-photo-drift 12s ease-in-out infinite alternate;will-change:transform}.catalog-card:nth-child(even) .catalog-photo-motion img{animation-direction:alternate-reverse}.catalog-photo-motion:hover img,.catalog-photo-motion:focus-within img{animation-play-state:paused}
@keyframes catalog-photo-drift{from{transform:translateX(-2%) scale(1.05)}to{transform:translateX(2%) scale(1.05)}}
.catalog-photo-modal{width:min(1050px,100%)!important}.catalog-viewer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.catalog-viewer-toolbar span{font-size:12px;min-width:45px;text-align:center}.catalog-viewer-stage{width:100%;height:min(62vh,650px);overflow:auto;overscroll-behavior:contain;border:1px solid #e1e7ee;border-radius:12px;background:#fff}.catalog-viewer-stage img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:none;transform:none;animation:none}.catalog-photo-modal .modal-actions{margin-top:14px}
@media(prefers-reduced-motion:reduce){.catalog-photo-motion .catalog-photo-open img{animation:none;will-change:auto}}
@media(max-width:600px){.catalog-viewer-toolbar .btn{padding:8px;font-size:11px}.catalog-viewer-stage{height:55vh}}

.catalog-available-sizes{margin:14px 0}.catalog-available-sizes h3{font-size:15px}.catalog-size-tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.catalog-product-description{line-height:1.7}

.catalog-delete-preview{font-size:13px;line-height:1.7;max-height:200px;overflow:auto;padding-left:22px}

/* Full-width catalog photos use their original proportions on every device. */
.imported-catalog-visual{height:auto;min-height:0;display:block;background:#fff}
.imported-catalog-visual .catalog-photo-open{height:auto;line-height:0}
.imported-catalog-visual .catalog-photo-open img{display:block;width:100%;height:auto;object-fit:contain!important}
.imported-catalog-visual[data-image-state=loading]{min-height:180px}

/* A complete original slides out as the next complete original slides in. */
.catalog-card .imported-catalog-visual.catalog-carousel{height:auto;min-height:0;background:#fff;display:block;overflow:hidden}
.catalog-carousel-track{display:flex;align-items:flex-start;width:100%;animation:beerdon-original-slides 12s ease-in-out infinite;will-change:transform}
.catalog-card .catalog-carousel .catalog-photo-open.catalog-carousel-slide{display:block;flex:0 0 100%;width:100%;min-width:0;max-width:100%;height:auto;padding:0;line-height:0;border:0;background:#fff}
.catalog-card .catalog-carousel .catalog-photo-open img[data-catalog-product]{display:block;width:100%;max-width:100%;height:auto;object-fit:contain!important;object-position:center;filter:none!important;transform:none!important;animation:none!important;will-change:auto}
@keyframes beerdon-original-slides{0%,38%{transform:translateX(0)}50%,88%{transform:translateX(-100%)}100%{transform:translateX(-200%)}}
.catalog-carousel:hover .catalog-carousel-track,.catalog-carousel:focus-within .catalog-carousel-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.catalog-carousel-track{animation:none;will-change:auto}}

.catalog-carousel[data-image-state=loading] .catalog-carousel-track{animation-play-state:paused}