@font-face{font-family:Montserrat;src:url('/assets/montserrat-0.ttf')}@font-face{font-family:Montserrat;src:url('/assets/montserrat-3.ttf');font-weight:700}@font-face{font-family:Montserrat;src:url('/assets/montserrat-4.ttf');font-weight:800}*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#22252b;font:14px Montserrat,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1.1px;margin-bottom:8px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.7}.muted{color:#737982}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.6px}.red{color:#e30925}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dedfe4;background:white;color:#26292f;padding:12px 17px;border-radius:7px;font-weight:700;font-size:12px;min-height:42px}.btn:hover{background:#f2f3f5}.btn.primary{background:#e50928;color:white;border-color:#e50928}.btn.primary:hover{background:#bd0822}.btn.dark{background:#25262b;color:white;border-color:#25262b}.btn.small{padding:8px 12px;min-height:34px}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:white;border-right:1px solid #e4e6eb;z-index:30;display:flex;flex-direction:column;padding:29px 18px 18px}.brand{padding:0 11px 25px}.brand img{width:181px;height:auto;display:block}.brand span{display:block;font-size:9px;letter-spacing:2.5px;color:#8b8e95;margin-top:14px;text-transform:uppercase}.nav-caption{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#92969f;margin:18px 13px 12px}.nav-link{display:flex;align-items:center;gap:13px;border-radius:7px;padding:13px;margin-bottom:5px;font-size:12px;color:#686e78;font-weight:600}.nav-link:hover{background:#f7f7f9}.nav-link.active{color:#d80724;background:#fff0f2;font-weight:700}.nav-link .count{margin-left:auto;border-radius:5px;background:#e90b2b;color:white;padding:3px 6px;font-size:9px}.sidebar-bottom{margin-top:auto}.help-card{margin:20px 7px;padding:17px 13px;background:#f5f6f8;border:1px solid #e8e9ed;border-radius:8px}.help-card p{font-size:10px;color:#777d86;margin:7px 0 12px}.identity{display:flex;gap:10px;align-items:center;padding:16px 8px 0;border-top:1px solid #e9eaed}.avatar{height:35px;width:35px;background:#25262b;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px;font-weight:700}.identity strong{display:block;font-size:11px}.identity small{color:#898e98;font-size:10px}.identity button{margin-left:auto;background:none;border:0;color:#8a8e96;padding:5px}.workspace{margin-left:246px}.topbar{height:81px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e5e7eb;padding:0 34px;gap:15px}.breadcrumb{font-size:11px;color:#898e97;display:flex;gap:12px;align-items:center}.breadcrumb strong{color:#383d45;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.demo-pill{font-size:9px;font-weight:800;letter-spacing:1px;border:1px solid #e8e9ec;background:#f8f9fa;border-radius:5px;padding:7px 9px;white-space:nowrap}.demo-pill:before{content:'';display:inline-block;width:5px;height:5px;background:#e50928;border-radius:50%;margin-right:6px}.bell{position:relative;background:none;border:0;color:#6e7580;padding:8px}.bell i{position:absolute;background:#e50928;border:2px solid white;border-radius:50%;height:9px;width:9px;right:7px;top:5px}.top-date{font-size:10px;color:#7e838d}.content{padding:30px 34px 20px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.page-head p{font-size:12px;color:#7f8590;margin:0}.page-head .eyebrow{margin-bottom:8px}.head-actions{display:flex;gap:8px}.card{background:white;border:1px solid #e4e6eb;border-radius:10px;overflow:hidden}.card-pad{padding:23px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #eff0f3}.card-header h2{margin:0;font-size:15px}.text-link{font-size:11px;font-weight:700;color:#df0926}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0}.stat{padding:20px 21px;position:relative}.stat-label{font-size:10px;color:#7c828c;font-weight:600;display:flex;justify-content:space-between;align-items:center}.stat-label .icon{color:#9b9fa7;width:17px}.stat strong{display:block;font-size:26px;letter-spacing:-1px;margin:12px 0 8px}.stat small{font-size:9px;color:#858b93}.stat small span{color:#288c68;font-weight:700}.hero{height:262px;background:#1a1b20;border-radius:10px;position:relative;overflow:hidden;color:white}.hero .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.58}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17181ef2 0%,#17181e70 58%,transparent)}.hero-copy{position:relative;z-index:1;padding:32px 34px;max-width:560px}.hero .eyebrow{color:#ff7588;font-size:9px}.hero h2{font-size:32px;line-height:1.16;letter-spacing:-1.2px;margin:12px 0}.hero p{font-size:11px;color:#d1d2d6;max-width:330px;margin-bottom:17px}.hero .btn{padding:10px 15px;min-height:36px;font-size:10px}.hero-controls{position:absolute;right:24px;bottom:22px;z-index:2;display:flex;gap:7px}.hero-controls button{width:8px;height:8px;border-radius:50%;border:0;background:#ffffff70;padding:0}.hero-controls button.active{width:24px;border-radius:4px;background:#e50928}.hero-count{position:absolute;right:24px;top:22px;z-index:2;font-size:10px;color:#ddd}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px}.right-stack{display:flex;flex-direction:column;gap:20px}.mini-product{display:flex;gap:14px;align-items:center;padding:18px 21px;border-bottom:1px solid #eff0f3}.product-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#f5f5f7;color:#777d86;flex-shrink:0}.product-icon .icon{height:26px;width:26px}.mini-product h3{font-size:11px;line-height:1.5;margin:5px 0}.mini-product p{font-size:9px;color:#8d929a;margin:0}.tag{font-size:8px;font-weight:800;letter-spacing:.6px;color:#d70826;background:#fff0f2;padding:4px 6px;border-radius:3px}.products-link{display:block;text-align:center;padding:15px;font-size:10px;color:#e50928;font-weight:700}.support-banner{background:#25262c;color:white;padding:22px;border-radius:10px;position:relative}.support-banner h3{font-size:15px;line-height:1.5;margin:10px 0}.support-banner p{font-size:10px;color:#b5b8c0;margin:0}.support-banner .icon{color:#ff526b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#9196a0;font-weight:600;background:#fcfcfd;padding:14px 21px;border-bottom:1px solid #eff0f3}td{font-size:11px;padding:17px 21px;border-bottom:1px solid #eff0f3;color:#646b76}tr:last-child td{border-bottom:0}td strong{color:#303640;font-size:11px}td small{display:block;font-size:9px;color:#959aa2;margin-top:5px}.status{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:5px;background:#fff5e2;color:#a77716;font-size:9px;font-weight:700;white-space:nowrap}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.green{background:#eaf7f0;color:#25845a}.status.blue{background:#edf2ff;color:#4e72c7}.status.gray{background:#f0f1f4;color:#77808d}.arrow-link{display:inline-flex;color:#9197a0;padding:6px}.arrow-link:hover{color:#e50928}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.notice-mini{display:flex;align-items:flex-start;gap:12px;padding:18px 22px}.notice-mini .product-icon{height:35px;width:35px;background:#fff0f2;color:#e50928}.notice-mini h3{font-size:11px;margin:0 0 5px}.notice-mini p{font-size:10px;color:#8b919b;margin:0;line-height:1.6}.workflow{display:flex;gap:12px;align-items:center;padding:22px;flex-wrap:wrap}.workflow span{font-size:10px;padding:10px;background:#f4f5f7;border-radius:5px}.workflow b{font-size:12px;color:#bbb}.footer{display:flex;justify-content:space-between;gap:15px;color:#9a9ea6;font-size:9px;padding:26px 0 5px}.filters{padding:18px 22px;display:flex;gap:12px;border-bottom:1px solid #eceef2;flex-wrap:wrap}.input{border:1px solid #dfe2e7;border-radius:6px;padding:12px;background:white;color:#484e58;min-width:0;font-size:12px;width:100%}.filters input{max-width:320px}.filters select{width:auto;max-width:240px}.empty{padding:55px 24px;text-align:center;color:#828994;font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:23px;border-bottom:1px solid #eef0f3}.info-grid label,.field-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#8e949e;margin-bottom:9px;font-weight:700}.info-grid p{font-size:11px;margin:0;line-height:1.8}.totals{width:300px;max-width:100%;margin:20px 22px 22px auto;padding:0 3px}.totals div{display:flex;justify-content:space-between;padding:9px 0;font-size:11px}.totals .total{font-size:16px;font-weight:700;border-top:1px solid #e5e7eb;margin-top:8px;padding-top:16px}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 25px 25px;font-size:11px;line-height:1.6;border-left:1px solid #e5e7eb;margin-left:5px}.timeline li:before{content:'';position:absolute;left:-5px;top:3px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#e50928}.timeline li:last-child{padding-bottom:0;border-left-color:transparent}.timeline small{display:block;color:#959aa3;font-size:9px;margin-top:4px}.stack{display:flex;flex-direction:column;gap:20px}.action-card p{font-size:11px;color:#838995}.action-card .btn{width:100%}.document-header{display:flex;justify-content:space-between;align-items:start;padding:30px;border-bottom:3px solid #e50928}.document-header img{width:190px}.document-header h2{font-size:24px;margin-bottom:7px}.document-header p{font-size:10px;color:#8b919a;margin:0}.document-note{padding:18px 25px;background:#fcfcfd;color:#8b919a;font-size:10px;line-height:1.7}.notice-list .notice-row{display:flex;gap:18px;align-items:start;padding:23px;border-bottom:1px solid #eceef1}.notice-row.unread{background:#fffafb}.notice-row .notice-body{flex:1}.notice-row h3{font-size:13px;margin:9px 0}.notice-row p{font-size:11px;color:#7b828d;margin-bottom:10px}.notice-row small{font-size:9px;color:#959ba4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{margin-bottom:20px}.form-field textarea{min-height:130px;resize:vertical}.alert-slot:empty{display:none}.push-alert{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #f4cbd2;border-left:4px solid #e50928;border-radius:8px;padding:16px 19px;margin-bottom:22px;animation:slide .3s ease}.push-alert .alert-body{flex:1}.push-alert h3{font-size:12px;margin:4px 0}.push-alert p{font-size:10px;color:#7e8490;margin:0}.push-alert button{border:0;background:none;color:#959ba4;padding:7px}.push-alert .eyebrow{font-size:8px;color:#e50928}.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:white}.login-story{position:relative;background:#191a20;color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;opacity:.25}.login-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#191a2030,#191a20ee)}.login-story>*:not(img){position:relative;z-index:1}.login-story .story-title{font-size:54px;line-height:1.12;letter-spacing:-2.5px;font-weight:800;max-width:550px}.login-story .story-title em{color:#f32343;font-style:normal}.login-story p{max-width:400px;color:#b9bdc6;font-size:13px}.login-story .eyebrow{color:#ec536b}.login-story footer{font-size:10px;color:#9197a4}.login-main{display:flex;align-items:center;justify-content:center;padding:50px 35px}.login-box{width:360px;max-width:100%}.login-box>img{width:225px;margin-bottom:48px}.login-box h1{font-size:29px}.login-box .intro{font-size:12px;color:#9298a1;margin-bottom:29px}.login-box label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.login-box .btn{width:100%}.login-box input{padding:14px}.demo-accounts{margin-top:28px;padding:18px;background:#f6f7f9;border:1px solid #e7e9ee;border-radius:8px}.demo-accounts>p{font-size:10px;margin:0 0 12px;color:#898f99}.role-picks{display:flex;gap:7px}.role-picks button{flex:1;background:white;border:1px solid #e2e4e9;border-radius:5px;padding:9px 5px;font-size:10px;font-weight:700}.role-picks button.selected{border-color:#e50928;color:#e50928;background:#fff5f6}.login-note{font-size:9px;color:#9a9fa8;text-align:center;margin-top:25px}.error{font-size:11px;color:#cf0826;margin:0 0 15px;min-height:15px}.mobile-menu{display:none}dialog{border:0;border-radius:12px;padding:0;max-width:620px;width:calc(100% - 32px);box-shadow:0 30px 120px #0004}dialog::backdrop{background:#14182099;backdrop-filter:blur(3px)}.modal-head{padding:22px 26px;border-bottom:1px solid #eceef1;display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-body{padding:25px}.modal-body p{font-size:12px;color:#7c8390}.modal-body img{width:100%;border-radius:7px;margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:end;padding:18px 25px;background:#f7f8fa}#toast{position:fixed;right:25px;bottom:25px;background:#24282f;color:white;border-radius:8px;padding:16px 22px;font-size:12px;box-shadow:0 6px 30px #0003;z-index:100;display:none;max-width:calc(100% - 40px)}@keyframes slide{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1600px){.hero{height:300px}.hero-copy{padding:40px}.hero h2{font-size:38px}}@media(max-width:1200px){.sidebar{width:215px}.brand img{width:165px}.workspace{margin-left:215px}.content{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px}.stats{gap:12px}.stat{padding:17px}.detail-grid{grid-template-columns:minmax(0,1fr) 270px}.hero h2{font-size:28px}.hero-copy{padding:27px}}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.login-story{padding:35px}.login-story .story-title{font-size:42px}.top-date{display:none}.bottom-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:246px;transition:transform .2s;box-shadow:10px 0 50px #0002}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:block;background:white;border:0;padding:5px}.topbar{height:65px;padding:0 17px}.top-actions{gap:8px}.breadcrumb{font-size:10px;gap:7px}.content{padding:22px 16px}.page-head{align-items:flex-start}.page-head h1{font-size:25px}.head-actions .btn{font-size:10px;padding:10px}.page-head p{font-size:10px}.hero{height:280px}.hero-copy{padding:25px;max-width:90%}.hero h2{font-size:29px}.hero .hero-image{object-position:65%}.right-stack,.form-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr;gap:16px}.document-header{padding:22px;gap:15px}.document-header img{width:140px}.document-header h2{font-size:18px}.footer{font-size:8px;line-height:1.6}.login{grid-template-columns:1fr}.login-story{display:none}.login-main{padding:35px 24px;min-height:100vh}.filters input,.filters select{width:100%;max-width:none}.push-alert{align-items:flex-start}.push-alert p{line-height:1.6}.notice-list .notice-row{gap:10px;padding:17px}.notice-row>.btn{padding:8px;font-size:9px}.stats{gap:10px}.stat strong{font-size:23px}.stat-label{font-size:9px}.stat small{font-size:8px}}@media print{body{background:white}.sidebar,.topbar,.page-head,.footer,.detail-grid>.stack,.push-alert,#toast,dialog{display:none!important}.workspace{margin:0}.content{padding:0;max-width:none}.detail-grid{display:block}.card{border:0;border-radius:0}.document-header{padding:20px 0}.info-grid{grid-template-columns:repeat(3,1fr)}th,td{padding:13px 10px}.document-note{font-size:9px}a{color:inherit}.document-header img{width:190px}@page{size:A4;margin:15mm}}
/* Keep narrow detail and table layouts within the viewport. */
.stack,.card,.dashboard-grid>*,.detail-grid>*{min-width:0}
@media(max-width:700px){.page-head{flex-wrap:wrap}.head-actions{flex-wrap:wrap}.head-actions .btn{min-height:38px}.document-header{flex-wrap:wrap}.document-header>div{min-width:0}.document-header h2{overflow-wrap:anywhere}.sidebar{overflow-y:auto}.modal-footer{flex-wrap:wrap}.modal-body{padding:20px}.login-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.document{break-inside:avoid}.table-wrap{overflow:visible}table{white-space:normal}.document-header{flex-wrap:nowrap}}
.preview-gate{min-height:100svh;display:grid;place-items:center;background:#fff;padding:24px}.preview-gate form{width:300px;max-width:100%}.preview-gate label{display:block;font-size:11px;color:#8b919a;margin-bottom:12px;text-align:center;letter-spacing:.3px}.pin-entry{display:flex;align-items:center;border:1px solid #dfe2e7;border-radius:8px;padding:5px;background:#fff}.pin-entry:focus-within{border-color:#e50928;box-shadow:0 0 0 3px #e5092810}.pin-entry input{border:0;outline:none;min-width:0;flex:1;text-align:center;letter-spacing:8px;padding:12px 8px;font-size:20px;background:transparent;color:#25262b}.pin-entry button{width:43px;height:43px;border:0;border-radius:5px;background:#e50928;color:white;display:grid;place-items:center}.preview-gate .error{text-align:center;margin-top:14px;min-height:18px}
.preview-logo{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 38px}
/* Login: restrained racing-inspired accents, separate from dashboard campaigns. */
.login-story{background:linear-gradient(145deg,#24262c 0%,#191b20 52%,#121418 100%);isolation:isolate}
.login-story .login-accents{position:absolute;inset:-20%;z-index:0;overflow:hidden;pointer-events:none;animation:accent-drift 20s ease-in-out infinite alternate}
.login-accents i{position:absolute;display:block;top:-20%;height:145%;transform:rotate(27deg);background:linear-gradient(180deg,transparent,#e5092824 32%,#e5092840 60%,transparent);width:90px;right:12%;border-left:1px solid #f3344b25}
.login-accents i:nth-child(2){right:29%;width:26px;background:linear-gradient(180deg,transparent,#ed123244,transparent);border:0}
.login-accents i:nth-child(3){right:40%;width:2px;background:linear-gradient(180deg,transparent,#ff3a5744,transparent);border:0}
.login-story:after{background:radial-gradient(ellipse at 10% 40%,#17191d15 0%,#11131750 100%);z-index:0;pointer-events:none}
.login-story>.eyebrow,.login-story>.login-accents+div,.login-story>footer{animation:login-reveal .8s ease-out both}
.login-story>.login-accents+div+div{position:relative;z-index:1;animation:login-reveal .9s .12s ease-out both}
.login-story>footer{animation-delay:.25s}
.login-main .login-box{animation:login-reveal .85s .15s ease-out both}
.login-box .input{transition:border-color .2s,box-shadow .2s}
.login-box .input:focus{border-color:#e50928;box-shadow:0 0 0 3px #e5092810;outline:none}
.login-box .btn.primary{transition:background .2s,box-shadow .2s}
.login-box .btn.primary:hover{box-shadow:0 5px 18px #e5092828}
@keyframes login-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes accent-drift{from{transform:translate3d(-10px,-8px,0)}to{transform:translate3d(15px,12px,0)}}
@media(prefers-reduced-motion:reduce){.login-story .login-accents,.login-story>.eyebrow,.login-story>div,.login-story>footer,.login-main .login-box{animation:none!important;transform:none}.login-box .input,.login-box .btn{transition:none!important}}
/* Stagger the brand, message and form so the AutoZone logo leads. */
.login-main .login-box{animation:none}
.login-box>img{animation:brand-arrive 1.05s ease-out both}
.login-story>.login-accents+div+div{animation:login-reveal .9s .75s ease-out both}
.login-box>.eyebrow,.login-box>h1,.login-box>.intro,.login-box>form,.login-box>.demo-accounts,.login-box>.login-note{animation:login-reveal .8s 1.25s ease-out both}
.login-box>.demo-accounts{animation-delay:1.4s}
.login-box>.login-note{animation-delay:1.5s}
@keyframes brand-arrive{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.login-box>img,.login-box>.eyebrow,.login-box>h1,.login-box>.intro,.login-box>form,.login-box>.demo-accounts,.login-box>.login-note,.login-story>.login-accents+div+div{animation:none!important;transform:none}}
.login-story>.login-accents+div+div{animation-delay:.3s}
/* Full-page delayed loading state; the logo fills in colour while work is pending. */
dialog.loading-overlay{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:rgba(255,255,255,.96);box-shadow:none;overflow:hidden}
dialog.loading-overlay[open]{display:grid;place-items:center}
dialog.loading-overlay::backdrop{background:rgba(255,255,255,.25);backdrop-filter:blur(3px)}
.loading-content{text-align:center;width:290px;max-width:80vw}
.loading-logo{position:relative;width:100%;line-height:0}
.loading-logo img{display:block;width:100%;height:auto;filter:grayscale(1);opacity:.22}
.loading-logo img.loading-logo-colour{position:absolute;inset:0;filter:none;opacity:1;animation:logo-colour-fill 1.8s ease-in-out infinite}
.loading-content p{font-size:10px;font-weight:600;letter-spacing:1.3px;color:#8b919a;margin:22px 0 0}
@keyframes logo-colour-fill{0%,10%{clip-path:inset(0 100% 0 0)}80%,100%{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.loading-logo img.loading-logo-colour{animation:none;clip-path:none}}
@media print{dialog.loading-overlay{display:none!important}}
.account-menu{position:relative}.account-toggle{border:0;cursor:pointer}.account-toggle:hover{background:#e50928}.account-dropdown{position:absolute;right:0;top:47px;width:250px;background:white;border:1px solid #e3e6eb;border-radius:9px;box-shadow:0 12px 40px #17202d24;padding:18px;z-index:50}.account-dropdown[hidden]{display:none}.account-dropdown strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.account-dropdown small{display:block;color:#8b919a;font-size:10px;margin:5px 0 15px}.account-dropdown button{display:flex;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid #eceef2;background:white;color:#d80724;font-size:12px;font-weight:700;padding:13px 0 0}.identity{flex-wrap:wrap}.identity .sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:7px 0 0;border:1px solid #e5e7eb;border-radius:5px;padding:8px;font-size:10px;color:#69717c}.sidebar-logout:hover{background:#fff0f2;color:#d80724}.push-alert>.product-icon{animation:alert-icon-pulse 2s ease-in-out infinite}.top-date{font-variant-numeric:tabular-nums}
@keyframes alert-icon-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #e5092800}50%{transform:scale(1.06);box-shadow:0 0 0 7px #e5092810}}
@media(max-width:1000px){.top-date{display:block;font-size:9px}}@media(max-width:700px){.top-actions{gap:5px}.top-date{max-width:125px;line-height:1.5;text-align:right;font-size:8px}.topbar .breadcrumb{font-size:9px;gap:5px}.topbar{gap:8px}.account-dropdown{width:230px}.top-actions .avatar{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.push-alert>.product-icon{animation:none!important}}
.dashboard-video{border:1px solid #e4e6eb;border-radius:10px;background:#14161a;overflow:hidden;position:relative;line-height:0}.dashboard-video video{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:16/6;object-fit:contain;background:#14161a}.video-error{line-height:1.7;padding:18px 22px;color:#cfd3da;font-size:11px}.video-error[hidden]{display:none}.video-error a{color:#fff;text-decoration:underline;margin-left:8px}@media(max-width:700px){.dashboard-video video{aspect-ratio:16/9}}
.promotions-slider{margin-top:22px}.promotions-slider .card-header{align-items:flex-start}.promotion-dates{font-size:10px;color:#838a95;margin:9px 0 0}.promotion-viewer{background:#222;line-height:0}.promotion-viewer iframe{display:block;width:100%;height:590px;border:0}.promotion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 23px}.promotion-navigation{display:flex;align-items:center;gap:12px}.promotion-dots{display:flex;gap:7px}.promotion-dots button{height:29px;width:29px;border-radius:50%;border:1px solid #e1e4e9;background:white;color:#7d8590;font-size:10px;cursor:pointer}.promotion-dots button.active{background:#e50928;color:white;border-color:#e50928}.promotion-source{font-size:9px;color:#979da7;padding:0 23px 17px;margin:0;line-height:1.7}@media(max-width:700px){.promotion-viewer iframe{height:470px}.promotion-toolbar{flex-wrap:wrap;padding:15px}.promotions-slider .card-header{flex-wrap:wrap}.promotions-slider .card-header h2{line-height:1.5}.promotion-source{padding:0 15px 15px}}
/* Preserve the source video's natural billboard proportions, as on AutoZone's site. */
.dashboard-video video{height:auto;aspect-ratio:auto;max-height:none}
/* Portal-native promotion cards, without the brochure viewer or its background. */
.product-promotions .card-header{border-bottom:0;padding-bottom:18px}.product-promotions .card-header h2{font-size:20px}.product-promo-track{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 23px;padding:0 0 6px}.product-promo-track::-webkit-scrollbar{display:none}.product-promo-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;min-width:0;border:1px solid #e8eaee;border-radius:9px;overflow:hidden;background:#fff}.product-promo-photo{position:relative;display:grid;place-items:center;height:205px;background:#f3f4f6;overflow:hidden;padding:17px}.product-promo-photo svg{display:block;width:100%;height:100%;transition:transform .3s}.product-promo-photo:hover svg{transform:scale(1.035)}.product-offer-label{position:absolute;left:13px;top:12px;font-size:8px;letter-spacing:.9px;font-weight:800;background:#e50928;color:#fff;padding:5px 7px;border-radius:4px}.product-promo-copy{padding:20px}.product-promo-copy>.eyebrow{font-size:8px;color:#9b6971;letter-spacing:1px}.product-promo-copy h3{font-size:14px;margin:10px 0 6px;line-height:1.5}.product-promo-copy p{font-size:10px;color:#8c929b;margin:0;min-height:34px;line-height:1.7}.product-promo-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid #eef0f3}.product-promo-price strong{font-size:22px;letter-spacing:-.8px;color:#df0827}.product-promo-price a{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff0f2;color:#e50928}.promotion-availability{font-size:9px;color:#949aa3;line-height:1.7}.product-promotions .promotion-dots button{height:7px;width:7px;border:0;padding:0;background:#dde0e6}.product-promotions .promotion-dots button.active{width:19px;border-radius:4px;background:#e50928}.product-promotions .promotion-navigation{gap:13px}.product-promotions .promotion-toolbar{padding-top:19px;padding-bottom:20px}.product-promotions .promotion-toolbar .btn{height:31px;min-height:31px;padding:5px 10px}@media(max-width:1000px){.product-promo-photo{height:175px}.product-promo-copy{padding:15px}.product-promo-price strong{font-size:19px}}@media(max-width:700px){.product-promo-track{margin:0 17px;gap:15px}.product-promo-card{flex-basis:100%}.product-promo-photo{height:225px}.product-promotions .card-header{padding:20px 17px 16px}.product-promotions .card-header h2{font-size:18px}.product-promotions .promotion-toolbar{justify-content:center}.promotion-availability{width:100%;text-align:center}}
.artwork-promotions .card-header{border-bottom:1px solid #eef0f3}.artwork-stage{position:relative;background:#f8f9fb;padding:22px 65px;text-align:center}.artwork-stage>a{display:flex;align-items:center;justify-content:center;min-height:510px}.artwork-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:600px;object-fit:contain;box-shadow:0 4px 20px #1b223115}.artwork-arrow{position:absolute;top:50%;transform:translateY(-50%);height:38px;width:38px;border-radius:50%;border:1px solid #e2e5ea;background:white;color:#333943;font-size:19px;box-shadow:0 3px 12px #00000008}.artwork-arrow:hover{color:#e50928;border-color:#e50928}.artwork-prev{left:17px}.artwork-next{right:17px}.artwork-promotions .promotion-dots button{height:8px;width:8px;border:0;background:#d9dde4;padding:0}.artwork-promotions .promotion-dots button.active{width:23px;border-radius:6px;background:#e50928}.artwork-promotions .promotion-toolbar{padding:17px 23px}.artwork-promotions .promotion-toolbar>.text-link{font-size:10px}@media(max-width:700px){.artwork-stage{padding:14px 38px}.artwork-stage>a{min-height:310px}.artwork-stage img{max-height:480px}.artwork-arrow{width:28px;height:28px;font-size:15px}.artwork-prev{left:5px}.artwork-next{right:5px}.artwork-promotions .promotion-toolbar{padding:14px;gap:12px;justify-content:space-between}}
/* Only the promotion artwork: no viewer backdrop, panel fill or bottom controls. */
.artwork-promotions{background:transparent;border:0;box-shadow:none}.artwork-promotions .card-header{background:transparent;border:0;padding:4px 0 18px}.artwork-stage{background:transparent;padding:0 52px}.artwork-stage>a{min-height:0}.artwork-stage img{max-height:620px;box-shadow:none}.artwork-promotions .promotion-toolbar{display:none}.artwork-arrow{box-shadow:none}.artwork-prev{left:0}.artwork-next{right:0}@media(max-width:700px){.artwork-stage{padding:0 32px}.artwork-stage>a{min-height:0}.artwork-stage img{max-height:560px}.artwork-promotions .card-header{padding:4px 0 15px}}
.artwork-display{display:flex;align-items:center;justify-content:center}.artwork-stage .artwork-display img{max-width:100%;height:auto;max-height:620px;object-fit:contain;cursor:default}@media(max-width:700px){.artwork-stage .artwork-display img{max-height:560px}}
button.artwork-display{border:0;background:transparent;width:100%;padding:0;cursor:zoom-in}.artwork-stage .artwork-display img{cursor:zoom-in}.promotion-lightbox{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:#17191e;color:white;box-shadow:none}.promotion-lightbox[open]{display:flex;flex-direction:column}.promotion-lightbox::backdrop{background:#17191e}.promotion-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px;min-height:58px;font-size:12px}.promotion-lightbox button{display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff30;background:#ffffff10;color:white;border-radius:50%;width:40px;height:40px;font-size:23px;cursor:pointer}.promotion-lightbox button:hover{background:#e50928;border-color:#e50928}.promotion-lightbox-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px 20px;flex:1;min-height:0}.promotion-lightbox-content img{display:block;max-width:calc(100% - 120px);max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}@media(max-width:700px){.promotion-lightbox header{padding:10px 12px;font-size:10px}.promotion-lightbox-content{gap:5px;padding:0 6px 12px}.promotion-lightbox-content button{width:30px;height:30px;font-size:18px}.promotion-lightbox-content img{max-width:calc(100% - 70px)}}
/* Persistent page navigation, visible next to every workspace screen. */
.topbar{position:sticky;top:0;z-index:35}.breadcrumb a:hover{color:#e50928;text-decoration:underline}.page-navigation{position:sticky;top:81px;z-index:34;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:10px 34px;background:#fff;border-bottom:1px solid #e5e7eb;scrollbar-width:thin}.page-navigation a{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 13px;border-radius:6px;font-size:11px;font-weight:600;color:#737b86}.page-navigation a .icon{width:16px;height:16px}.page-navigation a:hover{background:#f6f7f9;color:#e50928}.page-navigation a.active{background:#fff0f2;color:#df0827;font-weight:700}@media(max-width:1200px){.page-navigation{padding:9px 25px}}@media(max-width:700px){.page-navigation{top:65px;padding:8px 12px;gap:3px}.page-navigation a{padding:10px;font-size:10px}.page-navigation a .icon{width:14px;height:14px}}@media print{.page-navigation{display:none!important}}
.kit-image-stage{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#fff;border:1px solid #eceef2;border-radius:8px;padding:15px}.kit-image-stage>div{height:245px;width:100%;min-width:0;display:flex;justify-content:center}.kit-image-stage svg{height:100%;width:100%;max-width:300px;display:block}.kit-image-stage .btn{flex-shrink:0}.kit-image-controls{display:flex;justify-content:center;gap:9px;margin-top:12px}.kit-image-controls button{width:57px;height:52px;border:1px solid #e3e6eb;background:white;border-radius:6px;padding:5px;cursor:pointer}.kit-image-controls button.active{border-color:#e50928;box-shadow:0 0 0 1px #e50928}.kit-image-controls svg{display:block;width:100%;height:100%}.kit-gallery .kit-image-caption{font-size:9px;color:#9a9fa7;text-align:center;margin:10px 0 0}.kit-advert h2{font-size:23px;line-height:1.3;margin-bottom:12px}.kit-fitment{background:#f7f8fa;padding:15px 17px;border-radius:7px;margin:17px 0}.kit-fitment>strong{font-size:11px}.kit-fitment p{font-size:11px;margin:8px 0 0}.kit-advert .kit-disclaimer{font-size:9px;line-height:1.7;color:#9b9fa7;margin:0}@media(max-width:700px){.kit-image-stage{gap:6px;padding:10px}.kit-image-stage>div{height:210px}.kit-advert h2{font-size:20px}}
.kit-image-stage #kit-main-image>img{display:block;height:100%;width:100%;max-width:320px;object-fit:contain;border-radius:0;margin:0}.kit-image-controls button>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;margin:0}.kit-gallery .kit-image-stage{padding:12px}.kit-gallery .kit-image-stage>div{height:260px}
.dashboard-store{margin:10px 0 12px;display:flex;flex-direction:column;gap:5px}.dashboard-store strong{font-size:12px;font-weight:600;color:#5d6570}.dashboard-store span{font-size:10px;line-height:1.6;color:#8c939e}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-link{display:block;transition:border-color .2s,box-shadow .2s}.stat-link:hover{border-color:#e5092866;box-shadow:0 3px 15px #22222208}.stat-link:hover strong{color:#e50928}.notice-open{display:flex;width:100%;border:0;background:white;text-align:left;font:inherit;cursor:pointer}.notice-open:hover{background:#faf5f6}.notification-detail{text-align:center;padding:7px 10px}.notification-detail-icon{width:62px;height:62px;display:grid;place-items:center;background:#fff0f2;border-radius:50%;color:#e50928;margin:0 auto 19px}.notification-detail-icon .icon{width:27px;height:27px}.notification-detail h2{font-size:23px;margin:18px 0 12px;line-height:1.4}.notification-detail p{font-size:13px;line-height:1.9;white-space:pre-wrap}.notification-modal[open]{animation:notification-arrive .3s ease-out}.notification-modal .notification-detail-icon{animation:notification-icon-arrive .45s .12s ease-out both}@keyframes notification-arrive{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes notification-icon-arrive{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .stat:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.notification-modal[open],.notification-modal .notification-detail-icon{animation:none!important}}
.topbar-brand{display:flex;align-items:center;margin:auto;flex-shrink:0}.topbar-brand img{display:block;width:150px;height:auto}.stat-icon{display:grid;place-items:center;height:29px;width:29px;background:#f3f4f7;border-radius:7px;color:#7e8795}.stat-link{border-top:3px solid #e50928;cursor:pointer}.stat-link .stat-icon{background:#fff0f2;color:#e50928}.stat-link .stat-icon .icon{color:inherit}.stat-link strong{color:#d90928}.stat-link .stat-action{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:10px;font-weight:700;color:#d90928}.stat-action .icon{width:15px;height:15px;transition:transform .2s}.stat-link:hover .stat-action .icon{transform:translateX(3px)}.stat-link:hover,.stat-link:focus-visible{background:#fffafb;border-color:#e50928;box-shadow:0 5px 18px #e5092812}.reference-link{color:#d90928;text-decoration:underline;text-decoration-color:#e5092866;text-underline-offset:4px;font-weight:700}.reference-link strong{color:inherit}.reference-link:hover{color:#a90019;text-decoration-color:currentColor}.arrow-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;min-width:64px;padding:7px 10px;border:1px solid #f3cbd2;background:#fff3f5;border-radius:6px;color:#d90928;font-size:10px;font-weight:700}.arrow-link .icon{width:15px;height:15px}.arrow-link:hover{background:#e50928;border-color:#e50928;color:white}.scroll-reveal{opacity:0;transform:translateY(15px);transition:opacity .55s ease,transform .55s ease}.scroll-reveal.is-revealed{opacity:1;transform:none}@media(max-width:1000px){.topbar-brand img{width:120px}.topbar{gap:10px}}@media(max-width:700px){.topbar-brand{margin:0}.topbar-brand img{width:94px}.topbar .breadcrumb{display:none}.topbar{padding:0 12px}.top-actions .top-date{font-size:8px}.stat-link .stat-action{font-size:9px}.stat-icon{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}@media print{.scroll-reveal{opacity:1!important;transform:none!important}}
/* Quieter metric cards: only linked totals carry the brand colour. */
.stats .stat{padding:21px 23px;border:1px solid #e1e5eb;border-radius:12px;background:linear-gradient(135deg,#fff,#fafbfc);box-shadow:0 2px 5px #18223403;position:relative;overflow:visible}.stats .stat .stat-label{color:#6f7886;font-size:11px}.stats .stat .stat-icon,.stats .stat-link .stat-icon{width:35px;height:35px;background:#eef1f5;color:#77818f;border-radius:10px}.stats .stat .stat-icon .icon{width:18px;height:18px;color:inherit}.stat-value-row{display:flex;align-items:center;justify-content:space-between;margin:7px 0 9px}.stats .stat strong{margin:0;font-size:34px;font-weight:700;letter-spacing:-1px;color:#272d36}.stats .stat-link strong{color:#dc0929}.stat-link-indicator{height:29px;width:29px;display:grid;place-items:center;color:#808a98;background:white;border:1px solid #e4e8ee;border-radius:50%;transition:transform .2s,background .2s}.stat-link-indicator .icon{width:15px;height:15px}.stats .stat small{display:block;color:#9198a2;font-size:10px}.stats .stat .stat-action{border-top:1px solid #e9ecf1;margin-top:17px;padding-top:12px;color:#6f7886;font-size:10px;font-weight:600}.stats .stat-link{transition:translate .22s ease,box-shadow .22s ease,border-color .22s ease}.stats .stat-link:hover,.stats .stat-link:focus-visible{translate:0 -5px;background:white;border-color:#bcc5d1;box-shadow:0 12px 25px #27384d15}.stats .stat-link:hover .stat-link-indicator{transform:translateX(3px);background:#eef1f5}.table-wrap td:last-child:has(.arrow-link),.table-wrap th:last-child{ text-align:right}.table-wrap td:last-child:has(.arrow-link){padding-right:23px}.table-wrap tbody tr{position:relative;transition:translate .18s ease,filter .18s ease}.table-wrap tbody td{transition:background .18s ease,box-shadow .18s ease}.table-wrap tbody tr:nth-child(even) td{background:#fcfdfe}.table-wrap tbody tr:hover,.table-wrap tbody tr:focus-within{translate:0 -2px;filter:drop-shadow(0 5px 5px #26354b12);z-index:1}.table-wrap tbody tr:hover td,.table-wrap tbody tr:focus-within td{background:#f0f3f8;border-bottom-color:#e1e6ee}.table-wrap tbody tr:hover td:first-child,.table-wrap tbody tr:focus-within td:first-child{box-shadow:inset 3px 0 #c5cdd8}.bottom-grid .notice-mini{position:relative;margin:5px 10px;width:calc(100% - 20px);padding:17px 12px;border-radius:8px;transition:translate .2s ease,box-shadow .2s ease,background .2s ease}.bottom-grid a.notice-mini:hover,.bottom-grid a.notice-mini:focus-visible,.bottom-grid .notice-open:hover,.bottom-grid .notice-open:focus-visible{translate:0 -3px;background:#f3f5f9;box-shadow:0 7px 15px #26354b12;z-index:1}.bottom-grid a.notice-mini:hover h3,.bottom-grid a.notice-mini:focus-visible h3{color:#d90928}@media(prefers-reduced-motion:reduce){.stats .stat-link:hover,.stats .stat-link:focus-visible,.table-wrap tbody tr:hover,.table-wrap tbody tr:focus-within,.bottom-grid a.notice-mini:hover,.bottom-grid a.notice-mini:focus-visible,.bottom-grid .notice-open:hover,.bottom-grid .notice-open:focus-visible{translate:none!important}.stat-link-indicator{transition:none!important}}
.push-alert button.alert-product-link{display:inline-flex;margin-top:7px;padding:0;color:#d90928;font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.push-alert button.alert-product-link:hover{color:#a90020}
.stats .stat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:165px;text-align:center;padding:28px 18px 23px;background:#fff;font-family:inherit;width:100%;color:#252c35}.stats .stat>.stat-icon{position:absolute;right:17px;top:17px;width:30px;height:30px;background:#f0f2f5;color:#8992a0;border-radius:8px}.stats .stat .stat-label{display:block;font-size:11px;font-weight:600;text-align:center;padding:0 35px;width:100%;line-height:1.5}.stats .stat .stat-value-row{justify-content:center;margin:14px 0 9px}.stats .stat strong{font-size:36px;line-height:1.1;color:#d90928}.stats .stat small{text-align:center;font-size:10px;color:#8a929e}.stats button.stat{appearance:none;cursor:pointer}.stats .stat:hover small{color:#606a77}.alert-description-row{display:flex;align-items:center;justify-content:space-between;gap:12px 22px;margin-top:4px}.alert-description-row p{flex:1;min-width:0}.push-alert .alert-description-row button.alert-product-link{flex-shrink:0;margin:0;padding:0;white-space:nowrap}.alert-description-row>.text-link{flex-shrink:0;white-space:nowrap}@media(max-width:700px){.alert-description-row{flex-wrap:wrap;gap:7px}.stats .stat{min-height:145px}.stats .stat .stat-label{padding:0 26px;font-size:10px}.stats .stat>.stat-icon{right:11px;top:11px;width:25px;height:25px}.stats .stat strong{font-size:32px}}
.push-alert .alert-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;align-self:center;flex-shrink:0}.push-alert .alert-actions button.alert-product-link{margin:0;padding:0;white-space:nowrap}.push-alert .alert-actions>a{white-space:nowrap}@media(max-width:700px){.push-alert{flex-wrap:wrap}.push-alert .alert-body{flex-basis:calc(100% - 65px)}.push-alert .alert-actions{width:100%;padding-left:61px;justify-content:space-between;gap:10px}}
.demo-notification-trigger{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-notification-trigger small{font-size:8px;color:#9198a2;white-space:nowrap}.page-head .head-actions{align-items:center;flex-wrap:wrap}.alert-slot{scroll-margin-top:96px}@media(max-width:700px){.demo-notification-trigger{align-items:flex-start}.demo-notification-trigger small{font-size:8px}.alert-slot{scroll-margin-top:80px}}

.promotion-countdown{flex-shrink:0;text-align:right;padding:10px 14px;background:#fff;border:1px solid #eadde0;border-radius:9px}.promotion-countdown>span{display:block;font-size:10px;color:#7d8490}.promotion-countdown strong{display:block;margin-top:6px;font-size:21px;color:#d90928;font-variant-numeric:tabular-nums;white-space:nowrap}.promotion-countdown strong small{font-size:9px;font-weight:600;color:#7d8490;margin:0 7px 0 3px}.artwork-promotions .card-header{flex-wrap:wrap;gap:15px}@media(max-width:700px){.promotion-countdown{text-align:left}.promotion-countdown strong{font-size:18px}}

.demonstration-controls{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;border:1px dashed #bac3cf;border-radius:10px;background:#edf0f5;padding:19px 22px;margin-bottom:22px}.demonstration-controls h2{font-size:14px;margin:0 0 7px}.demonstration-controls p{font-size:11px;color:#737d8d;margin:0;max-width:700px}.demo-control-actions{display:flex;gap:9px;flex-shrink:0;flex-wrap:wrap}.demo-control-actions .btn{font-size:10px}@media(max-width:1200px){.demonstration-controls{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.demo-control-actions{width:100%}.demo-control-actions .btn{flex:1}}

.order-search{position:relative;width:320px;max-width:100%}.filters .order-search .input{width:100%;padding-right:38px}.order-search>button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#858d99}.order-search>button[hidden]{display:none}.order-search>button:hover{background:#edf0f5;color:#d90928}.order-search>button .icon{width:15px;height:15px}

#results{overflow:hidden}

.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;border-top:1px solid #edf0f4;font-size:11px;color:#7b8492}.table-pagination>div{display:flex;align-items:center;gap:14px}.table-pagination button:disabled{cursor:default;background:#f7f8fa}@media(max-width:700px){.table-pagination{flex-direction:column;align-items:flex-start}.table-pagination>div{width:100%;justify-content:space-between}}

.table-pagination select{font:inherit;color:#495565;border:1px solid #dfe4eb;border-radius:5px;background:white;padding:5px;margin-left:5px}.table-pagination label{white-space:nowrap}.table-pagination>div{flex-wrap:wrap}

.linked-document{padding:15px 12px;border-radius:8px;transition:background .15s,box-shadow .15s}.linked-document-copy{flex:1}.linked-document h3{color:#d90928;text-decoration:underline;text-underline-offset:3px}.linked-document:hover{background:#f5f6f9;box-shadow:0 4px 12px #26354b12}.order-invoice-note{padding:18px 23px;margin:0;font-size:11px;color:#7e8794;border-top:1px solid #edf0f4}.customer-order-detail .table-wrap td:last-child,.customer-order-detail .table-wrap th:last-child{text-align:right}.customer-order-detail .linked-document .arrow-link{background:#e50928;border-color:#e50928;color:white}

.supplier-contact-name{cursor:help;text-decoration:underline dotted #9aa4b1;text-underline-offset:4px}.supplier-contact-name:hover,.supplier-contact-name:focus-visible{color:#d90928}.supplier-contact-card{position:fixed;z-index:1000;width:270px;max-width:calc(100vw - 24px);padding:19px;background:white;color:#333b48;border:1px solid #e1e5ec;border-radius:10px;box-shadow:0 10px 35px #17223324;pointer-events:none;animation:supplier-card-in .12s ease-out}.supplier-contact-card>strong{display:block;font-size:14px}.supplier-demo-label{display:block;color:#d90928;font-size:9px;margin-top:5px}.supplier-contact-card p{font-size:11px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.supplier-contact-card small{font-size:9px;color:#9098a5}@keyframes supplier-card-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.supplier-contact-card{animation:none}}@media print{.supplier-contact-card{display:none}}

.notification-filters{display:flex;gap:8px;padding:16px 22px;border-bottom:1px solid #edf0f4}.notification-row-open{display:block;text-align:left;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.notification-row-open h3{margin-top:10px}.notice-row[data-notification-row]{cursor:pointer;transition:background .12s}.notice-row[data-notification-row]:hover{background:#f3f5f9}.notification-row-open:focus-visible{outline:2px solid #d90928;outline-offset:5px}

.bottom-grid>.card:only-child{grid-column:1 / -1}
.quantity-table td:last-child,.quantity-table th:last-child{text-align:right}

.status.orange{background:#fff2df;color:#b96c00}

.invoice-lines td:last-child,.invoice-lines th:last-child{text-align:right}.timeline li.completed:before{background:#178961}

.document-header img.supplier-invoice-logo{width:110px;height:72px;object-fit:contain;object-position:left center;cursor:default}.supplier-invoice-brand{cursor:default}

.portal-document-meta{border-top:1px solid #edf0f4;padding-top:15px;margin:15px 0 0;font-size:11px}.portal-document-meta dt{color:#8a929e;font-size:9px;margin:12px 0 4px}.portal-document-meta dd{margin:0;overflow-wrap:anywhere}

.login-box .back-to-pin{display:flex;margin:20px auto 0;font-size:11px;min-height:36px;padding:8px 15px}

.stats.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.updates-actions{display:flex;align-items:center;gap:14px}.updates-actions .btn{font-size:10px}@media(max-width:1100px){.stats.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.updates-actions{flex-wrap:wrap;justify-content:flex-end}}

#alert-slot{position:fixed;top:96px;left:280px;right:34px;z-index:80;pointer-events:none;margin:0}#alert-slot .push-alert{pointer-events:auto;margin:0;box-shadow:0 10px 35px #17233324;background:#fff;animation:floating-alert-in .2s ease-out}.update-modal-intro{display:flex;gap:15px;align-items:center;margin-bottom:25px;padding:17px;background:#f6f7fa;border-radius:10px}.update-modal-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#fff0f3;color:#d90928;flex-shrink:0}.update-modal-intro strong{font-size:13px}.update-modal-intro p{font-size:11px;color:#87909b;margin:5px 0 0}.update-composer-modal .modal-head{border-top:4px solid #e50928}.update-composer-modal textarea{resize:vertical;min-height:130px}.update-composer-modal .form-field{margin-bottom:19px}.update-composer-modal form>.btn{width:100%}.queued-confirmation{text-align:center;padding:12px 15px}.queued-check{display:grid;place-items:center;background:#e7f5ee;color:#16845b;width:60px;height:60px;border-radius:50%;font-size:28px;margin:0 auto 20px}.queued-confirmation h3{font-size:18px}.queued-confirmation p{color:#838c99;font-size:12px}.update-queued-modal .modal-footer{justify-content:center}.update-queued-modal .modal-footer .btn{min-width:120px}@keyframes floating-alert-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:700px){#alert-slot{top:80px;left:16px;right:16px}}@media(prefers-reduced-motion:reduce){#alert-slot .push-alert{animation:none}}@media print{#alert-slot{display:none}}

.alert-notice-open{display:block;text-align:left;border:0;background:transparent;font:inherit;color:inherit;padding:0;cursor:pointer;min-width:0}.alert-read-hint{display:inline-block;font-size:9px;font-weight:700;color:#d90928;margin-top:5px}.alert-notice-open:hover h3{text-decoration:underline;text-underline-offset:3px}.push-alert[data-alert-notice]{cursor:pointer}.alert-notice-open:focus-visible{outline:2px solid #d90928;outline-offset:5px;border-radius:3px}

.zone-admin-control{padding:14px 18px;border-top:1px solid #edf0f4;background:#fafbfc}.zone-admin-control .btn{width:100%;font-size:10px}.zone-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zone-enabled{display:flex;gap:9px;align-items:center;font-size:12px}.zone-enabled input{accent-color:#e50928}.zone-demo-note{font-size:10px;margin:18px 0}.zone-form-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:600px){.zone-date-fields{grid-template-columns:1fr}}

.identity-role{display:block;color:#d90928;font-size:9px;font-weight:700;margin-top:5px}.engagement-summary{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:15px;margin-top:14px;border-top:1px solid #e8ecf1;font-size:10px;color:#89929e}.engagement-summary strong{color:#3d4859;font-size:13px;margin-right:4px}

.announcement-row-content{width:100%;min-width:0}.announcement-row-content p{overflow-wrap:anywhere}.announcement-filters{flex-wrap:wrap}.announcement-filters select.input{width:auto;min-width:145px}

.bell-count{position:absolute;top:0;right:-6px;min-width:17px;height:17px;padding:1px 4px;display:grid;place-items:center;border-radius:8px;background:#e50928;border:2px solid white;color:white;font-size:8px;font-weight:700;line-height:1}.announcement-open{width:100%;margin-top:9px}.announcement-open h3{margin-top:0}.announcement-open:hover h3{color:#d90928}

#paged-announcements .notice-row.unread{background:#fff5f7;box-shadow:inset 3px 0 #ed002b}
#paged-announcements .notice-row{align-items:flex-start;gap:20px}
#paged-announcements .announcement-row-content{flex:1;min-width:0}