.bye-portal{--bye-red:#e50920;--bye-green:#48a715;--bye-ink:#17191d;font-family:Arial,Helvetica,sans-serif;color:var(--bye-ink);font-size:15px;line-height:1.5;max-width:1350px;margin:28px auto;background:#f6f7f8;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #00000012}.bye-portal *{box-sizing:border-box}.bye-portal-shell{display:grid;grid-template-columns:210px minmax(0,1fr)}.bye-portal-side{background:#fff;padding:28px 14px;border-right:1px solid #e8e8e8}.bye-portal-brand{padding:0 12px 28px}.bye-portal-brand strong{font-size:36px;color:var(--bye-red);font-style:italic;display:block;line-height:1}.bye-portal-brand small{font-size:10px;letter-spacing:1.2px}.bye-portal-side nav{display:grid;gap:8px}.bye-portal-side nav a{display:block;padding:12px 14px;color:#292929;text-decoration:none!important;border-radius:10px;font-weight:600}.bye-portal-side nav a:hover,.bye-portal-side nav .bye-nav-active{background:var(--bye-red);color:white}.bye-portal-side-note{padding:22px 12px;color:#777;font-size:12px}.bye-portal-main{min-width:0;padding:0 22px 25px}.bye-portal-hero{margin:0 -22px 22px;min-height:255px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 42px;color:#fff;background:linear-gradient(110deg,#9d0814 0%,#db071f 55%,#253d22 100%);overflow:hidden}.bye-hero-copy{max-width:540px;position:relative;z-index:1}.bye-hero-copy>span:first-child{font-size:12px;letter-spacing:2px}.bye-hero-copy h2{font-size:clamp(28px,4vw,48px);line-height:1.12;color:#fff;margin:12px 0!important;font-weight:800}.bye-hero-copy h3{font-size:20px;color:#fff;margin:0 0 8px!important}.bye-hero-copy p{color:#fff;margin:0 0 15px}.bye-hero-rate{display:inline-block;background:#ffffff30;border:1px solid #ffffff60;padding:5px 12px;border-radius:30px;font-weight:bold}.bye-hero-art{display:flex;align-items:center;justify-content:center;min-width:180px}.bye-hero-disc{border:8px solid #ffffff44;border-radius:50%;width:175px;height:175px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-10deg);font-size:28px;line-height:1.1;font-weight:900;color:#fff;text-shadow:0 3px 10px #0005}.bye-portal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.bye-kpi{background:white;border-radius:13px;padding:20px;min-width:0;box-shadow:0 2px 10px #00000008}.bye-kpi-red{background:#fff0f1}.bye-kpi-green{background:#eff9e9}.bye-kpi span,.bye-kpi small{display:block}.bye-kpi span{font-weight:700}.bye-kpi strong{display:block;font-size:clamp(22px,2.5vw,31px);margin:8px 0;white-space:nowrap}.bye-kpi small{font-size:11px;color:#696969}.bye-portal-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.bye-panel{background:#fff;border-radius:13px;padding:22px;min-width:0;box-shadow:0 2px 10px #00000008}.bye-panel-tint{background:#fff2f2}.bye-panel-green{background:#f0f9e9}.bye-panel h3{font-size:21px;font-weight:800;margin:0 0 9px!important;color:#1c1c1c}.bye-panel p{margin:0 0 15px;color:#5e5e5e;font-size:13px}.bye-input-row{display:flex;gap:8px}.bye-portal input,.bye-portal select{width:100%;min-width:0;max-width:100%;border:1px solid #dedede;background:#fff;border-radius:7px;padding:11px 10px;font-size:13px;color:#222}.bye-portal select{margin-bottom:10px}.bye-portal button{white-space:nowrap;border:0;background:var(--bye-red);color:#fff;font-weight:700;border-radius:7px;padding:10px 13px;cursor:pointer}.bye-portal button:hover{filter:brightness(.9)}.bye-make-link,.bye-copy-generated{background:var(--bye-green)!important}.bye-generated{display:flex;gap:8px;margin-top:9px}.bye-generated[hidden]{display:none}.bye-feedback{font-size:12px;display:block;margin-top:6px;color:#247a12;min-height:1em}.bye-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.bye-panel-heading span{color:var(--bye-red);font-weight:700}.bye-table-scroll{overflow-x:auto}.bye-orders table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.bye-orders th,.bye-orders td{padding:13px 10px;text-align:left;border-bottom:1px solid #eee}.bye-orders th{background:#f6f7f8;font-weight:700}.bye-status{background:#eaf7e4;color:#276d19;padding:5px 9px;border-radius:6px;font-weight:600}.bye-small{font-size:11px!important;color:#777!important;margin-top:12px!important}.bye-portal-footer{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:1000px){.bye-portal-shell{grid-template-columns:1fr}.bye-portal-side{border-right:0;border-bottom:1px solid #eee;padding:15px}.bye-portal-brand{padding:0 0 10px}.bye-portal-side nav{display:flex;flex-wrap:wrap;gap:4px}.bye-portal-side-note{display:none}}@media(max-width:700px){.bye-portal-main{padding:0 12px 15px}.bye-portal-hero{margin:0 -12px 14px;padding:24px;min-height:210px}.bye-hero-art{display:none}.bye-portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bye-portal-tools,.bye-portal-footer{grid-template-columns:1fr;gap:10px}.bye-kpi,.bye-panel{padding:15px}.bye-kpi strong{font-size:23px}.bye-input-row{flex-wrap:wrap}.bye-input-row button{width:100%}}

/* 0.4.1: Full-width partner portal and authentic BYE! product imagery */
.bye-portal{width:min(1360px,calc(100vw - 32px));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:22px 0 35px;overflow:hidden;font-variant-numeric:tabular-nums}
.bye-portal-shell{grid-template-columns:220px minmax(0,1fr)}
.bye-portal-main{padding:0 24px 28px}
.bye-portal-hero{margin:0 -24px 22px;min-height:280px;padding:35px 38px;position:relative;background:linear-gradient(90deg,#990d1c 0%,#c40c21 48%,rgba(26,41,25,.88) 78%,rgba(19,33,20,.9) 100%),var(--bye-bars) right center/cover no-repeat}
.bye-hero-copy{max-width:55%}.bye-hero-art{position:relative;align-self:stretch;flex:1;min-width:225px;max-width:380px;overflow:visible}
.bye-hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.3))}
.bye-hero-pouch{height:260px;right:75px;bottom:-18px;transform:rotate(-7deg)}
.bye-hero-gel{height:225px;right:-12px;bottom:-17px;transform:rotate(9deg)}
.bye-portal-kpis{gap:15px}.bye-kpi{padding:20px 16px;border:1px solid #ededed}.bye-kpi strong{font-size:clamp(21px,2.1vw,31px);white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:-.6px}.bye-kpi strong .woocommerce-Price-amount{white-space:nowrap;display:inline-block}.bye-kpi strong .woocommerce-Price-currencySymbol{display:inline}
.bye-kpi span{font-size:13px}.bye-kpi small{line-height:1.35}
.bye-panel{border:1px solid #ededed}.bye-panel h3{font-size:19px}
.bye-portal-side{padding-top:30px}.bye-portal-side nav a{transition:background .15s ease}
.bye-portal-footer .bye-panel-green{background:linear-gradient(110deg,#eff9e9,#fff)}
@media(max-width:1050px){.bye-portal-shell{grid-template-columns:185px minmax(0,1fr)}.bye-portal-main{padding:0 16px 20px}.bye-portal-hero{margin:0 -16px 18px;padding:26px;min-height:245px}.bye-hero-copy{max-width:58%}.bye-hero-pouch{height:225px;right:50px}.bye-hero-gel{height:195px;right:-15px}.bye-kpi{padding:16px 11px}.bye-kpi strong{font-size:23px}}
@media(max-width:820px){.bye-portal-shell{grid-template-columns:1fr}.bye-portal-side{padding:14px}.bye-portal-brand{padding-bottom:10px}.bye-portal-side nav{display:flex;flex-wrap:wrap}.bye-portal-side-note{display:none}.bye-portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bye-hero-copy{max-width:60%}}
@media(max-width:560px){.bye-portal{width:calc(100vw - 20px)}.bye-portal-main{padding:0 12px 15px}.bye-portal-hero{margin:0 -12px 15px;min-height:220px;padding:20px 16px}.bye-hero-copy{max-width:72%}.bye-hero-copy h2{font-size:29px}.bye-hero-copy h3{font-size:17px}.bye-hero-copy p{font-size:12px}.bye-hero-art{display:block;min-width:0;flex:1;opacity:.6}.bye-hero-pouch{height:170px;right:-16px;bottom:0}.bye-hero-gel{height:130px;right:-34px;bottom:0}.bye-kpi strong{font-size:24px}.bye-portal-tools,.bye-portal-footer{grid-template-columns:1fr}}

/* 0.6.0 BYE! brand refinements */
.bye-portal-brand img{display:block;width:155px;max-width:100%;height:auto;border-radius:9px}.bye-portal-brand small{display:block;margin-top:10px;color:#5b5d63;font-size:11px;font-weight:700;letter-spacing:1.4px}.bye-boost-text{position:absolute;right:0;top:0;font-weight:900;font-size:clamp(18px,2.1vw,32px);line-height:1.02;letter-spacing:-1px;text-align:right;color:#fff;text-shadow:0 3px 10px #0008;transform:rotate(-4deg)}.bye-hero-pouch{right:105px}.bye-hero-gel{right:8px}.bye-portal a:focus-visible,.bye-portal button:focus-visible{outline:3px solid #70b833;outline-offset:3px}.bye-portal .bye-portal-hero{background-color:#9b101c}.bye-portal-side nav a:focus-visible{outline-offset:-3px}@media(max-width:560px){.bye-boost-text{display:none}.bye-portal-brand img{width:125px}}

/* 0.7.0 — clean BYE! partner interface, without inaccurate product renders */
.bye-portal{--bye-red:#d7192d;--bye-green:#398c23;background:#f7f8fa;box-shadow:0 15px 45px #00000012}
.bye-portal-side{border-right:1px solid #e8e9ec}.bye-portal-brand img{border-radius:7px;width:160px}.bye-portal-main{padding-bottom:30px}
.bye-portal .bye-portal-hero{background:linear-gradient(108deg,#a60820 0%,#d7192d 47%,#23242a 100%);min-height:275px}
.bye-hero-art{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:170px;max-width:290px;position:relative}.bye-boost-text{position:static;font-size:clamp(28px,3.2vw,51px);transform:rotate(-4deg);text-shadow:none;line-height:1;letter-spacing:-2px}.bye-hero-brandline{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#a9e97d;margin-top:17px}
.bye-portal .bye-kpi{background:linear-gradient(140deg,#fff,#fafafa);border:1px solid #eceef0;min-height:135px}.bye-portal .bye-kpi-red{background:linear-gradient(140deg,#fff0f1,#fff)}.bye-portal .bye-kpi-green{background:linear-gradient(140deg,#eaf8e8,#fff)}
.bye-portal .bye-kpi strong{font-size:clamp(23px,2.4vw,33px);font-weight:800}.bye-portal .bye-kpi span{font-size:13px}.bye-portal .bye-kpi small{font-size:11px}
.bye-portal .bye-panel{border:1px solid #eceef0}.bye-portal .bye-panel-tint{background:linear-gradient(120deg,#fff0f1,#fff)}.bye-portal .bye-panel-green{background:linear-gradient(120deg,#eaf8e8,#fff)}
.bye-portal .bye-action-link{display:inline-flex;text-decoration:none!important;background:#d7192d;color:#fff!important;padding:10px 14px;border-radius:8px;font-weight:800;font-size:12px}.bye-portal .bye-action-green{background:#398c23}
.bye-portal .bye-status{background:#eaf8e8;color:#246d19}.bye-portal .bye-panel-heading h3{margin:0!important}
@media(max-width:560px){.bye-hero-art{display:none}.bye-hero-copy{max-width:100%}.bye-portal .bye-portal-hero{min-height:210px}.bye-portal .bye-kpi{min-height:110px}}