/* Hallmark · shape: app screen · genre: modern-minimal · theme: Rubellite supplied brand · redesign: full
 * paper: light neutral · accent: user ruby palette · display: Avenir · body: Avenir
 * nav: top pills with icon rail · signature: real expiry and customer follow-up cards · states: loading empty error full
 * surface: absolute · posture: white surfaces and ruby actions · copy: verbatim · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E3 S4 R4 V3 · weakest: E, preserve the scanner focus and validate narrow screens */
/* Hallmark · waive 7b · white paper is explicitly requested · Rubellite uses the supplied white and black brand anchors */
@import url("./tokens.css");
@import url("./base.css");
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-LightOblique.otf") format("opentype");font-weight:300;font-style:oblique;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-Book.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-BookOblique.otf") format("opentype");font-weight:400;font-style:oblique;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-MediumOblique.otf") format("opentype");font-weight:500;font-style:oblique;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-Heavy.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-HeavyOblique.otf") format("opentype");font-weight:700;font-style:oblique;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-Black.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:"Avenir";src:url("/assets/fonts/AvenirLTStd-BlackOblique.otf") format("opentype");font-weight:900;font-style:oblique;font-display:swap;}
@font-face{font-family:"Avenir Roman";src:url("/assets/fonts/AvenirLTStd-Roman.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Avenir Roman";src:url("/assets/fonts/AvenirLTStd-Oblique.otf") format("opentype");font-weight:400;font-style:oblique;font-display:swap;}
:root{font-family:var(--legacy-font-1);color:var(--legacy-color-1);background:var(--legacy-color-2);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-legacy-1);border:1px solid var(--legacy-color-3);background:var(--legacy-color-4);color:var(--legacy-color-5);border-radius:7px;padding:var(--space-legacy-2) var(--space-legacy-3);font-size:14px;font-weight:600}@media(hover:hover) and (pointer:fine){button:hover{background:var(--legacy-color-6)}}button:disabled{opacity:.65;cursor:not-allowed;background:var(--color-paper-3);color:var(--color-muted)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus,select:focus{outline:3px solid var(--legacy-color-7);outline-offset:2px}.shell{display:flex;min-height:100vh}aside{width:230px;position:fixed;inset:0 auto 0 0;background:var(--legacy-color-8);border-right:1px solid var(--legacy-color-9);display:flex;flex-direction:column;padding:var(--space-legacy-4) var(--space-legacy-5)}.brand{font-family:var(--legacy-font-2);font-size:30px;letter-spacing:-1px;position:relative;padding-left:var(--space-legacy-6)}.brand>span{position:absolute;left:0;top:3px;color:var(--legacy-color-10)}.brand small{display:block;font:8px Arial;letter-spacing:0;margin-top:var(--space-legacy-7);color:var(--legacy-color-11)}.navlabel{font-size:10px;letter-spacing:0;color:var(--legacy-color-12);margin:var(--space-legacy-8) var(--space-legacy-9) var(--space-legacy-10)}nav{display:grid;gap:var(--space-legacy-7)}nav button{justify-content:flex-start;border:0;padding:var(--space-legacy-3);font-size:14px;font-weight:500;color:var(--legacy-color-13)}nav button.active{background:var(--legacy-color-14);color:var(--legacy-color-15);font-weight:600}.asidebottom{margin-top:auto;border-top:1px solid var(--legacy-color-16);padding-top:var(--space-legacy-11);display:flex;align-items:center;gap:var(--space-legacy-2);font-size:13px}.avatar{border-radius:50%;background:var(--legacy-color-17);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--legacy-color-18);font-weight:600}.workspace{margin-left:var(--space-legacy-12);width:calc(100% - 230px)}header{height:76px;background:var(--legacy-color-8);border-bottom:1px solid var(--legacy-color-19);padding:0 var(--space-legacy-13);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--legacy-color-20)}header>div{display:flex;align-items:center;gap:var(--space-legacy-2)}.dot{width:6px;height:6px;background:var(--legacy-color-21);border-radius:50%}header .avatar{margin-left:var(--space-legacy-10)}main{max-width:1440px;margin:auto;padding:var(--space-legacy-14) var(--space-legacy-13) 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-legacy-15);gap:var(--space-legacy-5)}.eyebrow{font-size:10px;letter-spacing:0;color:var(--legacy-color-22);font-weight:600;margin:0 0 var(--space-legacy-16)}h1{font-family:var(--legacy-font-2);font-weight:400;font-size:29px;letter-spacing:-.5px;margin:0 0 var(--space-legacy-17)}h2{font-size:16px;margin:0;font-weight:600}h3{font-size:16px}.sub{color:var(--legacy-color-23);font-size:14px;line-height:1.6;margin:0}.primary{background:var(--legacy-color-24);color:var(--legacy-color-8);border-color:var(--legacy-color-24);white-space:nowrap;padding:var(--space-legacy-16) var(--space-legacy-18)}@media(hover:hover) and (pointer:fine){.primary:hover{background:var(--legacy-color-25)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-legacy-18);margin-bottom:var(--space-legacy-19)}.stats article{background:var(--legacy-color-4);border:1px solid var(--legacy-color-26);border-radius:10px;position:relative;padding:var(--space-legacy-20) var(--space-legacy-21);min-height:147px}.stats article>span:first-child{font-size:13px;color:var(--legacy-color-27)}.stats h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:var(--space-legacy-18) 0 var(--space-legacy-17)}.stats em{font-style:normal;font-size:15px;color:var(--legacy-color-28);letter-spacing:0}.stats article>svg,.amber{position:absolute;right:20px;top:22px;color:var(--legacy-color-29);width:19px}.amber{color:var(--legacy-color-30)}.stats small,small{display:block;color:var(--legacy-color-31);font-size:12px;margin-top:var(--space-legacy-22);line-height:1.5}.overviewgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:var(--space-legacy-20)}.panel{border:1px solid var(--legacy-color-32);border-radius:10px;background:var(--legacy-color-8);overflow:hidden}.sectionhead{padding:var(--space-legacy-11);display:flex;align-items:center;justify-content:space-between;gap:var(--space-legacy-10)}.sectionhead p:not(.eyebrow){font-size:12px;color:var(--legacy-color-28);margin:var(--space-legacy-1) 0 0}.link{border:0;background:transparent;padding:0;font-size:12px}.badge{background:var(--legacy-color-33);border-radius:6px;padding:var(--space-legacy-23) var(--space-legacy-24);font-size:12px;color:var(--legacy-color-34)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:var(--legacy-color-35);color:var(--legacy-color-36);font-size:11px;font-weight:500;padding:var(--space-legacy-3) var(--space-legacy-11);border-block:1px solid var(--legacy-color-37)}td{padding:var(--space-legacy-25) var(--space-legacy-11);border-bottom:1px solid var(--legacy-color-37)}tr:last-child td{border-bottom:0}strong{font-weight:600}.stockrow{display:flex;align-items:center;gap:var(--space-legacy-17);padding:var(--space-legacy-26) var(--space-legacy-11);border-top:1px solid var(--legacy-color-38);font-size:13px}.producticon{background:var(--legacy-color-39);padding:var(--space-legacy-2);border-radius:7px;color:var(--legacy-color-40)}.pill{display:inline-block;font-size:11px;padding:var(--space-legacy-22) var(--space-legacy-24);border-radius:5px;white-space:nowrap}.stockrow .pill{margin-left:auto}.warn{color:var(--legacy-color-41);background:var(--legacy-color-42)}.ok{color:var(--legacy-color-43);background:var(--legacy-color-44)}.full{width:calc(100% - 44px);margin:var(--space-legacy-10) var(--space-legacy-11);justify-content:space-between;font-size:12px}.tip{display:flex;gap:var(--space-legacy-26);align-items:center;background:var(--legacy-color-45);border:1px solid var(--legacy-color-46);border-radius:9px;margin-top:var(--space-legacy-27);padding:var(--space-legacy-20);color:var(--legacy-color-47);font-size:13px}.tip p{font-size:12px;color:var(--legacy-color-48);margin-bottom:0}.tip>button{margin-left:auto;background:transparent;border:0;font-size:12px}.tip>svg{color:var(--legacy-color-49)}footer{font-size:11px;color:var(--legacy-color-50);text-align:center;padding:var(--space-legacy-28) 0}.empty{text-align:center;padding:var(--space-legacy-29) var(--space-legacy-30);color:var(--legacy-color-51);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty>svg{color:var(--legacy-color-52);width:30px;height:30px}.empty h3{color:var(--legacy-color-53);margin:var(--space-legacy-26) 0 0;font-weight:500}.empty p{font-size:13px;max-width:320px;line-height:1.7}.toolbar{display:flex;align-items:center;gap:var(--space-legacy-16);margin-bottom:var(--space-legacy-5);color:var(--legacy-color-54);font-size:12px}.search{display:flex;align-items:center;gap:var(--space-legacy-2);background:var(--legacy-color-4);border:1px solid var(--legacy-color-55);border-radius:7px;padding:0 var(--space-legacy-9);width:340px;margin-right:auto}.search input{border:0;min-width:0;width:100%;padding:var(--space-legacy-16) 0;background:transparent}.toolbar button{font-size:12px}.history{margin-top:var(--space-legacy-30)}.overlay{position:fixed;inset:0;z-index:10;background:var(--legacy-color-56);display:flex;align-items:center;justify-content:center;padding:var(--space-legacy-30);backdrop-filter:blur(3px)}.dialog{width:520px;max-height:90vh;overflow:auto;background:var(--legacy-color-4);border-radius:14px;box-shadow:0 20px 90px var(--legacy-color-57)}.dialog .sectionhead{border-bottom:1px solid var(--legacy-color-37)}.dialog form{padding:var(--space-legacy-20)}.dialog label{display:flex;flex-direction:column;gap:var(--space-legacy-1);font-size:13px;font-weight:600;margin-bottom:var(--space-legacy-25)}input,select{border:1px solid var(--legacy-color-58);border-radius:6px;background:var(--legacy-color-8);color:var(--legacy-color-59);padding:var(--space-legacy-17) var(--space-legacy-16);max-width:100%;font-size:14px}.formgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-legacy-10)}.actions{display:flex;justify-content:flex-end;gap:var(--space-legacy-16);border-top:1px solid var(--legacy-color-37);padding-top:var(--space-legacy-11);margin-top:var(--space-legacy-11)}.cartrow{display:flex;align-items:center;gap:var(--space-legacy-16);padding:var(--space-legacy-16) 0;border-bottom:1px solid var(--legacy-color-37);font-size:13px}.cartrow>div{flex:1}.cartrow input{width:70px}.total{display:flex;justify-content:space-between;padding:var(--space-legacy-30) 0;font-size:17px}.error,.success{padding:var(--space-legacy-9) var(--space-legacy-26);border-radius:6px;margin-bottom:var(--space-legacy-31);font-size:14px;line-height:1.5}.error{background:var(--legacy-color-60);color:var(--legacy-color-61)}.success{background:var(--legacy-color-62);color:var(--legacy-color-63);display:flex;gap:var(--space-legacy-24);align-items:center}@media(min-width:1500px){main{padding-top:var(--space-legacy-32)}.stats article{min-height:160px}}@media(max-width:1100px){aside{width:190px}.workspace{margin-left:var(--space-legacy-33);width:calc(100% - 190px)}main{padding:var(--space-legacy-27) var(--space-legacy-30) 0}.stats{grid-template-columns:repeat(2,1fr)}.overviewgrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.heading h1{font-size:25px}}@media(max-width:700px){aside{position:static;width:100%;padding:var(--space-legacy-26)}.shell{display:block}.brand{font-size:24px}.navlabel,.asidebottom{display:none}nav{display:flex;margin-top:var(--space-legacy-11);gap:var(--space-legacy-34);flex-wrap:wrap}nav button{font-size:12px;padding:var(--space-legacy-2)}nav svg{width:15px}.workspace{margin:0;width:100%}header{display:none}.heading{align-items:flex-start;flex-direction:column}main{padding:var(--space-legacy-27) var(--space-legacy-26) 0}.stats{gap:var(--space-legacy-2)}.stats article{padding:var(--space-legacy-31) var(--space-legacy-3)}.stats h2{font-size:25px}.stats article>svg{display:none}.tip{flex-wrap:wrap}.toolbar>span{display:none}.search{width:100%}td,th{padding:var(--space-legacy-10)}.overlay{padding:var(--space-legacy-16)}.dialog{max-height:95vh}}

small,.sub,.sectionhead p:not(.eyebrow),.stats article>span:first-child{color:var(--legacy-color-64)}th{color:var(--legacy-color-65);font-size:12px}.navlabel,.eyebrow{color:var(--legacy-color-66)}.stats small{font-size:12px}.dialog .sub{font-size:13px}

textarea{font:inherit;resize:vertical;border:1px solid var(--legacy-color-58);border-radius:6px;padding:var(--space-legacy-17) var(--space-legacy-16);color:var(--legacy-color-59);background:var(--legacy-color-8);line-height:1.5}button,input,select,textarea{font-size:14px}input,select,textarea{min-height:42px}label{line-height:1.5}button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid var(--legacy-color-7);outline-offset:2px}.sidebar{z-index:2}.headerlogout{border:0;background:transparent;font-size:12px;padding:var(--space-legacy-1)}.compactstats{grid-template-columns:repeat(3,1fr)}.compactstats article{min-height:139px}.stats h2{font-size:26px}.stats .loss h2,.negative{color:var(--legacy-color-67)!important}.muted{color:var(--legacy-color-68)}.warningtext{color:var(--legacy-color-69)!important}.neutral{color:var(--legacy-color-70);background:var(--legacy-color-71)}.rowaction{border:0;background:transparent;padding:var(--space-legacy-23);color:var(--legacy-color-72);font-size:12px;white-space:nowrap}.rowbuttons{display:flex;gap:var(--space-legacy-22);white-space:nowrap}.rowbuttons button{font-size:12px;padding:var(--space-legacy-1)}.tablewrap td{max-width:270px}.tablewrap td small{max-width:250px;line-height:1.5}.personcell{display:flex;gap:var(--space-legacy-2);align-items:center}.personcell .avatar{flex-shrink:0}.periodfilters{display:flex;gap:var(--space-legacy-26);align-items:center;margin:var(--space-legacy-35) 0 var(--space-legacy-5);color:var(--legacy-color-73);font-size:12px}.periodfilters label{display:flex;gap:var(--space-legacy-1);align-items:center}.periodfilters input{font-size:12px;min-height:37px;padding:var(--space-legacy-7) var(--space-legacy-2)}.periodfilters span{margin-left:auto}.datatools{margin-top:var(--space-legacy-36);padding-top:var(--space-legacy-5);border-top:1px solid var(--legacy-color-32);display:flex;align-items:center;gap:var(--space-legacy-2)}.datatools>div{display:flex;align-items:center;gap:var(--space-legacy-1);font-size:11px;color:var(--legacy-color-74);margin-right:auto}.datatools button{font-size:11px;padding:var(--space-legacy-1) var(--space-legacy-2)}.metricnote{font-size:11px;color:var(--legacy-color-66);line-height:1.7;margin-top:var(--space-legacy-10)}.secondrow{margin-top:var(--space-legacy-30)}.secondrow .empty{min-height:220px}.clientrevisit{display:flex;align-items:center;gap:var(--space-legacy-16);border:0;border-top:1px solid var(--legacy-color-75);width:100%;padding:var(--space-legacy-26) var(--space-legacy-11);justify-content:flex-start;font-size:13px;text-align:left}.clientrevisit>svg:last-child{margin-left:auto;color:var(--legacy-color-76)}.monthchart{display:flex;gap:var(--space-legacy-5);padding:var(--space-legacy-2) var(--space-legacy-27) var(--space-legacy-11);height:235px;align-items:flex-end}.monthbar{display:flex;flex:1;align-items:center;flex-direction:column;min-width:0}.monthbar>strong{font-size:10px;color:var(--legacy-color-77);font-weight:400;white-space:nowrap;margin-bottom:var(--space-legacy-1)}.monthbar small{font-size:11px}.bartrack{height:140px;width:100%;background:var(--legacy-color-78);border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.bartrack>div{background:var(--legacy-color-79);width:100%;border-radius:5px}.monthbar:last-child .bartrack>div{background:var(--legacy-color-80)}.dialog{width:630px}.dialog.wide{width:min(1080px,96vw)}.dialog .sectionhead{padding:var(--space-legacy-11) var(--space-legacy-37)}.dialog form{padding:var(--space-legacy-37)}.dialog label{font-size:13px;margin-bottom:var(--space-legacy-31);gap:var(--space-legacy-7)}.dialog label small{margin:0;font-size:11px;font-weight:400}.dialog h2{font-size:19px}.moneyinput{position:relative;display:flex;align-items:center}.moneyinput>span{position:absolute;left:12px;top:12px;color:var(--legacy-color-81);font-size:12px;font-weight:400}.moneyinput input{width:100%;padding-left:var(--space-legacy-38)}.profitpreview{background:var(--legacy-color-82);border:1px solid var(--legacy-color-83);border-radius:8px;display:flex;gap:var(--space-legacy-27);padding:var(--space-legacy-18) var(--space-legacy-5)}.profitpreview>div{flex:1}.profitpreview strong{display:block;font-size:21px;font-weight:500;margin-top:var(--space-legacy-7)}.profitpreview small{margin:0;font-size:11px}.formnote{font-size:12px;color:var(--legacy-color-84);line-height:1.7}.infobox{background:var(--legacy-color-85);border:1px solid var(--legacy-color-86);border-radius:7px;color:var(--legacy-color-87);padding:var(--space-legacy-9) var(--space-legacy-10);font-size:12px;line-height:1.7}.fullwidth{width:100%;margin-top:var(--space-legacy-2)}.dialog .saleform{padding:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}.salecontent{padding:var(--space-legacy-27) var(--space-legacy-39)}.stepcaption{display:flex;align-items:center;gap:var(--space-legacy-2);font-size:14px;font-weight:600;margin:var(--space-legacy-7) 0 var(--space-legacy-5)}.stepcaption:not(:first-child){margin-top:var(--space-legacy-39)}.stepcaption>span{background:var(--legacy-color-88);border-radius:50%;width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center;color:var(--legacy-color-89);font-size:12px}.salecontent .search{width:100%}.salesummary{position:static;width:auto;display:block;padding:var(--space-legacy-36) var(--space-legacy-20);background:var(--legacy-color-90);border:0;border-left:1px solid var(--legacy-color-91);height:100%;margin:0}.salesummary h3{margin:0 0 var(--space-legacy-11);font-size:18px}.salesummary .eyebrow{font-size:9px}.salesummary .formnote{font-size:11px}.salesummary dl{font-size:12px}dl{margin:0}dl>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-legacy-10);margin-bottom:var(--space-legacy-10)}dd{margin:0;text-align:right;font-weight:600;white-space:nowrap}dt{color:var(--legacy-color-92)}.summarytotal{border-top:1px solid var(--legacy-color-93);border-bottom:1px solid var(--legacy-color-93);padding:var(--space-legacy-18) 0;margin:var(--space-legacy-31) 0!important}.summarytotal dd{font-size:22px;font-weight:500;letter-spacing:-.5px}.summarytotal dt{font-weight:600;color:var(--legacy-color-94)}.stocknotice{display:flex;align-items:flex-start;gap:var(--space-legacy-24);padding:var(--space-legacy-16);background:var(--legacy-color-95);border-radius:7px;color:var(--legacy-color-96);margin:var(--space-legacy-20) 0}.stocknotice>svg{flex-shrink:0;margin-top:var(--space-legacy-40)}.stocknotice p{margin:0;font-size:11px;line-height:1.65}.productchoices{border:1px solid var(--legacy-color-97);border-radius:7px;max-height:225px;overflow:auto}.productchoices>button{width:100%;border:0;border-bottom:1px solid var(--legacy-color-98);border-radius:0;text-align:left;justify-content:space-between;padding:var(--space-legacy-16) var(--space-legacy-3);gap:var(--space-legacy-16);font-size:12px}.productchoices>button:last-child{border-bottom:0}.productchoices small{font-size:11px}.productchoices>button>span{display:flex;align-items:center;gap:var(--space-legacy-16);white-space:nowrap;font-weight:500}.productchoices>p{padding:0 var(--space-legacy-3)}.basket{margin-top:var(--space-legacy-11);border:1px solid var(--legacy-color-99);border-radius:7px;overflow:hidden}.basketheader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-legacy-9);background:var(--legacy-color-100);gap:var(--space-legacy-2);font-size:12px}.basketheader button{font-size:10px}.basketitem{padding:var(--space-legacy-10);border-top:1px solid var(--legacy-color-101)}.baskettitle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-legacy-16);font-size:13px}.baskettitle button{border:0;padding:var(--space-legacy-7);color:var(--legacy-color-102)}.iteminputs{display:grid;grid-template-columns:80px minmax(100px,1fr) 100px;gap:var(--space-legacy-18);align-items:end;margin-top:var(--space-legacy-26)}.iteminputs label{font-size:11px;margin:0}.iteminputs input{padding-top:var(--space-legacy-2);padding-bottom:var(--space-legacy-2)}.linesubtotal{padding-bottom:var(--space-legacy-2);text-align:right;font-size:14px}.linesubtotal small{margin-bottom:var(--space-legacy-7);font-size:10px}.detailbody{padding:var(--space-legacy-27) var(--space-legacy-39)}.clienthero,.salehero{display:flex;align-items:center;gap:var(--space-legacy-18);margin-bottom:var(--space-legacy-27)}.clienthero h2{font-family:var(--legacy-font-3);font-weight:400;font-size:26px}.clienthero>div{flex:1}.clienthero p{display:flex;gap:var(--space-legacy-24);align-items:center;flex-wrap:wrap;font-size:13px;margin:var(--space-legacy-2) 0;color:var(--legacy-color-103)}.clienthero small{font-size:11px}.avatar.large{width:58px;height:58px;font:25px Georgia}.clientmetrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--legacy-color-104);border-radius:8px;overflow:hidden;margin:var(--space-legacy-20) 0}.clientmetrics>div{padding:var(--space-legacy-31);background:var(--legacy-color-90);border-right:1px solid var(--legacy-color-104)}.clientmetrics>div:last-child{border:0}.clientmetrics small{font-size:11px;margin:0 0 var(--space-legacy-2)}.clientmetrics strong{display:block;font-size:23px;font-weight:500}.clientmetrics .smaller{font-size:16px;margin-top:var(--space-legacy-10)}.clientdetailgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-legacy-36);margin:var(--space-legacy-27) 0}.clientdetailgrid section h3{display:flex;gap:var(--space-legacy-1);align-items:center;font-size:13px}.notes{white-space:pre-wrap;font-size:13px;line-height:1.7;color:var(--legacy-color-105);overflow-wrap:anywhere}.favoriterow{display:flex;gap:var(--space-legacy-2);justify-content:space-between;font-size:12px;padding:var(--space-legacy-1) 0;border-bottom:1px solid var(--legacy-color-106)}.favoriterow strong{white-space:nowrap}.sectionhead.flush{padding:var(--space-legacy-5) 0}.salehero{justify-content:space-between}.salehero h2{font-family:var(--legacy-font-3);font-weight:400;font-size:25px}.salehero .pill{font-size:12px}.detailbody table{font-size:12px}.detailbody th,.detailbody td{padding:var(--space-legacy-3) var(--space-legacy-16)}.invoicebottom{display:grid;grid-template-columns:1fr 300px;gap:var(--space-legacy-41);margin-top:var(--space-legacy-27)}.invoicebottom dl{font-size:13px}.invoicebottom h3{font-size:13px}.dangerlink{color:var(--legacy-color-107)}.danger{background:var(--legacy-color-108);color:var(--legacy-color-4);border-color:var(--legacy-color-108)}@media(hover:hover) and (pointer:fine){.danger:hover{background:var(--legacy-color-109)}}.error{display:flex;gap:var(--space-legacy-2);align-items:flex-start}.error svg{flex-shrink:0;margin-top:var(--space-legacy-40)}.error:has(p){display:block}.authpage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);background:var(--legacy-color-8)}.authart{background:var(--legacy-color-110);padding:var(--space-legacy-42) var(--space-legacy-42);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.authword{display:flex;align-items:center;gap:var(--space-legacy-18);color:var(--legacy-color-111);font:39px Georgia;margin-bottom:var(--space-legacy-43)}.authart h1{font-size:45px;line-height:1.2;color:var(--legacy-color-112)}.authart>p{font-size:16px;line-height:1.8;max-width:330px;color:var(--legacy-color-113)}.authseal{display:flex;align-items:center;gap:var(--space-legacy-2);font-size:12px;color:var(--legacy-color-114);margin-top:var(--space-legacy-44)}.authseal>svg{width:19px}.authmain{display:flex;align-items:center;justify-content:center;padding:var(--space-legacy-41);margin:0;max-width:none}.authform{width:370px}.authform h1{font-size:30px}.authform form{margin-top:var(--space-legacy-36)}.authform label{display:flex;flex-direction:column;gap:var(--space-legacy-1);margin-bottom:var(--space-legacy-5);font-size:13px;font-weight:600}.authform label small{font-weight:400;font-size:11px}.authhint{margin-top:var(--space-legacy-36);text-align:center;font-size:11px;line-height:1.8}.boot{display:flex;min-height:100vh;flex-direction:column;gap:var(--space-legacy-10);align-items:center;justify-content:center;color:var(--legacy-color-115)}.boot svg{width:40px;height:40px}footer span{margin-left:var(--space-legacy-1);color:var(--legacy-color-116)}@media(max-width:1200px){.tablewrap th,.tablewrap td{padding:var(--space-legacy-10) var(--space-legacy-3)}.datatools{flex-wrap:wrap}.datatools>div{width:100%}.stats h2{font-size:24px}.stats article>svg{display:none}.authart{padding:var(--space-legacy-45)}.dialog.wide{width:96vw}}@media(max-width:900px){.compactstats{grid-template-columns:repeat(3,1fr)}.compactstats article{padding:var(--space-legacy-18)}.stats article>span:first-child{font-size:12px}.dialog .saleform{grid-template-columns:1fr}.salesummary{border:0;border-top:1px solid var(--legacy-color-91)}.salesummary dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-legacy-16) var(--space-legacy-36)}.salesummary .summarytotal{grid-column:span 2}.salesummary dl>div{margin:0}.clientmetrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.authart h1{font-size:36px}.authword{font-size:32px}.authmain{padding:var(--space-legacy-36)}.personcell .avatar{display:none}}@media(max-width:700px){.compactstats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compactstats article:last-child{grid-column:span 2}.periodfilters{flex-wrap:wrap}.periodfilters span{width:100%;margin:0}.clienthero{flex-wrap:wrap}.clienthero h2{font-size:22px}.clienthero .avatar{display:none}.clienthero>button{margin-left:auto}.clientdetailgrid{grid-template-columns:1fr;gap:var(--space-legacy-2)}.invoicebottom{grid-template-columns:1fr;gap:var(--space-legacy-27)}.authpage{grid-template-columns:minmax(0,1fr)}.authart{display:none}.authmain{min-height:100vh}.clientmetrics strong{font-size:19px}.clientmetrics .smaller{font-size:14px}.detailbody{padding:var(--space-legacy-5) var(--space-legacy-10)}.salecontent{padding:var(--space-legacy-5) var(--space-legacy-31)}.formgrid{grid-template-columns:1fr}.profitpreview{gap:var(--space-legacy-10);padding:var(--space-legacy-3)}.profitpreview strong{font-size:19px}.salesummary dl{display:block}.salesummary dl>div{margin-bottom:var(--space-legacy-10)}.iteminputs{grid-template-columns:70px 1fr 85px;gap:var(--space-legacy-2)}.basketheader{flex-wrap:wrap}.datatools button{font-size:10px}}

.dialog>.sectionhead{position:sticky;top:0;z-index:4;background:var(--legacy-color-8)}.salesummary{position:sticky;top:88px;align-self:start;height:auto;max-height:calc(90vh - 88px);overflow:auto}@media(max-width:900px){.salesummary{position:static;max-height:none}}



.expirypanel{margin-bottom:var(--space-legacy-30)}.expirypanel h2{display:flex;align-items:center;gap:var(--space-legacy-1)}.expirypanel h2 svg{color:var(--legacy-color-117)}.expiryrow{display:flex;align-items:center;gap:var(--space-legacy-10);padding:var(--space-legacy-26) var(--space-legacy-11);border-top:1px solid var(--legacy-color-37);font-size:13px}.expiryrow>div{flex:1}.expiryrow button{font-size:12px;padding:var(--space-legacy-1) var(--space-legacy-16)}.expiryrow.expired{background:var(--legacy-color-118)}.expiredpill{background:var(--legacy-color-119);color:var(--legacy-color-120)}.expiryempty{display:flex;align-items:center;gap:var(--space-legacy-2);padding:var(--space-legacy-1) var(--space-legacy-11) var(--space-legacy-18);color:var(--legacy-color-121);font-size:13px}.expiryhint{font-size:11px;line-height:1.6;color:var(--legacy-color-122);padding:0 var(--space-legacy-11) var(--space-legacy-18);margin:0}@media(max-width:700px){.expiryrow{flex-wrap:wrap}.expiryrow>div{flex-basis:100%}}



/* Identidade oficial: imagem original, sem distorção ou corte. */

.brand{display:block;padding-left:0;letter-spacing:normal}.brand-logo{display:block;width:100%;max-width:190px;height:auto;object-fit:contain}.brand small{font-size:8px;letter-spacing:0;margin-top:var(--space-legacy-23);text-align:center}.authword{width:100%}.auth-logo{display:block;width:310px;max-width:100%;height:auto;object-fit:contain}.auth-mobile-logo{display:none}@media(max-width:700px){.auth-mobile-logo{display:block;width:210px;max-width:100%;height:auto;margin-bottom:var(--space-legacy-39)}.brand-logo{max-width:190px}}



/* Logo compacta, sem assinatura abaixo no menu. */

.brand-logo{max-width:145px}.auth-logo{width:250px}.auth-mobile-logo{width:175px}@media(max-width:700px){.brand-logo{max-width:145px}.auth-mobile-logo{width:175px}}



.productphoto{width:44px;height:48px;flex:0 0 44px;background:var(--legacy-color-123);border:1px solid var(--legacy-color-124);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--legacy-color-125);overflow:hidden}.productphoto img{display:block;width:100%;height:100%;object-fit:contain;background:var(--legacy-color-8)}.productwithphoto{display:flex;align-items:center;gap:var(--space-legacy-16)}.productwithphoto>div{min-width:130px}.largephoto{width:112px;height:120px;flex-basis:112px}.photoupload{display:flex;align-items:center;gap:var(--space-legacy-5);padding:0 0 var(--space-legacy-20);margin-bottom:var(--space-legacy-11);border-bottom:1px solid var(--legacy-color-126);font-size:14px}.photoupload small{font-weight:400;font-size:11px;margin:var(--space-legacy-1) 0 var(--space-legacy-16)}.photopicker{display:inline-flex!important;flex-direction:row!important;border:1px solid var(--legacy-color-127);border-radius:6px;padding:var(--space-legacy-1) var(--space-legacy-16);cursor:pointer;margin:0!important;font-size:12px!important;position:relative;overflow:hidden}.photopicker:focus-within{outline:3px solid var(--legacy-color-7);outline-offset:2px}.photopicker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.removephoto{font-size:11px;margin-left:var(--space-legacy-16)}.productchoices>button>div{flex:1}.baskettitle>div{flex:1}.expiryrow>.productphoto{flex:0 0 44px}


.authswitch{display:flex;gap:var(--space-legacy-1);align-items:center;justify-content:center;font-size:12px;margin-top:var(--space-legacy-11);color:var(--legacy-color-84)}.authswitch button{font-size:12px}.authmain{padding-block:var(--space-legacy-36)}.authform form{margin-top:var(--space-legacy-11)}.authform label{margin-bottom:var(--space-legacy-10)}.legacynotice{border:1px solid var(--legacy-color-128);background:var(--legacy-color-129);padding:var(--space-legacy-16) var(--space-legacy-10);border-radius:7px;margin-bottom:var(--space-legacy-31)}.legacynotice p{font-size:12px;line-height:1.6;color:var(--legacy-color-130);margin-top:0}.legacynotice label{margin-bottom:0}.accountlabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountlabel small{overflow:hidden;text-overflow:ellipsis}.asidebottom .avatar{flex-shrink:0}

.barcodesale{padding:var(--space-legacy-18);background:var(--legacy-color-131);border:1px solid var(--legacy-color-132);border-radius:9px;margin:0 0 var(--space-legacy-21)}.barcodeheading{display:flex;align-items:center;gap:var(--space-legacy-2);margin-bottom:var(--space-legacy-9);color:var(--legacy-color-133)}.barcodeheading strong{font-size:14px}.barcodeheading small{font-size:11px;font-weight:400;margin-top:var(--space-legacy-23);line-height:1.6}.barcodeentry{display:flex;align-items:stretch;gap:var(--space-legacy-1);min-width:0}.barcodeentry input{min-width:0;flex:1;font-family:var(--legacy-font-4)}.barcodeentry button{flex-shrink:0;white-space:nowrap;align-self:stretch}.barcodeactions{display:flex;align-items:center;gap:var(--space-legacy-16);margin-top:var(--space-legacy-17)}.barcodeactions small{font-size:11px;line-height:1.6;font-weight:400;margin:0}.barcodesale .error{margin-bottom:0}.scansuccess{display:flex;align-items:center;gap:var(--space-legacy-7);font-size:12px;color:var(--legacy-color-134);line-height:1.6;margin:var(--space-legacy-16) 0 0}.productbarcode{display:flex;align-items:center;gap:var(--space-legacy-23);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.barcodecamera{background:var(--legacy-color-8);border:1px solid var(--legacy-color-135);border-radius:8px;padding:var(--space-legacy-16);margin:var(--space-legacy-3) 0 var(--space-legacy-5)}.barcodesale .barcodecamera{margin-bottom:0}.camerahead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-legacy-16);margin-bottom:var(--space-legacy-2)}.camerahead strong{display:flex;align-items:center;gap:var(--space-legacy-7);font-size:13px}.camerahead button{padding:var(--space-legacy-22);min-width:34px;min-height:34px}.camerapreview{position:relative;border-radius:6px;overflow:hidden;background:var(--legacy-color-136);aspect-ratio:16/9}.camerapreview video{display:block;width:100%;height:100%;object-fit:cover}.cameratarget{position:absolute;inset:25% 10%;border:2px solid var(--legacy-color-137);border-radius:7px;pointer-events:none}.barcodecamera p,.barcodecamera>small{font-size:12px;line-height:1.6}.barcodecamera>small{font-weight:400;color:var(--legacy-color-130)}.barcodecamera .error{margin-top:0}
@media(max-width:600px){.barcodeentry{flex-direction:column}.barcodeentry button{justify-content:center;min-height:42px}.barcodeactions{align-items:flex-start;flex-direction:column}.barcodesale{padding:var(--space-legacy-9)}.camerapreview{aspect-ratio:4/3}.barcodeheading{align-items:flex-start}}

/* Reference-led application shell */
html,body{overflow-x:clip}
body{background:var(--legacy-color-138);color:var(--legacy-color-139);font-family:var(--legacy-font-1);line-height:1.5}
h1,h2,h3{overflow-wrap:break-word;min-width:0;text-wrap:balance}
button,input,select,textarea,a{font-family:var(--legacy-font-4)}
button:active{transform:translateY(1px)}
button:disabled,input:disabled,select:disabled,textarea:disabled{background:var(--legacy-color-140);color:var(--legacy-color-141);cursor:not-allowed;opacity:.75}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--legacy-color-142);outline-offset:3px}
button{border-radius:22px;font-weight:500;min-height:40px}
button.primary{background:var(--legacy-color-143);color:var(--legacy-color-35);border-color:var(--legacy-color-143)}@media(hover:hover) and (pointer:fine){
button.primary:hover{background:var(--legacy-color-144)}}
.shell.nexo-shell{display:grid;grid-template-columns:60px minmax(0,1fr);gap:var(--space-legacy-30);width:100%;max-width:1520px;margin:0 auto;padding:var(--space-legacy-30);min-height:100vh}
.nexo-shell .sidebar{position:static;inset:auto;width:60px;min-width:0;height:max-content;margin-top:var(--space-legacy-46);padding:var(--space-legacy-16) var(--space-legacy-22);border:1px solid var(--legacy-color-145);border-radius:40px;background:var(--legacy-color-146);display:flex;flex-direction:column;align-items:center}
.nexo-shell .sidebar .brand,.nexo-shell .navlabel,.nexo-shell .asidebottom{display:none}
.nexo-shell .sidebar nav{display:flex;flex-direction:column;gap:var(--space-legacy-26);margin:0;width:100%}
.nexo-shell .sidebar nav button{border:0;width:44px;height:44px;min-height:44px;justify-content:center;padding:0;border-radius:50%;background:transparent;color:var(--legacy-color-147);position:relative}
.nexo-shell .sidebar nav button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.nexo-shell .sidebar nav button.active{color:var(--legacy-color-35);background:var(--legacy-color-143)}
.nexo-shell .workspace{margin:0;padding:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:var(--space-legacy-30);align-content:start}
.nexo-shell .app-topbar{grid-column:1/-1;height:auto;min-height:52px;border:0;padding:0;margin:0 0 var(--space-legacy-16);background:transparent;display:flex;align-items:center;gap:var(--space-legacy-5);color:var(--legacy-color-148)}
.nexo-shell .app-wordmark{font-size:28px;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}
.nexo-shell .menu-toggle{width:44px;min-width:44px;height:44px;border-radius:50%;border:1px solid var(--legacy-color-149);background:transparent;padding:0}
.nexo-shell .top-navigation{display:flex;gap:var(--space-legacy-1);flex-wrap:wrap}
.nexo-shell .top-navigation button{display:flex;align-items:center;gap:var(--space-legacy-2);padding:var(--space-legacy-2) var(--space-legacy-5);border:1px solid var(--legacy-color-150);border-radius:40px;background:transparent;color:var(--legacy-color-151);font-size:14px;min-height:44px;font-weight:400}
.nexo-shell .top-navigation button.active{background:var(--legacy-color-152);color:var(--legacy-color-35);border-color:var(--legacy-color-152)}
.nexo-shell .top-account{display:flex;align-items:center;gap:var(--space-legacy-16);margin-left:auto;white-space:nowrap}
.nexo-shell .top-account .avatar{background:var(--legacy-color-153);color:var(--legacy-color-154);width:38px;height:38px;font-size:14px}
.nexo-shell .headerlogout{margin:0;border:1px solid var(--legacy-color-149);min-height:40px;color:var(--legacy-color-155)}
.nexo-shell .workspace main{padding:0;margin:0;min-width:0;max-width:none}
.nexo-shell .heading{margin:var(--space-legacy-16) 0 var(--space-legacy-30);align-items:center;gap:var(--space-legacy-5)}
.nexo-shell .heading h1{font-size:34px;letter-spacing:-1.25px;font-weight:500;line-height:1.15;max-width:26ch;margin:0 0 var(--space-legacy-1)}
.nexo-shell .heading .sub{font-size:17px;color:var(--legacy-color-156);line-height:1.5;margin:0;max-width:60ch}
.nexo-shell .heading>.primary{white-space:nowrap}
.nexo-shell .stats{gap:var(--space-legacy-16);margin-bottom:var(--space-legacy-5);grid-template-columns:repeat(2,minmax(0,1fr))}
.nexo-shell .stats article{border:0;border-radius:24px;background:var(--legacy-color-157);box-shadow:none;padding:var(--space-legacy-30);min-height:148px;color:var(--legacy-color-139)}
.nexo-shell .stats article>span{font-size:14px;color:var(--legacy-color-158);display:block;max-width:90%}
.nexo-shell .stats h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;font-weight:400;margin:var(--space-legacy-31) 0 var(--space-legacy-1);font-variant-numeric:tabular-nums}
.nexo-shell .stats article>small{font-size:12px;color:var(--legacy-color-159);line-height:1.5}
.nexo-shell .stats article>svg{color:var(--legacy-color-160);top:24px;right:22px}
.nexo-shell .panel{border:0;border-radius:24px;background:var(--legacy-color-157);box-shadow:none;overflow:hidden}
.nexo-shell .sectionhead{padding:var(--space-legacy-30);gap:var(--space-legacy-16)}
.nexo-shell .sectionhead h2{font-size:17px;font-weight:500;letter-spacing:-.35px}
.nexo-shell .sectionhead p{font-size:12px;color:var(--legacy-color-161);line-height:1.5}
.nexo-shell .overviewgrid{gap:var(--space-legacy-26);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.nexo-shell .secondrow{margin-top:var(--space-legacy-26)}
.nexo-shell .next-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-legacy-26);margin:0 0 var(--space-legacy-5)}
.nexo-shell .opportunity-card{display:flex;align-items:stretch;flex-direction:column;text-align:left;justify-content:start;border:0;border-radius:24px;padding:var(--space-legacy-30);color:var(--legacy-color-162);background:radial-gradient(ellipse at 100% 100%,var(--legacy-color-163),transparent 65%),linear-gradient(145deg,var(--legacy-color-164),var(--legacy-color-165));min-height:220px;box-shadow:none;position:relative;overflow:hidden}
.nexo-shell .opportunity-card.expiry-opportunity{background:radial-gradient(ellipse at 100% 0%,var(--legacy-color-166),transparent 65%),linear-gradient(145deg,var(--legacy-color-167),var(--legacy-color-168))}
.nexo-shell .opportunity-label{display:flex;align-items:center;gap:var(--space-legacy-16);font-size:16px;line-height:1.3;max-width:100%}
.nexo-shell .opportunity-label svg:last-child{margin-left:auto;flex-shrink:0}
.nexo-shell .opportunity-card strong{font-size:38px;letter-spacing:-1px;font-weight:400;line-height:1.2;margin:var(--space-legacy-5) 0 var(--space-legacy-47)}
.nexo-shell .opportunity-card>span:not(.opportunity-label){font-size:12px;line-height:1.5}
.nexo-shell .opportunity-card .opportunity-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-legacy-1);border-top:1px solid var(--legacy-color-169);padding-top:var(--space-legacy-16);margin-top:var(--space-legacy-31)}@media(hover:hover) and (pointer:fine){
.nexo-shell .opportunity-card:hover{filter:brightness(1.06)}}
.nexo-shell .account-insight{position:static;inset:auto;width:auto;max-width:none;padding:var(--space-legacy-39) var(--space-legacy-5);background:var(--legacy-color-170);color:var(--legacy-color-171);grid-column:2;grid-row:2;align-self:stretch;border:0;border-radius:28px;display:flex;flex-direction:column;min-height:760px}
.nexo-shell .insight-identity{display:flex;align-items:center;gap:var(--space-legacy-16);border-bottom:1px solid var(--legacy-color-172);padding:var(--space-legacy-1) 0 var(--space-legacy-39);font-size:17px;line-height:1.4;letter-spacing:-.3px}
.nexo-shell .insight-symbol{width:42px;height:42px;border:1px solid var(--legacy-color-173);border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.nexo-shell .insight-identity small{display:block;color:var(--legacy-color-174);font-size:12px;letter-spacing:0;margin-top:var(--space-legacy-23)}
.nexo-shell .account-insight h2{font-size:29px;font-weight:400;line-height:1.25;letter-spacing:-.8px;margin:var(--space-legacy-48) 0 var(--space-legacy-26)}
.nexo-shell .account-insight>p{font-size:14px;color:var(--legacy-color-174);line-height:1.6;margin:0 0 var(--space-legacy-30)}
.nexo-shell .account-insight button{width:100%;padding:var(--space-legacy-26) var(--space-legacy-16);border:1px solid var(--legacy-color-175);border-radius:24px;background:var(--legacy-color-176);color:var(--legacy-color-177);gap:var(--space-legacy-2);margin:0 0 var(--space-legacy-16);min-height:78px;justify-content:start;text-align:left;line-height:1.4}
.nexo-shell .account-insight button>svg:last-child{margin-left:auto;flex-shrink:0}@media(hover:hover) and (pointer:fine){
.nexo-shell .account-insight button:hover{background:var(--legacy-color-178)}}
.nexo-shell .account-insight button strong{font-size:13px;font-weight:500;display:block}
.nexo-shell .account-insight button small{font-size:11px;color:var(--legacy-color-179);display:block;margin-top:var(--space-legacy-23);line-height:1.5}
.nexo-shell .insight-bottom{margin-top:auto;padding-top:var(--space-legacy-4);display:flex;align-items:center;gap:var(--space-legacy-2);color:var(--legacy-color-174);font-size:12px;line-height:1.6}
.nexo-shell footer{padding:var(--space-legacy-30) 0;font-size:12px;color:var(--legacy-color-180);border:0;line-height:1.5}
.nexo-shell .toolbar{flex-wrap:wrap;gap:var(--space-legacy-16);margin:0 0 var(--space-legacy-5)}
.nexo-shell .toolbar .search{flex:1;min-width:180px}
.nexo-shell .toolbar input,.nexo-shell .toolbar select{border-radius:24px}
.nexo-shell th{font-size:12px;letter-spacing:0;text-transform:none;color:var(--legacy-color-181);background:var(--legacy-color-182)}
.nexo-shell td{font-size:13px;padding:var(--space-legacy-26) var(--space-legacy-5)}
.nexo-shell td small{color:var(--legacy-color-183);font-size:12px}
.nexo-shell .badge{color:var(--legacy-color-184);background:var(--legacy-color-185)}
.nexo-shell .dot{display:none}
.nexo-shell.rail-closed{grid-template-columns:minmax(0,1fr)}
.nexo-shell.rail-closed .sidebar{display:none}
.dialog{border:0;border-radius:24px;background:var(--legacy-color-157);box-shadow:0 24px 80px var(--legacy-color-186)}
.dialog .sectionhead{padding:var(--space-legacy-30) var(--space-legacy-39);border-bottom:1px solid var(--legacy-color-187)}
.dialog h2{font-weight:500;letter-spacing:-.6px;color:var(--legacy-color-188)}
.dialog-context{color:var(--legacy-color-181);font-size:12px;margin:0 0 var(--space-legacy-47);letter-spacing:0;text-transform:none}
.dialog input,.dialog textarea,.dialog select{border-radius:12px}
.authpage{background:var(--legacy-color-138);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.authart{background:var(--legacy-color-170);color:var(--legacy-color-171);border-radius:0 40px 40px 0}
.authart h1{font-size:64px;font-weight:400;line-height:1.05;letter-spacing:-2px;color:var(--legacy-color-171)}
.authart p,.authseal{color:var(--legacy-color-189)}
.auth-logo{filter:brightness(0) invert(1);max-width:240px}
.authform h1{font-weight:500;letter-spacing:-1px;color:var(--legacy-color-190)}
.authform input{border-radius:12px;min-height:48px}
.authform .primary{min-height:48px}
.authform .sub,.authhint,.authswitch{color:var(--legacy-color-181)}
@media(min-width:1500px){.nexo-shell .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.nexo-shell .stats h2{font-size:34px}.nexo-shell .stats article{padding:var(--space-legacy-5)}.nexo-shell .stats article>span{font-size:12px}}
@media(max-width:1180px){.nexo-shell .workspace{grid-template-columns:minmax(0,1fr)}.nexo-shell .account-insight{grid-column:1;grid-row:auto;min-height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-legacy-16);padding:var(--space-legacy-30)}.nexo-shell .insight-identity{grid-column:1/-1;padding:0 0 var(--space-legacy-5)}.nexo-shell .account-insight h2{grid-column:1/-1;margin:var(--space-legacy-1) 0;font-size:28px}.nexo-shell .account-insight>p{grid-column:1/-1;margin:0 0 var(--space-legacy-16)}.nexo-shell .insight-bottom{grid-column:1/-1;padding-top:var(--space-legacy-1)}.nexo-shell .account-insight button{margin:0}.nexo-shell .heading h1{font-size:34px}.nexo-shell .top-navigation button{padding:var(--space-legacy-2) var(--space-legacy-3)}.nexo-shell .app-topbar{gap:var(--space-legacy-16)}}
@media(max-width:760px){.shell.nexo-shell{grid-template-columns:minmax(0,1fr);padding:var(--space-legacy-26);gap:0}.nexo-shell .sidebar{display:none}.nexo-shell .workspace{gap:var(--space-legacy-26)}.nexo-shell .app-topbar{flex-wrap:wrap;margin:0 0 var(--space-legacy-1)}.nexo-shell .app-wordmark{font-size:26px}.nexo-shell .menu-toggle{display:none}.nexo-shell .top-navigation{order:4;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-legacy-22);margin-top:var(--space-legacy-16)}.nexo-shell .top-navigation button{justify-content:center;gap:var(--space-legacy-22);padding:var(--space-legacy-2) var(--space-legacy-22);font-size:12px}.nexo-shell .top-account{margin-left:auto}.nexo-shell .heading{flex-direction:column;align-items:start;gap:var(--space-legacy-26);margin:var(--space-legacy-1) 0 var(--space-legacy-5)}.nexo-shell .heading h1{font-size:31px}.nexo-shell .heading .sub{font-size:15px}.nexo-shell .heading>.primary{min-height:44px}.nexo-shell .stats article{padding:var(--space-legacy-5);min-height:152px}.nexo-shell .stats h2{font-size:32px}.nexo-shell .overviewgrid{grid-template-columns:minmax(0,1fr)}.nexo-shell .next-steps{gap:var(--space-legacy-16)}.nexo-shell .opportunity-card{padding:var(--space-legacy-5)}.nexo-shell .opportunity-label{font-size:14px;flex-wrap:wrap}.nexo-shell .opportunity-card strong{font-size:31px}.nexo-shell .account-insight{grid-template-columns:minmax(0,1fr)}.nexo-shell .account-insight button{min-height:76px}.nexo-shell .sectionhead{padding:var(--space-legacy-5)}.nexo-shell .stats article>svg{display:none}.authart{display:none}.authpage{grid-template-columns:minmax(0,1fr)}.dialog{border-radius:20px}.dialog .sectionhead{padding:var(--space-legacy-5)}.nexo-shell footer{display:block}.nexo-shell footer span{display:block;margin-top:var(--space-legacy-1)}}
@media(max-width:420px){.nexo-shell .top-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.nexo-shell .stats,.nexo-shell .next-steps{grid-template-columns:minmax(0,1fr)}.nexo-shell .stats h2{font-size:40px}.nexo-shell .stats article{min-height:146px}.nexo-shell .opportunity-card{min-height:210px}.nexo-shell .heading h1{font-size:29px}.nexo-shell .heading .sub{font-size:14px}}
@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}.nexo-shell [data-motion-page],.overlay,.dialog{transform:none!important;opacity:1!important}}

.nexo-shell .workspace{width:100%}
h1,h2,h3,.stats h2{font-family:var(--font-body);font-variant-numeric:tabular-nums}
.warn,.neutral,.infobox,.tip,.stocknotice,.producticon,.productphoto{color:var(--color-ink-2)}
@media(min-width:1200px){.nexo-shell .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.nexo-shell .stats h2{font-size:30px}.nexo-shell .stats article{padding:var(--space-legacy-5)}.nexo-shell .stats article>span{font-size:12px}}

.nexo-shell .opportunity-foot{color:var(--color-ink)}

/* Rubellite application refinements */
body{background:var(--rub-white);color:var(--rub-black);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,button,input,select,textarea{font-family:var(--font-body)}
button,a,input,select,textarea{touch-action:manipulation}
button{position:relative;isolation:isolate;overflow:hidden;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out);border-color:var(--rub-line);color:var(--rub-ink);font-weight:500;min-height:42px}
button::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--rub-click);opacity:0;transform:scale(.45);pointer-events:none;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out);z-index:-1}
button:active::after{opacity:1;transform:scale(1)}
button:disabled{cursor:not-allowed;background:var(--rub-soft);color:var(--rub-muted);box-shadow:none;opacity:.7}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rub-primary);outline-offset:4px}
button.primary{background:var(--rub-primary);border-color:var(--rub-primary);color:var(--rub-white);box-shadow:var(--rub-button-shadow)}@media(hover:hover) and (pointer:fine){
button.primary:hover{background:var(--rub-dark);box-shadow:var(--rub-button-hover)}}
input,textarea,select{background:var(--rub-white);color:var(--rub-ink);border-color:var(--rub-input);border-radius:12px;transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}
.rubellite-shell{--shell-gap:var(--space-legacy-30)}
.shell.rubellite-shell{max-width:1560px;padding:var(--space-legacy-39) var(--space-legacy-4);gap:var(--space-legacy-30);grid-template-columns:62px minmax(0,1fr);background:var(--rub-white)}
.rubellite-shell .workspace{width:100%;grid-template-columns:minmax(0,1fr) 266px;gap:var(--space-legacy-30)}
/* Keep the header and its profile above animated cards and the sticky insight panel. */
.rubellite-shell .app-topbar{position:relative;z-index:60;min-height:80px;gap:var(--space-legacy-30);margin:0 0 var(--space-legacy-16);padding:var(--space-legacy-3) var(--space-legacy-5);background:var(--rub-white);border:1px solid var(--rub-line);border-radius:24px;box-shadow:var(--rub-header-shadow)}
.rubellite-shell .app-wordmark{display:flex;align-items:center;flex-shrink:0;line-height:1}
.rubellite-shell .app-wordmark img{width:174px;height:auto;display:block}
.rubellite-shell .menu-toggle{border-color:var(--rub-line);color:var(--rub-muted);width:40px;min-width:40px;height:40px;min-height:40px}
.rubellite-shell .top-navigation{gap:var(--space-legacy-47);padding:var(--space-legacy-47);background:var(--rub-surface);border-radius:18px;align-items:center}
.rubellite-shell .top-navigation button{border:0;background:transparent;color:var(--rub-muted);border-radius:14px;padding:var(--space-legacy-2) var(--space-legacy-10);gap:var(--space-legacy-1);min-height:42px;font-size:14px;font-weight:500;position:relative;isolation:isolate;overflow:visible;box-shadow:none;white-space:nowrap}
.rubellite-shell .top-navigation button.active{background:transparent;color:var(--rub-white)}@media(hover:hover) and (pointer:fine){
.rubellite-shell .top-navigation button:not(.active):hover{background:var(--rub-pale);color:var(--rub-primary)}}
.rubellite-shell .top-navigation button .nav-text,.rubellite-shell .top-navigation button>svg{position:relative;z-index:1}
.rubellite-shell .active-nav-surface{position:absolute;inset:0;z-index:0;border-radius:14px;background:var(--rub-primary);box-shadow:var(--rub-button-shadow);pointer-events:none}
.rubellite-shell .top-account{gap:var(--space-legacy-1)}
.rubellite-shell .top-account .avatar{background:var(--rub-pale);color:var(--rub-primary);font-weight:700;border:1px solid var(--rub-rose-line);width:40px;height:40px}
.rubellite-shell .headerlogout{font-size:12px;border:0;background:transparent;color:var(--rub-muted);gap:var(--space-legacy-22);padding:var(--space-legacy-1);min-height:40px}@media(hover:hover) and (pointer:fine){
.rubellite-shell .headerlogout:hover{color:var(--rub-primary);background:var(--rub-pale)}}
.rubellite-shell .sidebar{margin-top:var(--space-rub-49);width:62px;padding:var(--space-legacy-2) var(--space-legacy-1);border:1px solid var(--rub-line);border-radius:25px;background:var(--rub-white);box-shadow:var(--rub-card-shadow)}
.rubellite-shell .sidebar nav{gap:var(--space-legacy-16)}
.rubellite-shell .sidebar nav button{width:44px;height:44px;color:var(--rub-muted);border-radius:16px}
.rubellite-shell .sidebar nav button.active{background:var(--rub-primary);color:var(--rub-white);box-shadow:var(--rub-button-shadow)}@media(hover:hover) and (pointer:fine){
.rubellite-shell .sidebar nav button:not(.active):hover{background:var(--rub-pale);color:var(--rub-primary)}}
.rubellite-shell .heading{margin:var(--space-legacy-3) 0 var(--space-legacy-37);align-items:center;gap:var(--space-legacy-30)}
.rubellite-shell .heading h1{font-weight:300;font-size:42px;letter-spacing:-1.5px;line-height:1.15;color:var(--rub-black);margin:0 0 var(--space-legacy-1)}
.rubellite-shell .heading .sub{font-size:15px;line-height:1.65;color:var(--rub-muted);max-width:62ch}
.rubellite-shell .heading>.primary{min-height:46px;border-radius:15px;font-size:14px;padding:var(--space-legacy-16) var(--space-legacy-31)}
.rubellite-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-legacy-26);margin-bottom:var(--space-legacy-11)}
.rubellite-shell .stats article{background:var(--rub-white);border:1px solid var(--rub-line);border-radius:22px;padding:var(--space-legacy-30);min-height:156px;box-shadow:var(--rub-card-shadow);position:relative}
.rubellite-shell .stats article>span{font-size:13px;font-weight:500;color:var(--rub-muted);line-height:1.4;max-width:88%}
.rubellite-shell .stats article>svg{color:var(--rub-primary);width:18px;height:18px;top:24px;right:20px}
.rubellite-shell .stats h2{font-size:38px;font-weight:300;letter-spacing:-1.4px;line-height:1.2;margin:var(--space-legacy-31) 0 var(--space-legacy-1);font-variant-numeric:tabular-nums;color:var(--rub-black)}
.rubellite-shell .stats article:first-child h2{color:var(--rub-primary)}
.rubellite-shell .stats article small{font-size:12px;line-height:1.5;color:var(--rub-muted)}
.rubellite-shell .next-steps{gap:var(--space-legacy-31);margin-bottom:var(--space-legacy-30);grid-template-columns:repeat(2,minmax(0,1fr))}
.rubellite-shell .opportunity-card{padding:var(--space-legacy-27);min-height:224px;background:linear-gradient(125deg,var(--rub-dark),var(--rub-primary));color:var(--rub-white);border:1px solid var(--rub-primary);border-radius:24px;box-shadow:var(--rub-feature-shadow);filter:none}@media(hover:hover) and (pointer:fine){
.rubellite-shell .opportunity-card:hover{filter:none;background:linear-gradient(125deg,var(--rub-primary),var(--rub-emphasis))}}
.rubellite-shell .opportunity-card .opportunity-label{font-size:15px;font-weight:500;gap:var(--space-legacy-16);align-items:center}
.rubellite-shell .opportunity-label>svg:first-child{padding:var(--space-legacy-24);box-sizing:content-box;background:var(--rub-on-primary-soft);border-radius:15px;width:20px;height:20px}
.rubellite-shell .opportunity-card strong{font-size:37px;letter-spacing:-1px;font-weight:300;margin:var(--space-legacy-31) 0 var(--space-legacy-47)}
.rubellite-shell .opportunity-card>span{font-size:13px;line-height:1.5}
.rubellite-shell .opportunity-card .opportunity-foot{padding-top:var(--space-legacy-3);margin-top:var(--space-legacy-5);border-color:var(--rub-on-primary-line);color:var(--rub-white);font-size:12px}
.rubellite-shell .opportunity-card.expiry-opportunity{background:var(--rub-white);color:var(--rub-primary);border:1px solid var(--rub-rose-line);box-shadow:var(--rub-card-shadow)}
.rubellite-shell .expiry-opportunity .opportunity-label>svg:first-child{background:var(--rub-pale)}
.rubellite-shell .expiry-opportunity>span:not(.opportunity-label){color:var(--rub-muted)}
.rubellite-shell .expiry-opportunity .opportunity-foot{color:var(--rub-primary);border-color:var(--rub-rose-line)}@media(hover:hover) and (pointer:fine){
.rubellite-shell .expiry-opportunity:hover{background:var(--rub-pale)}}
.rubellite-shell .panel{border:1px solid var(--rub-line);border-radius:24px;background:var(--rub-white);box-shadow:var(--rub-card-shadow)}
.rubellite-shell .overviewgrid{gap:var(--space-legacy-31);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.rubellite-shell .sectionhead{padding:var(--space-legacy-30);border-color:var(--rub-line);gap:var(--space-legacy-16)}
.rubellite-shell .sectionhead h2{font-size:17px;font-weight:500;color:var(--rub-black);letter-spacing:-.3px;line-height:1.4}
.rubellite-shell .sectionhead p{font-size:12px;line-height:1.6;color:var(--rub-muted)}
.rubellite-shell .sectionhead h2 svg{color:var(--rub-primary)}
.rubellite-shell .badge{color:var(--rub-primary);background:var(--rub-pale);border:1px solid var(--rub-rose-line);border-radius:12px}
.rubellite-shell .account-insight{background:var(--rub-white);border:1px solid var(--rub-line);border-radius:25px;box-shadow:var(--rub-panel-shadow);padding:var(--space-legacy-30) var(--space-legacy-5);color:var(--rub-ink);min-height:690px;align-self:start;position:sticky;top:24px}
.rubellite-shell .insight-identity{font-size:16px;font-weight:500;color:var(--rub-ink);border-color:var(--rub-line);padding:0 0 var(--space-legacy-30);gap:var(--space-legacy-2)}
.rubellite-shell .insight-symbol{background:var(--rub-pale);border:1px solid var(--rub-rose-line);color:var(--rub-primary);border-radius:16px;width:42px;height:42px}
.rubellite-shell .insight-identity small{font-size:11px;font-weight:400;color:var(--rub-muted);margin-top:var(--space-legacy-47)}
.rubellite-shell .account-insight h2{font-size:28px;font-weight:300;letter-spacing:-.7px;line-height:1.3;color:var(--rub-black);margin:var(--space-legacy-4) 0 var(--space-legacy-16)}
.rubellite-shell .account-insight>p{font-size:13px;line-height:1.65;color:var(--rub-muted);margin-bottom:var(--space-legacy-37)}
.rubellite-shell .account-insight button{background:var(--rub-white);border:1px solid var(--rub-line);color:var(--rub-primary);border-radius:18px;padding:var(--space-legacy-10) var(--space-legacy-16);margin-bottom:var(--space-legacy-16);min-height:82px;box-shadow:var(--rub-small-shadow);gap:var(--space-legacy-2)}@media(hover:hover) and (pointer:fine){
.rubellite-shell .account-insight button:hover{background:var(--rub-pale);border-color:var(--rub-rose-line)}}
.rubellite-shell .account-insight button strong{font-weight:500;font-size:13px;color:var(--rub-ink)}
.rubellite-shell .account-insight button small{font-size:11px;color:var(--rub-muted);line-height:1.5}
.rubellite-shell .insight-bottom{color:var(--rub-muted);font-size:11px;padding-top:var(--space-legacy-36);line-height:1.6}
.rubellite-shell .insight-bottom svg{color:var(--rub-primary)}
.rubellite-shell .toolbar .search{background:var(--rub-white);border:1px solid var(--rub-input);border-radius:15px;min-height:46px;box-shadow:var(--rub-small-shadow)}
.rubellite-shell .search input{border:0;background:transparent;font-size:14px;min-width:0;box-shadow:none}
.rubellite-shell .toolbar>button,.rubellite-shell .toolbar select{border-radius:14px;min-height:44px;box-shadow:var(--rub-small-shadow)}
.rubellite-shell .toolbar{gap:var(--space-legacy-16);margin-bottom:var(--space-legacy-11)}
.rubellite-shell th{background:var(--rub-surface);color:var(--rub-muted);font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;padding:var(--space-legacy-10) var(--space-legacy-5);border-color:var(--rub-line)}
.rubellite-shell td{padding:var(--space-legacy-18) var(--space-legacy-5);color:var(--rub-ink);font-size:13px;border-color:var(--rub-line);line-height:1.5}
.rubellite-shell td small{font-size:12px;color:var(--rub-muted);line-height:1.5}@media(hover:hover) and (pointer:fine){
.rubellite-shell tbody tr:hover{background:var(--rub-pale)}}
.rubellite-shell .rowaction{color:var(--rub-primary);border-radius:12px}
.rubellite-shell .productphoto{background:var(--rub-surface);border-color:var(--rub-line);color:var(--rub-primary);border-radius:12px}
.rubellite-shell .avatar{background:var(--rub-pale);color:var(--rub-primary);font-weight:500}
.rubellite-shell .pill{border-radius:10px;background:var(--rub-pale);color:var(--rub-primary);font-size:12px}
.rubellite-shell .empty{color:var(--rub-muted);min-height:210px}
.rubellite-shell .empty>svg{color:var(--rub-soft-ink)}
.rubellite-shell .empty h3{color:var(--rub-ink);font-weight:500;font-size:17px}
.rubellite-shell .empty p{color:var(--rub-muted);font-size:13px;line-height:1.6}
.rubellite-shell .monthchart .bartrack>div{background:linear-gradient(0deg,var(--rub-primary),var(--rub-bright));border-radius:8px 8px 0 0}
.rubellite-shell .monthchart{padding:var(--space-legacy-31) var(--space-legacy-30) var(--space-legacy-37)}
.rubellite-shell .stockrow,.rubellite-shell .expiryrow,.rubellite-shell .clientrevisit{border-color:var(--rub-line)}
.rubellite-shell .metricnote,.rubellite-shell .formnote,.rubellite-shell .expiryhint{color:var(--rub-muted);font-size:12px;line-height:1.65}
.rubellite-shell .datatools{border-color:var(--rub-line);color:var(--rub-muted);gap:var(--space-legacy-2)}
.rubellite-shell .datatools button{border-radius:12px;background:var(--rub-white);color:var(--rub-muted);font-size:12px}
.rubellite-shell footer{color:var(--rub-muted);font-size:12px;border:0;padding:var(--space-legacy-30) 0;line-height:1.6}
.rubellite-shell footer span{color:var(--rub-muted)}
.overlay{background:var(--rub-overlay);backdrop-filter:blur(5px)}
.dialog{border:1px solid var(--rub-line);border-radius:24px;background:var(--rub-white);color:var(--rub-ink);box-shadow:var(--rub-modal-shadow)}
.dialog h2{font-weight:500;font-size:24px;color:var(--rub-black);letter-spacing:-.6px}
.dialog .sectionhead{border-color:var(--rub-line);padding:var(--space-legacy-30) var(--space-legacy-39)}
.dialog-context{color:var(--rub-primary);font-size:12px;font-weight:500;letter-spacing:0}
.dialog input,.dialog select,.dialog textarea{border-radius:12px;min-height:44px;border-color:var(--rub-input);color:var(--rub-ink);background:var(--rub-white);font-size:15px}
.dialog label{font-size:14px;font-weight:500;color:var(--rub-ink)}
.dialog label small,.dialog .formnote{font-weight:400;color:var(--rub-muted);font-size:12px;line-height:1.6}
.dialog .profitpreview{background:var(--rub-pale);border:1px solid var(--rub-rose-line);border-radius:16px;color:var(--rub-primary)}
.dialog .infobox,.dialog .barcodesale,.dialog .stocknotice{background:var(--rub-pale);color:var(--rub-ink);border-color:var(--rub-rose-line);border-radius:15px}
.dialog .barcodeheading{color:var(--rub-primary)}
.dialog .actions .primary{min-height:44px}
.error{background:var(--rub-pale);color:var(--rub-dark);border-color:var(--rub-rose-line);border-radius:12px}
.success{background:var(--rub-pale);color:var(--rub-primary);border-color:var(--rub-rose-line);border-radius:12px}
.authpage{background:var(--rub-white);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);max-width:1600px;margin:0 auto;min-height:100vh}
.authart{background:var(--rub-white);color:var(--rub-black);border-radius:0;position:relative;overflow:hidden;padding:var(--space-legacy-43);min-height:760px;border-right:1px solid var(--rub-line)}
.authword{margin-bottom:var(--space-legacy-43)}
.auth-logo{width:270px;max-width:100%;height:auto;filter:none}
.authart h1{font-family:var(--font-body);color:var(--rub-black);font-size:68px;font-weight:300;line-height:1.1;letter-spacing:-2px;position:relative;z-index:1}
.authart>p{color:var(--rub-muted);font-size:18px;line-height:1.6;position:relative;z-index:1;max-width:33ch}
.authseal{color:var(--rub-primary);font-size:13px;position:relative;z-index:1}
.authgem{position:absolute;width:160px;height:auto;right:60px;bottom:40px;transform:rotate(12deg);opacity:.12;pointer-events:none}
.authmain{background:var(--rub-white);padding:var(--space-rub-50);display:flex;align-items:center;justify-content:center}
.authform{width:100%;max-width:440px;padding:var(--space-legacy-45) var(--space-legacy-4);border:1px solid var(--rub-line);border-radius:28px;box-shadow:var(--rub-auth-shadow);background:var(--rub-white)}
.authform h1{font-size:34px;line-height:1.2;font-weight:300;color:var(--rub-black);letter-spacing:-1px;margin:0 0 var(--space-legacy-3)}
.authform .sub{font-size:14px;line-height:1.65;color:var(--rub-muted)}
.authform form{margin-top:var(--space-legacy-39)}
.authform input{font-size:16px;min-height:48px;border-radius:12px;background:var(--rub-white);color:var(--rub-ink);border:1px solid var(--rub-input)}
.authform label{font-size:14px;font-weight:500;color:var(--rub-ink)}
.authform .primary{min-height:48px;border-radius:14px}
.authform .authswitch,.authhint{color:var(--rub-muted);font-size:12px;line-height:1.7}
.authform .link{color:var(--rub-primary)}
.auth-mobile-logo{height:auto;width:195px;margin-bottom:var(--space-legacy-4);max-width:100%}
@media(min-width:1400px){.rubellite-shell .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.rubellite-shell .stats h2{font-size:31px}.rubellite-shell .stats article{padding:var(--space-legacy-11);min-height:155px}.rubellite-shell .stats article>span{font-size:12px}}
@media(max-width:1320px){.rubellite-shell .app-topbar{gap:var(--space-legacy-3);padding:var(--space-legacy-16) var(--space-legacy-26)}.rubellite-shell .app-wordmark img{width:154px}.rubellite-shell .top-navigation button{padding:var(--space-legacy-2) var(--space-legacy-16);font-size:13px}.rubellite-shell .menu-toggle{display:none}.shell.rubellite-shell{padding:var(--space-legacy-30);gap:var(--space-legacy-5)}}
@media(max-width:1180px){.rubellite-shell .workspace{grid-template-columns:minmax(0,1fr);gap:var(--space-legacy-11)}.rubellite-shell .account-insight{position:static;top:auto;grid-column:1;grid-row:auto;min-height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-legacy-3)}.rubellite-shell .insight-identity{grid-column:1/-1}.rubellite-shell .account-insight h2{grid-column:1/-1;margin:var(--space-legacy-2) 0 0}.rubellite-shell .account-insight>p{grid-column:1/-1;margin-bottom:var(--space-legacy-16)}.rubellite-shell .insight-bottom{grid-column:1/-1;padding-top:var(--space-legacy-1)}.rubellite-shell .account-insight button{margin:0}.authart{padding:var(--space-legacy-41)}.authmain{padding:var(--space-legacy-45)}.authart h1{font-size:58px}}
@media(max-width:760px){.shell.rubellite-shell{padding:var(--space-legacy-26);grid-template-columns:minmax(0,1fr);gap:0}.rubellite-shell .sidebar{display:none}.rubellite-shell .app-topbar{padding:var(--space-legacy-26);border-radius:22px;gap:var(--space-legacy-3);flex-wrap:wrap}.rubellite-shell .app-wordmark img{width:167px}.rubellite-shell .top-navigation{order:4;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-legacy-47);margin-top:var(--space-legacy-47)}.rubellite-shell .top-navigation button{padding:var(--space-legacy-2) var(--space-legacy-7);justify-content:center;font-size:12px;gap:var(--space-legacy-22);min-height:44px}.rubellite-shell .top-account{gap:var(--space-legacy-47);margin-left:auto}.rubellite-shell .top-account .avatar{width:34px;height:34px}.rubellite-shell .headerlogout{padding:var(--space-legacy-22);font-size:12px}.rubellite-shell .workspace{gap:var(--space-legacy-31)}.rubellite-shell .heading{margin:var(--space-legacy-2) 0 var(--space-legacy-30);gap:var(--space-legacy-31);align-items:start;flex-direction:column}.rubellite-shell .heading h1{font-size:36px}.rubellite-shell .heading .sub{font-size:14px}.rubellite-shell .heading>.primary{width:auto;min-height:44px}.rubellite-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-legacy-16)}.rubellite-shell .stats article{padding:var(--space-legacy-31);min-height:148px}.rubellite-shell .stats h2{font-size:32px;letter-spacing:-.8px}.rubellite-shell .stats article>span{font-size:12px;max-width:100%}.rubellite-shell .next-steps{gap:var(--space-legacy-3)}.rubellite-shell .opportunity-card{padding:var(--space-legacy-11)}.rubellite-shell .opportunity-label{font-size:14px}.rubellite-shell .opportunity-card strong{font-size:31px}.rubellite-shell .overviewgrid{grid-template-columns:minmax(0,1fr)}.rubellite-shell .sectionhead{padding:var(--space-legacy-5)}.rubellite-shell .account-insight{grid-template-columns:minmax(0,1fr);padding:var(--space-legacy-30);gap:var(--space-legacy-16)}.rubellite-shell .account-insight h2{margin-top:var(--space-legacy-16);font-size:30px}.rubellite-shell .account-insight button{min-height:78px}.authart{display:none}.authpage{grid-template-columns:minmax(0,1fr)}.authmain{padding:var(--space-legacy-30) var(--space-legacy-26);min-height:100vh}.authform{padding:var(--space-legacy-39) var(--space-legacy-30);max-width:460px}.authform h1{font-size:32px}.auth-mobile-logo{display:block}.dialog{border-radius:20px}.dialog .sectionhead{padding:var(--space-legacy-5)}.rubellite-shell footer{display:block}}
@media(max-width:450px){.rubellite-shell .next-steps{grid-template-columns:minmax(0,1fr)}.rubellite-shell .stats{grid-template-columns:minmax(0,1fr)}.rubellite-shell .stats h2{font-size:40px}.rubellite-shell .stats article{min-height:140px;padding:var(--space-legacy-11)}.rubellite-shell .app-wordmark img{width:145px}.rubellite-shell .top-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.rubellite-shell .top-navigation button{font-size:13px}.rubellite-shell .top-account .avatar{display:none}.rubellite-shell .opportunity-card{min-height:225px}.rubellite-shell .heading h1{font-size:34px}.rubellite-shell .datatools{flex-direction:column;align-items:stretch}.rubellite-shell .datatools button{justify-content:center}}
@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}button::after{transition:none;display:none}.active-nav-surface,.rubellite-shell [data-motion-page],.overlay,.dialog{transform:none!important;opacity:1!important}.authgem{transform:none}}
/* Compact brand sizing requested by user */
.rubellite-shell .app-wordmark img{width:116px;height:auto}
.auth-logo{width:180px;height:auto}
.auth-mobile-logo{width:145px;height:auto}
@media(max-width:760px){.rubellite-shell .app-wordmark img{width:104px}}
@media(max-width:450px){.rubellite-shell .app-wordmark img{width:96px}}
/* Keep the workspace in the remaining column when shortcuts are collapsed. */
.shell.rubellite-shell.rail-closed{grid-template-columns:minmax(0,1fr)}
.shell.rubellite-shell.rail-closed>.workspace{grid-column:1/-1}
.animated-number{font-variant-numeric:tabular-nums}

/* Account profile popover and user-requested slow presence pulse. */
.rubellite-shell .top-account .profile-menu{position:relative;display:flex;align-items:center;flex-shrink:0}
.rubellite-shell .top-account .profile-trigger.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;position:relative;overflow:visible;cursor:pointer;flex-shrink:0}
.profile-trigger .profile-presence{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;background:var(--rub-online);border:2px solid var(--rub-white);border-radius:50%;z-index:2;animation:rubellite-presence 3.4s ease-in-out infinite;pointer-events:none}
@keyframes rubellite-presence{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.88)}}
:is(.rubellite-shell,.staff-shell) .profile-panel{position:absolute;right:0;top:calc(100% + 16px);z-index:120;width:340px;max-width:calc(100dvw - 32px);max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--rub-line);border-radius:22px;background:var(--rub-white);color:var(--rub-ink);padding:var(--space-legacy-5);box-shadow:var(--rub-panel-shadow);text-align:left;white-space:normal;transform-origin:top right}
:is(.rubellite-shell,.staff-shell) .profile-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-legacy-16);margin-bottom:var(--space-legacy-26)}
:is(.rubellite-shell,.staff-shell) .profile-panel h2{font-size:18px;font-weight:500;letter-spacing:-.4px;color:var(--rub-black);margin:0;line-height:1.3}
:is(.rubellite-shell,.staff-shell) .profile-close{display:grid;place-items:center;width:32px;height:32px;min-height:32px;border:0;background:var(--rub-surface);border-radius:50%;padding:0;color:var(--rub-muted)}@media(hover:hover) and (pointer:fine){
:is(.rubellite-shell,.staff-shell) .profile-close:hover{color:var(--rub-primary);background:var(--rub-pale)}}
:is(.rubellite-shell,.staff-shell) .profile-identity{display:flex;align-items:center;gap:var(--space-legacy-16);padding:0 0 var(--space-legacy-31);border-bottom:1px solid var(--rub-line);min-width:0}
:is(.rubellite-shell,.staff-shell) .profile-large-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:16px;background:var(--rub-pale);color:var(--rub-primary);font-size:19px;font-weight:500}
:is(.rubellite-shell,.staff-shell) .profile-identity>div{min-width:0;flex:1}
:is(.rubellite-shell,.staff-shell) .profile-identity strong{display:block;font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;color:var(--rub-ink)}
:is(.rubellite-shell,.staff-shell) .profile-identity div>span{display:block;color:var(--rub-muted);font-size:12px;margin-top:var(--space-legacy-34);overflow-wrap:anywhere;line-height:1.5}
:is(.rubellite-shell,.staff-shell) .profile-identity small{display:inline-block;font-size:11px;line-height:1.5;color:var(--rub-online-ink);background:var(--rub-online-soft);border-radius:7px;padding:var(--space-legacy-34) var(--space-legacy-7);margin-top:var(--space-legacy-7)}
:is(.rubellite-shell,.staff-shell) .profile-tabs{display:flex;gap:var(--space-legacy-23);padding:var(--space-legacy-47);margin:var(--space-legacy-31) 0;background:var(--rub-surface);border-radius:12px}
:is(.rubellite-shell,.staff-shell) .profile-tabs button{display:flex;align-items:center;justify-content:center;gap:var(--space-legacy-7);flex:1;padding:var(--space-legacy-24) var(--space-legacy-22);border:0;background:transparent;border-radius:9px;font-size:12px;line-height:1.4;min-height:38px;white-space:nowrap;color:var(--rub-muted)}
:is(.rubellite-shell,.staff-shell) .profile-tabs button[aria-pressed=true]{color:var(--rub-primary);background:var(--rub-white);box-shadow:var(--rub-small-shadow)}@media(hover:hover) and (pointer:fine){
:is(.rubellite-shell,.staff-shell) .profile-tabs button:hover{color:var(--rub-primary)}}
:is(.rubellite-shell,.staff-shell) .profile-content h3{font-size:13px;font-weight:500;margin:0 0 var(--space-legacy-16);color:var(--rub-ink);line-height:1.5}
:is(.rubellite-shell,.staff-shell) .profile-details{margin:0}
:is(.rubellite-shell,.staff-shell) .profile-details>div{margin-bottom:var(--space-legacy-16)}
:is(.rubellite-shell,.staff-shell) .profile-details dt{font-size:11px;color:var(--rub-muted);line-height:1.5;margin-bottom:var(--space-legacy-34)}
:is(.rubellite-shell,.staff-shell) .profile-details dd{font-size:13px;color:var(--rub-ink);line-height:1.5;margin:0;overflow-wrap:anywhere}
:is(.rubellite-shell,.staff-shell) .profile-privacy{display:flex;gap:var(--space-legacy-24);font-size:12px;line-height:1.6;color:var(--rub-muted);background:var(--rub-pale);border-radius:12px;padding:var(--space-legacy-16);margin:var(--space-legacy-26) 0}
:is(.rubellite-shell,.staff-shell) .profile-privacy svg{flex-shrink:0;color:var(--rub-primary);margin-top:var(--space-legacy-40)}
:is(.rubellite-shell,.staff-shell) .profile-plans p{font-size:12px;line-height:1.65;color:var(--rub-muted);margin:0 0 var(--space-legacy-3)}
:is(.rubellite-shell,.staff-shell) .profile-plans p.profile-plan-status{background:var(--rub-pale);color:var(--rub-primary);border:1px solid var(--rub-rose-line);padding:var(--space-legacy-2) var(--space-legacy-16);border-radius:11px;font-weight:500;font-size:13px}
:is(.rubellite-shell,.staff-shell) .profile-plans h4{font-size:12px;line-height:1.5;font-weight:500;color:var(--rub-ink);margin:var(--space-legacy-26) 0 var(--space-legacy-2)}
:is(.rubellite-shell,.staff-shell) .profile-plans ul{list-style:none;padding:0;margin:0 0 var(--space-legacy-26)}
:is(.rubellite-shell,.staff-shell) .profile-plans li{display:flex;align-items:center;gap:var(--space-legacy-1);font-size:12px;line-height:1.5;color:var(--rub-muted);padding:var(--space-legacy-23) 0}
:is(.rubellite-shell,.staff-shell) .profile-plans li svg{color:var(--rub-primary);flex-shrink:0}
:is(.rubellite-shell,.staff-shell) .profile-actions{border-top:1px solid var(--rub-line);padding-top:var(--space-legacy-16);margin-top:var(--space-legacy-16);display:flex;flex-direction:column;gap:var(--space-legacy-47)}
:is(.rubellite-shell,.staff-shell) .profile-actions button{display:flex;align-items:center;justify-content:start;width:100%;gap:var(--space-legacy-2);padding:var(--space-legacy-2);border:0;background:transparent;color:var(--rub-ink);border-radius:10px;font-size:12px;min-height:40px;line-height:1.5;text-align:left}
:is(.rubellite-shell,.staff-shell) .profile-actions button>span{flex:1}
:is(.rubellite-shell,.staff-shell) .profile-actions button>svg{color:var(--rub-primary);flex-shrink:0}@media(hover:hover) and (pointer:fine){
:is(.rubellite-shell,.staff-shell) .profile-actions button:hover{background:var(--rub-pale)}}
:is(.rubellite-shell,.staff-shell) .profile-actions .profile-logout{color:var(--rub-primary);margin-top:var(--space-legacy-47)}
:is(.rubellite-shell,.staff-shell) .profile-actions button:disabled{cursor:not-allowed;background:var(--rub-soft);color:var(--rub-muted);opacity:.7}
@media(max-width:760px){.rubellite-shell .top-account .profile-trigger.avatar{width:36px;height:36px;min-height:36px}:is(.rubellite-shell,.staff-shell) .profile-panel{position:fixed;right:16px;left:16px;top:84px;width:auto;max-width:none;max-height:calc(100dvh - 104px);padding:var(--space-legacy-5);z-index:150;transform-origin:top right}:is(.rubellite-shell,.staff-shell) .profile-tabs button,:is(.rubellite-shell,.staff-shell) .profile-actions button{min-height:44px}:is(.rubellite-shell,.staff-shell) .profile-close{width:40px;height:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.profile-trigger .profile-presence{animation:none;opacity:1;transform:none}:is(.rubellite-shell,.staff-shell) .profile-panel{transform:none!important;opacity:1!important}}

:is(.rubellite-shell,.staff-shell) .profile-plans .profile-plan-tagline{font-size:15px;line-height:1.5;color:var(--rub-ink);margin:0 0 var(--space-legacy-16)}
:is(.rubellite-shell,.staff-shell) .profile-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-legacy-1);margin-bottom:var(--space-legacy-1)}
:is(.rubellite-shell,.staff-shell) .profile-plan-price>strong{font-size:34px;font-weight:300;letter-spacing:-1px;line-height:1.2;color:var(--rub-primary);font-variant-numeric:tabular-nums}
:is(.rubellite-shell,.staff-shell) .profile-plan-price>span{font-size:12px;color:var(--rub-muted)}
:is(.rubellite-shell,.staff-shell) .profile-plans .profile-plan-renewal{margin-bottom:var(--space-legacy-26);color:var(--rub-muted);font-size:12px}
:is(.rubellite-shell,.staff-shell) .profile-plan-renewal strong{color:var(--rub-ink);font-weight:500;white-space:nowrap}
:is(.rubellite-shell,.staff-shell) .profile-plan-saving{padding:var(--space-legacy-9);background:var(--rub-pale);border:1px solid var(--rub-rose-line);border-radius:13px;margin-bottom:var(--space-legacy-16)}
:is(.rubellite-shell,.staff-shell) .profile-plan-saving>strong,:is(.rubellite-shell,.staff-shell) .profile-plan-saving>span,:is(.rubellite-shell,.staff-shell) .profile-plan-saving>small{display:block;line-height:1.6}
:is(.rubellite-shell,.staff-shell) .profile-plan-saving>strong{font-size:13px;color:var(--rub-primary);font-weight:500}
:is(.rubellite-shell,.staff-shell) .profile-plan-saving>span{font-size:12px;color:var(--rub-primary)}
:is(.rubellite-shell,.staff-shell) .profile-plan-saving>small{font-size:11px;color:var(--rub-muted);margin-top:var(--space-legacy-22)}
:is(.rubellite-shell,.staff-shell) .profile-plans .profile-plan-economy{font-size:12px;line-height:1.65}
:is(.rubellite-shell,.staff-shell) .profile-plan-economy>strong{font-weight:500;color:var(--rub-primary);white-space:nowrap}
:is(.rubellite-shell,.staff-shell) .profile-plans .profile-plan-notice{font-size:11px;color:var(--rub-muted);line-height:1.6;margin-bottom:var(--space-legacy-47)}
:is(.rubellite-shell,.staff-shell) .profile-account-title{display:flex;align-items:center;gap:var(--space-xs);color:var(--rub-muted);font-size:13px;font-weight:500;margin:var(--space-md) 0}
:is(.rubellite-shell,.staff-shell) .profile-account-title svg{color:var(--rub-primary)}
:is(.rubellite-shell,.staff-shell) .profile-plan-badge{display:flex;align-items:center;gap:var(--space-xs);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,var(--rub-primary),var(--rub-emphasis));color:var(--rub-white);border-radius:12px;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);font-size:14px;font-weight:500;box-shadow:var(--rub-button-shadow);animation:rubellite-plan-soft-pulse 3.8s ease-in-out infinite}
:is(.rubellite-shell,.staff-shell) .profile-plan-badge::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,var(--rub-on-primary-line) 50%,transparent 75%);transform:translateX(-120%);animation:rubellite-plan-shine 4.8s ease-in-out infinite;pointer-events:none}
:is(.rubellite-shell,.staff-shell) .profile-plan-badge>span,:is(.rubellite-shell,.staff-shell) .profile-plan-badge>svg{position:relative;z-index:1}
@keyframes rubellite-plan-soft-pulse{0%,100%{opacity:1}50%{opacity:.8}}
@keyframes rubellite-plan-shine{0%,20%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){:is(.rubellite-shell,.staff-shell) .profile-plan-badge{animation:none;opacity:1}:is(.rubellite-shell,.staff-shell) .profile-plan-badge::after{animation:none;display:none}}
:is(.rubellite-shell,.staff-shell) .profile-plan-expiry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;margin:calc(-1 * var(--space-sm)) 0 var(--space-md);border-bottom:1px solid var(--rub-line);line-height:1.5}
:is(.rubellite-shell,.staff-shell) .profile-plan-expiry>span{font-size:12px;color:var(--rub-muted)}
:is(.rubellite-shell,.staff-shell) .profile-plan-expiry>strong,:is(.rubellite-shell,.staff-shell) .profile-plan-expiry>time{font-size:13px;font-weight:500;color:var(--rub-primary);font-variant-numeric:tabular-nums;white-space:nowrap}
:is(.rubellite-shell,.staff-shell) .profile-billing-cycle{font-size:12px;line-height:1.5;color:var(--rub-muted);margin:calc(-1 * var(--space-md)) 0 var(--space-md)}

/* Pódio mensal: posições e metais identificáveis também pelo texto. */
.rubellite-shell .monthly-podium{margin:24px 0;overflow:hidden;background:linear-gradient(135deg,#fff 55%,#fffaf0);border-color:#e8dec7}
.rubellite-shell .monthly-podium .sectionhead h2{display:flex;align-items:center;gap:10px}
.monthly-podium .sectionhead h2>svg{color:#a77713}
.monthly-podium .sectionhead .link{display:flex;align-items:center;gap:7px;white-space:nowrap}
.podium-empty-message{margin:0;padding:0 24px;color:#746b70;font-size:13px}
.podium-places{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin:0;padding:28px 24px 0}
.podium-place{--metal:#a77713;--metal-light:#fff3cc;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative}
.podium-gold{grid-column:2;grid-row:1;--platform-height:102px}
.podium-silver{grid-column:1;grid-row:1;--metal:#697888;--metal-light:#eef2f6;--platform-height:72px}
.podium-bronze{grid-column:3;grid-row:1;--metal:#a3653c;--metal-light:#f8e9dc;--platform-height:48px}
.podium-trophy{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:var(--metal);background:radial-gradient(circle at 30% 20%,#fff,var(--metal-light));border:1px solid var(--metal-light);box-shadow:0 7px 20px #2718080b;margin-bottom:10px}
.podium-gold .podium-trophy{width:78px;height:78px;box-shadow:0 8px 28px #c49a3226}
.podium-rank{color:var(--metal);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.podium-place h3{font-size:17px;line-height:1.3;margin:12px 0 3px;overflow-wrap:anywhere}
.podium-brand{margin:0 0 10px;font-size:12px;color:#746b70;overflow-wrap:anywhere}
.podium-quantity{display:flex;flex-direction:column;font-size:28px;line-height:1.3;color:#171316;margin-bottom:18px}
.podium-quantity>span:last-child{font-size:11px;font-weight:400;color:#746b70}
.podium-awaiting{min-height:92px;display:flex;align-items:center;color:#8a7e84;font-size:13px}
.podium-platform{width:100%;height:var(--platform-height);border-radius:14px 14px 0 0;background:linear-gradient(135deg,var(--metal-light),#fff);border:1px solid var(--metal-light);border-bottom:0;display:grid;place-items:center;color:var(--metal);font-size:30px;font-weight:800;box-shadow:inset 0 3px 0 #ffffffa0}
.podium-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eee8df;padding:16px 24px;background:#fff}
.podium-foot p{margin:0;font-size:11px;color:#746b70}
.podium-foot button{display:flex;align-items:center;gap:7px;white-space:nowrap}
@media(max-width:760px){.rubellite-shell .top-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.rubellite-shell .monthly-podium .sectionhead{gap:14px}.podium-places{padding:22px 16px 0;gap:8px}.podium-place h3{font-size:14px}.podium-foot{padding:16px;flex-wrap:wrap}}
@media(max-width:450px){.rubellite-shell .top-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.rubellite-shell .top-navigation button:last-child{grid-column:1/-1}.podium-places{grid-template-columns:minmax(0,1fr);gap:20px}.podium-place{grid-column:auto;grid-row:auto}.podium-platform{height:44px}.podium-awaiting{min-height:50px}.podium-gold .podium-trophy{width:66px;height:66px}.monthly-podium .sectionhead{align-items:flex-start;flex-wrap:wrap}.podium-empty-message{padding:0 16px}}

/* Promoções: calendário e produtos legíveis, sem alterar o catálogo. */
.promotion-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.promotion-summary article{background:#fff;border:1px solid #ede7ea;border-radius:22px;padding:23px;box-shadow:0 6px 22px #240b1806;display:flex;flex-direction:column;gap:10px}
.promotion-summary article>span{display:flex;gap:8px;align-items:center;font-size:12px;color:#73636d}
.promotion-summary svg{color:#9f004c}.promotion-summary strong{font-size:34px;font-weight:400}.promotion-summary small{font-size:11px;color:#73636d}
.promotions-page>.panel{margin-bottom:24px}.promotions-page h2{display:flex;gap:10px;align-items:center}.promotions-page h2>svg{color:#9f004c}
.promotion-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 24px 20px}
.promotion-suggestion-grid article{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #f1d9e5;border-radius:17px;background:#fffafd;flex-wrap:wrap}
.promotion-suggestion-grid article>div{flex:1;min-width:130px}.promotion-suggestion-grid strong,.promotion-selected-row strong{font-size:13px;display:block}
.promotion-suggestion-grid small,.promotion-selected-row small{display:block;font-size:11px;color:#766b71;margin:3px 0 8px}
.promotion-suggestion-grid button{display:flex;gap:7px;align-items:center;font-size:12px;min-height:40px}
.promotion-photo{width:42px;height:42px;flex-shrink:0;object-fit:cover;border-radius:12px;background:#fbf7f9;color:#9f004c;display:inline-grid;place-items:center;border:1px solid #efe7eb}
.promotion-date-note{font-size:12px;color:#75656e;display:flex;gap:8px;align-items:center;padding:0 24px 18px;margin:0}.promotion-date-note svg{flex-shrink:0}
.promotion-card-grid{padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.promotion-card{border:1px solid #ebdce4;border-radius:20px;padding:22px;background:linear-gradient(145deg,#fff,#fff9fc);min-width:0}
.promotion-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.promotion-kind{display:flex;gap:7px;align-items:center;color:#9f004c;font-size:12px}
.promotion-card h3{font-size:20px;overflow-wrap:anywhere;margin:17px 0}.promotion-card-price{display:block;font-size:30px;color:#9f004c;font-weight:500}.promotion-card-price small{font-size:11px;margin-left:8px;color:#796b73;font-weight:400}
.promotion-period{display:flex;align-items:center;gap:7px;color:#796b73;font-size:12px;flex-wrap:wrap}.promotion-card ul{list-style:none;margin:18px 0;padding:0;border-top:1px solid #efe5ea}.promotion-card li{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #efe5ea}.promotion-card li strong{font-size:12px;display:block}.promotion-card li small{font-size:11px;color:#796b73;display:block}.promotion-card>button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.promotion-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#796b73}.promotion-empty{padding:10px 24px 24px;color:#796b73;font-size:13px}
.promotion-editor form{padding:0 24px 24px}.promotion-editor label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#564750;margin-bottom:18px}.promotion-editor input,.promotion-editor select,.promotion-editor textarea{width:100%;min-width:0}.promotion-editor .search{flex-direction:row;align-items:center}.promotion-editor .search input{border:0;background:transparent;padding:7px}.promotion-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.promotion-choices button{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:10px}.promotion-choices button>span:nth-child(2){flex:1;min-width:0}.promotion-choices strong{display:block;font-size:12px;overflow-wrap:anywhere}.promotion-choices small{display:block;font-size:10px;color:#796b73}
.promotion-selected-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee4e9}.promotion-selected-row>div{flex:1;min-width:0}.promotion-selected-row>label{width:90px;margin:0;font-size:10px}.promotion-selected-row>button{padding:8px}.promotion-selected-row strong{overflow-wrap:anywhere}.promotion-selected{margin-bottom:20px}.promotion-editor .promotion-date-note{padding:0 0 20px}.promotion-price-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#fff6fa;border:1px solid #f0d5e2;border-radius:16px;padding:18px;margin-bottom:20px}.promotion-price-row strong{display:block;font-size:24px;margin-top:8px}.promotion-price-row small{font-size:12px;color:#796b73}.promotion-price-row label{margin:0}.promotion-editor .promotion-enabled{flex-direction:row;align-items:center;flex-wrap:wrap}.promotion-enabled input{width:17px;height:17px;accent-color:#9f004c}.promotion-enabled small{color:#796b73}
@media(max-width:1200px) and (min-width:761px){.rubellite-shell .top-navigation{flex-wrap:wrap}.rubellite-shell .top-navigation button{font-size:11px;padding:10px}.rubellite-shell .app-topbar{gap:12px}.rubellite-shell .app-wordmark img{width:100px}}
@media(max-width:900px){.promotion-suggestion-grid,.promotion-card-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.rubellite-shell .top-navigation button:last-child{grid-column:auto}.promotion-summary{grid-template-columns:minmax(0,1fr)}.promotion-summary article{padding:18px}.promotion-suggestion-grid,.promotion-card-grid{padding:0 16px 16px}.promotion-editor form{padding:0 16px 20px}.promotion-choices{grid-template-columns:minmax(0,1fr)}.promotion-date-note{padding:0 16px 18px}.promotion-card{padding:18px}}
@media(max-width:450px){.promotion-selected-row{flex-wrap:wrap}.promotion-selected-row>label{width:100%;max-width:140px}.promotion-price-row{grid-template-columns:minmax(0,1fr)}.promotion-summary{margin-top:18px}.promotion-list>.sectionhead{flex-wrap:wrap;gap:15px}.promotion-list>.sectionhead select{max-width:100%}}

.barcodecamera .camerapreview video{object-fit:contain}.barcodecamera .camerapreview{background:#171217;border-radius:14px}.barcodecamera .cameratarget{inset:28% 7%;border-color:#ffffffc9;border-radius:10px;box-shadow:0 0 0 999px #00000012}.camera-guide{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;background:#0009;border-radius:7px;padding:6px;text-align:center;font-size:11px;pointer-events:none}.camera-controls{display:grid;gap:14px;padding:14px;background:#fff7fb;border:1px solid #f1dce6;border-radius:13px;margin-bottom:14px}.camera-zoom{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px;color:#5a4651}.camera-zoom input{grid-column:1/-1;width:100%;min-height:32px;accent-color:#9f004c;padding:0}.camera-zoom output{font-variant-numeric:tabular-nums}.camera-buttons{display:flex;gap:10px;flex-wrap:wrap}.camera-buttons:empty{display:none}.camera-buttons button,.barcodecamera>button{display:inline-flex;align-items:center;gap:7px;min-height:42px}.camera-buttons button[aria-pressed=true]{background:#9f004c;color:#fff;border-color:#9f004c}.camera-device{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:12px}.camera-device select{width:100%;min-width:0}.camera-tips{padding:14px;border:1px solid #ede7ea;border-radius:13px;margin:14px 0;background:#fff}.camera-tips strong{font-size:12px}.camera-tips ol{padding-left:18px;margin:9px 0 0;font-size:12px;line-height:1.65;color:#75656e}.camera-tips li+li{margin-top:6px}.camera-adjust-note{color:#9f004c}.barcodecamera .camera-controls>small{font-size:11px;line-height:1.6;color:#75656e}
@media(max-width:450px){.camera-buttons{flex-direction:column}.camera-buttons button{justify-content:center;width:100%}.camera-guide{font-size:10px}}

/* Mobile layout: compact header, thumb navigation and labelled record cards. */
.mobile-navigation{display:none}
.mobile-more-options{padding:0 20px 24px;display:grid;gap:12px}.mobile-more-options>button{display:flex;text-align:left;gap:13px;padding:16px;border:1px solid #eee4e9;border-radius:16px;background:#fff;min-height:82px}.mobile-more-options>button>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff1f7;color:#9f004c;flex-shrink:0}.mobile-more-options>button>div{flex:1;min-width:0}.mobile-more-options strong{display:block;font-size:15px}.mobile-more-options small{font-size:12px;line-height:1.4;margin-top:5px;color:#796b73}
@media(max-width:900px){
 html{scroll-padding-top:82px;scroll-padding-bottom:90px}
 .shell.nexo-shell.rubellite-shell,.shell.rubellite-shell.rail-closed{display:block;padding:0 16px 96px;min-height:100dvh;background:#fcfafb}
 .shell.rubellite-shell>.sidebar{display:none}
 .shell.rubellite-shell>.workspace{display:block;width:100%;margin:0;min-width:0}
 .rubellite-shell .app-topbar{position:sticky;top:0;z-index:60;height:64px;min-height:64px;display:flex;flex-wrap:nowrap;gap:12px;margin:0 -16px 22px;padding:12px 20px;border:0;border-bottom:1px solid #eee6eb;border-radius:0;background:#fffffffa;box-shadow:none;width:calc(100% + 32px)}
 .rubellite-shell .app-wordmark{display:flex;align-items:center}.rubellite-shell .app-wordmark img{width:104px;height:auto}
 .rubellite-shell .top-navigation,.rubellite-shell .menu-toggle,.rubellite-shell .headerlogout{display:none}
 .rubellite-shell .top-account{margin-left:auto;gap:8px}.rubellite-shell .top-account .profile-trigger.avatar{display:inline-flex;width:38px;height:38px;min-height:38px;margin:0}
 :is(.rubellite-shell,.staff-shell) .profile-panel{position:fixed;width:auto;max-width:none;z-index:150;top:72px;right:12px;left:12px;max-height:calc(100dvh - 164px);border-radius:20px}
 .rubellite-shell main{padding:0;margin:0;min-width:0;width:100%;max-width:none}
 .rubellite-shell .account-insight{display:none}
 .rubellite-shell .heading{margin:0 0 20px;gap:16px;display:flex;align-items:flex-start;flex-direction:column}
 .rubellite-shell .heading h1{font-size:28px;line-height:1.16;letter-spacing:-.8px;margin:0;max-width:100%;overflow-wrap:anywhere}
 .rubellite-shell .heading .sub{font-size:13px;line-height:1.5;margin-top:8px;max-width:38ch}
 .rubellite-shell .heading>.primary{min-height:44px;padding:12px 17px;border-radius:14px;font-size:13px;box-shadow:0 5px 14px #9f004c18}
 .mobile-navigation{position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;min-height:70px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid #eee3e9;background:#fffffff7;box-shadow:0 -6px 24px #3c092208;backdrop-filter:blur(15px)}
 .mobile-navigation>button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border:0;min-height:54px;padding:6px 2px;border-radius:14px;background:transparent;font-size:10px;font-weight:500;color:#8a7c83;line-height:1.2}
 .mobile-navigation>button.active{background:#fff0f7;color:#9f004c;font-weight:800}.mobile-navigation>button.active svg{stroke-width:2.3}
 .rubellite-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
 .rubellite-shell .stats article{padding:16px 13px;min-height:126px;border-radius:18px;box-shadow:0 4px 16px #3d0a2104;min-width:0}
 .rubellite-shell .stats article>span{font-size:11px;line-height:1.35;display:block;min-height:29px;max-width:none;color:#74656e}
 .rubellite-shell .stats h2{font-size:clamp(21px,6.5vw,29px);line-height:1.2;letter-spacing:-.7px;white-space:normal;overflow-wrap:anywhere;margin:9px 0 5px}
 .rubellite-shell .stats small{font-size:10px;line-height:1.45;margin-top:4px}.rubellite-shell .stats em{font-size:11px}.rubellite-shell .stats article>svg{display:none}
 .rubellite-shell .stats>article:last-child:nth-child(odd){grid-column:1/-1;min-height:108px}.rubellite-shell .stats>article:last-child:nth-child(odd)>span{min-height:0}
 .rubellite-shell .panel{border-radius:20px;box-shadow:0 5px 20px #3d0a2104}.rubellite-shell .sectionhead{padding:18px 16px;align-items:flex-start;gap:12px}.rubellite-shell .sectionhead h2{font-size:15px;line-height:1.35}.rubellite-shell .sectionhead p{font-size:11px;line-height:1.5}.rubellite-shell .sectionhead .link{font-size:11px;min-height:30px;white-space:nowrap}
 .rubellite-shell .next-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
 .rubellite-shell .opportunity-card{min-height:180px;padding:16px 13px;border-radius:19px;gap:12px;min-width:0;box-shadow:0 5px 18px #9f004c0b}
 .rubellite-shell .opportunity-label{font-size:11px;gap:7px;align-items:flex-start;flex-wrap:wrap;line-height:1.4}.rubellite-shell .opportunity-icon{width:28px;height:28px;min-width:28px;border-radius:9px}.rubellite-shell .opportunity-label>svg{display:none}
 .rubellite-shell .opportunity-card strong{font-size:24px;line-height:1.1;margin:0}.rubellite-shell .opportunity-card>p{font-size:10px;line-height:1.4;margin:0}.rubellite-shell .opportunity-card>small{font-size:10px;line-height:1.5}.rubellite-shell .opportunity-foot{font-size:10px;padding-top:12px;gap:4px}.rubellite-shell .opportunity-foot svg{width:13px;flex-shrink:0}
 .rubellite-shell .overviewgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px}.rubellite-shell .empty{min-height:170px;padding:26px 18px}.rubellite-shell .empty h3{font-size:15px}.rubellite-shell .empty p{font-size:12px;line-height:1.6}
 .rubellite-shell .expiryrow{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:16px;align-items:start}.rubellite-shell .expiryrow>.productphoto{width:38px;height:40px}.rubellite-shell .expiryrow>div{min-width:0}.rubellite-shell .expiryrow strong{font-size:12px;overflow-wrap:anywhere}.rubellite-shell .expiryrow small{font-size:10px;line-height:1.5}.rubellite-shell .expiryrow>.pill{grid-column:2;justify-self:start;margin:0}.rubellite-shell .expiryrow>button{grid-column:2;justify-self:start;min-height:40px;font-size:11px}.rubellite-shell .expiryhint{font-size:10px;padding:0 16px 16px}.rubellite-shell .expiryempty{padding:16px;font-size:12px}
 .rubellite-shell .toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px}.rubellite-shell .toolbar>.search{grid-column:1/-1;width:100%;min-width:0;min-height:46px;margin:0}.rubellite-shell .toolbar>.search input{width:100%;min-width:0;font-size:16px}.rubellite-shell .toolbar select{width:100%;min-width:0;font-size:13px}.rubellite-shell .toolbar>span{font-size:12px}.rubellite-shell .toolbar>button{min-height:44px;font-size:12px;padding:10px 13px}
 .rubellite-shell .periodfilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 16px}.rubellite-shell .periodfilters label{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:12px}.rubellite-shell .periodfilters input{width:100%;min-width:0;font-size:14px;min-height:44px}.rubellite-shell .periodfilters>span{font-size:11px;align-self:center}
 /* Every record keeps its original headers and actions on desktop. */
 .rubellite-shell .tablewrap:has(>.responsive-records){overflow:visible}
 .rubellite-shell .responsive-records{display:block;width:100%;min-width:0;padding:0 12px 12px;font-size:12px}
 .rubellite-shell .responsive-records thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .rubellite-shell .responsive-records tbody{display:grid;gap:12px;width:100%}
 .rubellite-shell .responsive-records tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;border:1px solid #eee5eb;background:#fff;border-radius:16px;padding:16px;min-width:0}
 .rubellite-shell .responsive-records td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}.rubellite-shell .responsive-records td::before{content:attr(data-label);display:block;color:#8a7b84;font-size:10px;line-height:1.3;margin-bottom:5px}
 .rubellite-shell .responsive-records td[data-primary=true]{grid-column:1/-1;border-bottom:1px solid #f1e9ee;padding-bottom:12px}.rubellite-shell .responsive-records td[data-primary=true]::before{display:none}.rubellite-shell .responsive-records td[data-actions=true]{grid-column:1/-1;border-top:1px solid #f1e9ee;padding-top:11px}.rubellite-shell .responsive-records td[data-actions=true]::before{display:none}
 .rubellite-shell .responsive-records td small{font-size:10px}.rubellite-shell .responsive-records .rowbuttons{display:flex;gap:8px;flex-wrap:wrap}.rubellite-shell .responsive-records button{min-height:42px;font-size:12px}.rubellite-shell .productwithphoto{gap:10px}.rubellite-shell .productwithphoto>div{min-width:0;flex:1}.rubellite-shell .productwithphoto strong{font-size:13px}.rubellite-shell .personcell{gap:10px;min-width:0}.rubellite-shell .personcell>div{min-width:0}
 .rubellite-shell .monthly-podium{margin:18px 0}.rubellite-shell .podium-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:16px 12px 0}.rubellite-shell .podium-gold{grid-column:2;grid-row:1;--platform-height:66px}.rubellite-shell .podium-silver{grid-column:1;grid-row:1;--platform-height:47px}.rubellite-shell .podium-bronze{grid-column:3;grid-row:1;--platform-height:32px}.rubellite-shell .podium-platform{height:var(--platform-height);border-radius:10px 10px 0 0;font-size:23px}.rubellite-shell .podium-trophy,.rubellite-shell .podium-gold .podium-trophy{width:46px;height:46px;margin-bottom:8px}.rubellite-shell .podium-trophy svg{width:24px}.rubellite-shell .podium-rank{font-size:9px;letter-spacing:0}.rubellite-shell .podium-awaiting{min-height:62px;font-size:10px;padding:0 2px;line-height:1.4}.rubellite-shell .podium-empty-message{font-size:11px;padding:0 16px}.rubellite-shell .podium-place h3{font-size:11px;line-height:1.35;margin:10px 0 3px}.rubellite-shell .podium-brand{font-size:9px;line-height:1.35;margin-bottom:8px}.rubellite-shell .podium-quantity{font-size:22px;margin-bottom:12px}.rubellite-shell .podium-quantity>span:last-child{font-size:9px}.rubellite-shell .podium-foot{padding:12px 16px;gap:10px}.rubellite-shell .podium-foot p{font-size:9px}.rubellite-shell .podium-foot button{min-height:40px;font-size:11px}
 .rubellite-shell .monthchart{padding:0 14px 18px;gap:8px}.rubellite-shell .monthbar strong{font-size:9px}.rubellite-shell .bartrack{height:95px}.rubellite-shell .metricnote{font-size:10px;line-height:1.6;margin:16px 2px}.rubellite-shell .datatools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding:16px 0 0}.rubellite-shell .datatools>div{grid-column:1/-1;font-size:10px;line-height:1.5}.rubellite-shell .datatools button{min-height:44px;padding:8px;font-size:10px}.rubellite-shell footer{font-size:10px;padding:20px 0 6px;color:#97888f}
 .promotion-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.promotion-summary article{padding:15px 13px;border-radius:18px;gap:8px}.promotion-summary article:last-child{grid-column:1/-1}.promotion-summary strong{font-size:27px}.promotion-summary article>span{font-size:11px}.promotion-summary small{font-size:10px}.promotion-suggestion-grid article{padding:13px;gap:10px}.promotion-suggestion-grid article>div{min-width:110px}.promotion-card-grid{gap:12px}.promotion-card h3{font-size:18px}.promotion-card-price{font-size:28px}.promotion-list>.sectionhead{gap:12px;flex-wrap:wrap}.promotion-list>.sectionhead select{min-height:42px;width:100%;font-size:13px}.promotion-editor .formgrid{grid-template-columns:minmax(0,1fr);gap:0}.promotion-editor input,.promotion-editor select,.promotion-editor textarea{font-size:16px;min-height:46px}.promotion-editor .search{width:100%}.promotion-selected-row{gap:10px;flex-wrap:wrap}.promotion-price-row{padding:14px;gap:14px}.promotion-card li strong{font-size:12px}
 .overlay{padding:0;align-items:stretch;z-index:200}.dialog,.dialog.wide{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;border:0;padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto;overscroll-behavior:contain}.dialog>.sectionhead{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #eee5eb;padding:14px 18px;align-items:center}.dialog>.sectionhead h2{font-size:20px}.dialog-context{font-size:10px;margin:0 0 5px}.dialog>form:not(.saleform),.dialog .detailbody{padding:20px 16px}.dialog input,.dialog select,.dialog textarea{font-size:16px;min-height:46px}.dialog .formgrid{grid-template-columns:minmax(0,1fr);gap:0}.dialog .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.dialog .actions button{flex:1;min-height:46px;font-size:13px}.dialog .photoupload{gap:14px;align-items:flex-start}.dialog .largephoto{width:76px;height:90px;flex-basis:76px}.dialog .barcodeentry{display:flex;flex-direction:column;gap:8px}.dialog .barcodeentry input{width:100%;min-width:0}.dialog .barcodeactions{align-items:flex-start;flex-direction:column}.dialog .saleform{display:block;padding:0}.dialog .saleleft{padding:20px 16px}.dialog .salesummary{position:static;padding:22px 18px;border-radius:0;border:0;border-top:1px solid #eee5eb}.dialog .salesummary .primary{min-height:48px}.dialog .productchoices{grid-template-columns:minmax(0,1fr)}.dialog .productchoices>button{padding:12px;min-height:64px}.dialog .productchoices>button>span{font-size:12px}.dialog .basketitem{padding:14px 12px}.dialog .iteminputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog .iteminputs .linesubtotal{grid-column:1/-1}.dialog .basketheader{gap:10px;flex-wrap:wrap}.dialog .clientdetailgrid,.dialog .invoicebottom{grid-template-columns:minmax(0,1fr)}.dialog .clientmetrics{grid-template-columns:1fr 1fr;gap:10px}.dialog .clienthero{flex-wrap:wrap;gap:12px}.dialog .clienthero h2{font-size:22px}.dialog .salehero h2{font-size:22px}.dialog .responsive-records{padding:0}.dialog .salehero{gap:12px;flex-wrap:wrap}
 .dialog.mobile-options-dialog{height:auto;max-height:70dvh;align-self:flex-end;border-radius:24px 24px 0 0;box-shadow:0 -15px 60px #27051520}.mobile-options-dialog .sectionhead{border:0;border-radius:24px 24px 0 0}.mobile-more-options{padding:0 16px calc(22px + env(safe-area-inset-bottom,0px))}
 .authmain{padding:24px 18px}.authform{padding:25px 20px;border-radius:22px;box-shadow:0 10px 35px #3d0a2107}.authform h1{font-size:28px}.auth-mobile-logo{width:132px;margin-bottom:25px}
}
@media(max-width:350px){.shell.nexo-shell.rubellite-shell{padding-left:12px;padding-right:12px}.rubellite-shell .app-topbar{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);padding-left:16px;padding-right:16px}.rubellite-shell .stats h2{font-size:21px}.rubellite-shell .heading h1{font-size:25px}.rubellite-shell .opportunity-label{font-size:10px}.rubellite-shell .opportunity-card{padding:13px 10px}.mobile-navigation{padding-left:5px;padding-right:5px}}
@media(max-width:900px){.rubellite-shell .monthly-podium .sectionhead{flex-wrap:nowrap;align-items:flex-start}.rubellite-shell .monthly-podium .sectionhead h2{font-size:14px;gap:7px}.rubellite-shell .monthly-podium .sectionhead .link{font-size:10px;gap:4px}.rubellite-shell .monthly-podium .sectionhead .link svg{width:14px}.dialog .salecontent{padding:20px 16px}.rubellite-shell .expiryhint{font-size:10px;line-height:1.5}}

/* Auth: light floating brand particles and accessible password visibility. */
.authpage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 10%,#fff4f9 0,transparent 35%),radial-gradient(ellipse at 87% 85%,#fff1f7 0,transparent 38%),#fff}
.auth-particles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.auth-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#d9007812;border:1px solid #d900781c;animation:auth-float var(--duration) ease-in-out var(--delay) infinite;will-change:transform}
.auth-particle:nth-child(3n){border-radius:3px;background:#9f004c08;border-color:#9f004c21}.auth-particle:nth-child(5n){background:transparent;width:24px;height:24px;border-color:#d9007818}
@keyframes auth-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--turn))}50%{transform:translate3d(var(--drift),-32px,0) rotate(calc(var(--turn) + 18deg))}}
.authpage .authmain{background:transparent;position:relative;z-index:1;min-height:100dvh}.authpage .authform{background:#fffffff5;backdrop-filter:blur(9px);box-shadow:0 16px 55px #7c16440a}.authpage .authart{background:transparent}
.auth-password-field{margin-bottom:20px;min-width:0}.auth-password-field>label{display:block;margin:0 0 8px!important}.auth-password-wrap{position:relative;display:flex;align-items:center;min-width:0}.auth-password-wrap input{width:100%;padding-right:56px!important;min-width:0}.auth-password-wrap .auth-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:40px;min-height:40px;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;color:#9d8995;transition:color .18s,background .18s}@media(hover:hover) and (pointer:fine){.auth-password-wrap .auth-password-toggle:hover{background:#fff0f7;color:#9f004c}}.auth-password-wrap .auth-password-toggle[aria-pressed=true]{background:#ffe5f1;color:#d90078}.auth-password-wrap .auth-password-toggle:active{background:#ffd6e9}.auth-password-field>small{font-size:11px;font-weight:400;margin-top:7px;line-height:1.5;color:#80717a}
.auth-forgot-row{display:flex;justify-content:flex-end;margin:-3px 0 22px}.authform .auth-forgot{min-height:32px;font-size:12px;font-weight:500;text-decoration:none}@media(hover:hover) and (pointer:fine){.authform .auth-forgot:hover{text-decoration:underline}}.authform .primary{transition:transform .16s,box-shadow .16s}.authform .primary:active{transform:scale(.98)}.authform .auth-back{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:18px auto 0;font-size:12px}.auth-return-login{margin-top:26px}.auth-state-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#9f004c;background:#fff0f7;margin-bottom:18px}.auth-recovery-info{font-size:12px;line-height:1.65;color:#765765;background:#fff4f9;border:1px solid #f0d6e3;padding:14px;border-radius:12px;margin:0 0 20px}.authform .success,.authform .error{font-size:12px;line-height:1.6;overflow-wrap:anywhere;padding:13px;margin:0 0 18px}.authform .authhint{margin-top:30px}
@media(max-width:900px){.authpage{display:block}.authpage .authart{display:none}.authpage .authmain{padding:28px 18px}.authpage .authform{max-width:440px;width:100%;padding:28px 22px}.authpage .auth-mobile-logo{width:132px;margin-bottom:28px}.authpage .authform h1{font-size:28px;line-height:1.2}.authpage .authform .sub{font-size:13px}.auth-particle{animation-duration:calc(var(--duration) + 8s)}.authform .authhint{font-size:11px}.auth-password-field{margin-bottom:18px}}
@media(max-width:350px){.authpage .authmain{padding:20px 12px}.authpage .authform{padding:24px 18px}.authpage .authform h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.auth-particle{animation:none;will-change:auto;transform:rotate(var(--turn))}.authform .primary:active{transform:none}.authform .primary,.auth-password-wrap .auth-password-toggle{transition:none}}

/* Reference direction: clear working surfaces, restrained glass and ruby depth. */
.shell.rubellite-shell{position:relative;isolation:isolate;background:transparent}
.workspace-ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#fff}
.workspace-ambience span{position:absolute;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle,#fff0f7 0,#fff8fb 36%,transparent 69%);opacity:.85}
.workspace-ambience span:nth-child(1){top:-370px;left:-150px}.workspace-ambience span:nth-child(2){top:18%;right:-420px;width:850px;height:850px;background:radial-gradient(circle,#faecf3 0,#fff9fc 38%,transparent 70%)}.workspace-ambience span:nth-child(3){bottom:-430px;left:18%;opacity:.5}
.rubellite-shell .app-topbar{background:#ffffffcf;border-color:#ffffff;box-shadow:0 6px 30px #55102e07,0 0 0 1px #efe6eb80;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.rubellite-shell .top-navigation{background:#f6f1f4a8;border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff}
.rubellite-shell .active-nav-surface{background:linear-gradient(135deg,#ac0057,#970048);box-shadow:0 5px 13px #9f004c28,inset 0 1px 0 #ffffff20}
.rubellite-shell .sidebar{background:#ffffffc9;border-color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 30px #55102e08,0 0 0 1px #eee4e9}
.rubellite-shell .sidebar nav button{position:relative;transition:background .18s,color .18s,box-shadow .18s}
.rubellite-shell .sidebar nav button::after{content:attr(title);position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%) translateX(-4px);opacity:0;pointer-events:none;border:1px solid #eee3e9;background:#fff;color:#462b39;padding:9px 13px;border-radius:11px;font-size:11px;white-space:nowrap;box-shadow:0 6px 18px #3d0a2112;transition:opacity .16s,transform .16s;z-index:70}.rubellite-shell .sidebar nav button:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}@media(hover:hover) and (pointer:fine){
.rubellite-shell .sidebar nav button:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}}
.rubellite-shell .page-kicker{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#a06582;margin:0 0 10px}.rubellite-shell .page-kicker::before{content:'';display:block;width:5px;height:5px;background:#d90078;border-radius:50%;box-shadow:0 0 0 4px #fff0f7}
.rubellite-shell .stats article{border-color:#ede4e9;background:linear-gradient(150deg,#fff,#fff 65%,#fffafd);box-shadow:0 7px 26px #54102f06,inset 0 1px 0 #fff;transition:border-color .2s,box-shadow .2s}
.rubellite-shell .stats article>svg{width:34px;height:34px;padding:8px;right:18px;top:18px;border-radius:11px;background:#fff2f8;border:1px solid #f6e5ee;color:#b3005d}
.rubellite-shell .stats article>span{max-width:calc(100% - 30px)}
.rubellite-shell .stats h2{font-weight:400;letter-spacing:-1.2px}
.rubellite-shell .panel{background:linear-gradient(155deg,#fff,#fff 80%,#fffbfd);border-color:#ede5e9;box-shadow:0 8px 28px #54102f06,inset 0 1px 0 #fff}
.rubellite-shell .panel>.sectionhead{border-bottom:1px solid #f5eef2}
.rubellite-shell .sectionhead h2{font-weight:700;letter-spacing:-.25px}
.rubellite-shell .heading>.primary{background:linear-gradient(135deg,#b50060,#9f004c);border-color:#a70053;box-shadow:0 6px 17px #9f004c20,inset 0 1px 0 #ffffff1f}
.rubellite-shell .opportunity-card{background:radial-gradient(ellipse at 100% 100%,#ce006b50,transparent 65%),linear-gradient(125deg,#8e0046,#a80055);border-color:#a40051;box-shadow:0 10px 26px #9f004c16,inset 0 1px 0 #ffffff1c}
.rubellite-shell .opportunity-card.expiry-opportunity{background:linear-gradient(135deg,#fff,#fff7fb);border-color:#f0d5e3;box-shadow:0 6px 22px #9f004c07}
.rubellite-shell .account-insight{position:sticky;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,#fff 42%,#fff6fa);border-color:#eddee6;box-shadow:0 12px 40px #54102f08}
.rubellite-shell .account-insight::before{content:'';position:absolute;z-index:-1;pointer-events:none;right:-24px;bottom:-58px;width:154px;height:235px;background:url('/assets/brand/rubi.svg') center/contain no-repeat;opacity:.055;transform:rotate(16deg)}
.rubellite-shell .account-insight button{background:#ffffffcf;border-color:#eee1e8;box-shadow:0 4px 15px #54102f04;transition:border-color .18s,background .18s}
:is(.rubellite-shell,.staff-shell) .profile-panel{background:#fff;border:1px solid #fff;box-shadow:0 18px 65px #4a10271c,0 0 0 1px #efdfE780;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.rubellite-shell .monthly-podium{background:radial-gradient(ellipse at 50% 100%,#fff6d85c,transparent 70%),#fff;border-color:#ece0c8}.rubellite-shell .podium-gold .podium-trophy{background:radial-gradient(circle at 30% 25%,#fff,#fff0b6);border-color:#f3e5b4;box-shadow:0 8px 24px #c39c3524}
.rubellite-shell .promotion-card{border-color:#ecdae4;box-shadow:0 5px 18px #54102f05}.rubellite-shell .promotion-suggestions{background:linear-gradient(140deg,#fff,#fff8fc)}
.rubellite-shell .toolbar>.search:focus-within{border-color:#d8a7bf;box-shadow:0 0 0 4px #fff0f7}.rubellite-shell .responsive-records tr{transition:background .16s}
@media(hover:hover) and (pointer:fine){@media(hover:hover) and (pointer:fine){.rubellite-shell .stats article:hover{border-color:#e4c6d6;box-shadow:0 10px 30px #54102f0b}}@media(hover:hover) and (pointer:fine){.rubellite-shell .responsive-records tbody tr:hover{background:#fffbfd}}@media(hover:hover) and (pointer:fine){.rubellite-shell .account-insight button:hover{border-color:#d8a7bf;background:#fff6fb}}}
@media(max-width:900px){
 .shell.nexo-shell.rubellite-shell,.shell.rubellite-shell.rail-closed{background:transparent}
 .workspace-ambience{background:#fcfafb}.workspace-ambience span{width:420px;height:420px;opacity:.35}.workspace-ambience span:nth-child(2){right:-330px;opacity:.3}
 .rubellite-shell .app-topbar{background:#ffffffea;border:0;border-bottom:1px solid #eee5eb;box-shadow:0 2px 12px #55102e03;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
 .rubellite-shell .page-kicker{font-size:9px;letter-spacing:.08em;margin-bottom:9px}
 .rubellite-shell .stats article{box-shadow:0 5px 18px #54102f04}.rubellite-shell .stats article>span{max-width:none}.rubellite-shell .stats h2{font-weight:400;letter-spacing:-.7px}
 .rubellite-shell .panel{box-shadow:0 5px 22px #54102f04}.rubellite-shell .opportunity-card{box-shadow:0 7px 20px #9f004c10}.rubellite-shell .account-insight{display:none}
 .mobile-navigation{background:#fffffff0;border-top:1px solid #fff;box-shadow:0 -5px 24px #54102f08,0 -1px 0 #eee4ea;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .mobile-navigation>button{position:relative;isolation:isolate;overflow:visible}.mobile-navigation>button.active{background:transparent}.mobile-navigation>button>svg,.mobile-navigation>button>span:not(.mobile-active-surface){position:relative;z-index:1}
 .mobile-active-surface{position:absolute;inset:0;border-radius:14px;background:linear-gradient(145deg,#fff0f7,#ffe7f2);border:1px solid #fbe0ed;box-shadow:inset 0 1px 0 #fff;pointer-events:none;z-index:0}
 .dialog.mobile-options-dialog{background:linear-gradient(160deg,#fff,#fff7fb)}.mobile-more-options>button{background:#ffffffed;box-shadow:0 4px 14px #54102f04}:is(.rubellite-shell,.staff-shell) .profile-panel{background:#fff}
}
@media(prefers-reduced-motion:reduce){.rubellite-shell .stats article,.rubellite-shell .sidebar nav button,.rubellite-shell .sidebar nav button::after,.rubellite-shell .responsive-records tr,.rubellite-shell .account-insight button{transition:none}.workspace-ambience{transform:none}.mobile-active-surface{transform:none!important}}

.promotion-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.promotion-list-actions select{width:120px;min-height:42px;font-size:12px}.promotion-list-actions .primary{min-height:42px;padding:11px 15px;font-size:12px;white-space:nowrap}.promotion-list>.sectionhead{align-items:center;flex-wrap:wrap}.promotion-list>.empty{min-height:210px;padding:32px 20px}.promotion-list>.empty p{margin-bottom:0}
@media(max-width:900px){.promotion-list-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.promotion-list-actions select{width:100%}.promotion-list-actions .primary{width:100%;min-height:44px}.promotion-list>.empty{min-height:175px;padding:24px 18px}}

.sale-offer-picker{padding:18px;margin:0 0 22px;border:1px solid #efd0df;border-radius:16px;background:linear-gradient(135deg,#fff5fa,#fff)}.sale-offer-picker .barcodeheading{color:#9f004c}.sale-offer-fields{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:12px}.sale-offer-fields label{font-size:12px;margin-bottom:10px}.sale-offer-picker p{font-size:11px;line-height:1.5;color:#796b73}.sale-offer-picker>button,.applied-offer>button{display:flex;gap:7px;align-items:center;min-height:42px}.applied-offer{display:grid;gap:10px;font-size:12px}.applied-offer>strong{color:#9f004c}.applied-offer>span{color:#796b73}.promotion-card-actions{display:flex;gap:8px;flex-wrap:wrap}.promotion-card-actions button{flex:1;min-height:42px;font-size:12px;white-space:nowrap}.return-form>label{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:13px}.return-line{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #eee5eb}.return-line>label{font-size:11px}.return-line input[type=number]{width:100%;margin-top:7px}.return-line .return-restock{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0}.return-restock input{width:17px;height:17px;min-height:0;accent-color:#9f004c}.return-total{display:flex;justify-content:space-between;gap:12px;padding:18px;background:#fff4f9;border:1px solid #efd0df;border-radius:14px;margin:18px 0;font-size:13px}.return-total strong{color:#9f004c;font-size:21px}.return-history{padding:16px;background:#fff7fb;border:1px solid #f1dbe6;border-radius:14px;margin:14px 0;font-size:12px}.return-history p{margin:6px 0;color:#796b73}
@media(max-width:900px){.sale-offer-fields{grid-template-columns:minmax(0,1fr)}.sale-offer-picker{padding:14px}.sale-offer-picker label{font-size:12px}.sale-offer-picker input,.sale-offer-picker select{font-size:16px}.return-line{grid-template-columns:minmax(0,1fr) 90px}.dialog .return-restock input{min-height:0;width:17px;height:17px}}

/* Desktop categories live in one labelled navigation rail. Mobile keeps its bottom bar. */
@media(min-width:901px){
 .shell.nexo-shell.rubellite-shell{grid-template-columns:196px minmax(0,1fr);gap:24px}
 .rubellite-shell .sidebar{position:sticky;top:24px;align-self:start;width:196px;max-height:calc(100dvh - 48px);overflow-y:auto;margin-top:0;padding:16px 12px;border-radius:22px;align-items:stretch}
 .rubellite-shell .sidebar .navlabel{display:block;margin:6px 12px 16px;font-size:10px;letter-spacing:.08em;color:var(--rub-muted);text-transform:uppercase}
 .rubellite-shell .sidebar nav{gap:6px}
 .rubellite-shell .sidebar nav button{width:100%;height:auto;min-height:48px;padding:12px;gap:12px;border-radius:14px;justify-content:flex-start;text-align:left;font-size:13px}
 .rubellite-shell .sidebar nav button span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
 .rubellite-shell .sidebar nav button svg{flex-shrink:0;width:19px;height:19px}
 .rubellite-shell .sidebar nav button::after{display:none}
 .rubellite-shell .top-account{margin-left:auto}
}

/* Desktop branding belongs to the category panel; account stays at the top right. */
@media(min-width:901px){
 .rubellite-shell .sidebar .brand{display:block;position:static;padding:8px 10px 20px;line-height:1}
 .rubellite-shell .sidebar .brand-logo{display:block;width:132px;max-width:100%;height:auto;margin:0}
 .rubellite-shell .app-topbar .app-wordmark,.rubellite-shell .app-topbar .headerlogout{display:none}
 .rubellite-shell .app-topbar{justify-content:flex-end;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 6px;min-height:64px}
 .rubellite-shell .top-account{margin-left:auto}
}

.profile-trigger-initial{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}
.sidebar-account{display:none}
@media(min-width:901px){
 .rubellite-shell .sidebar{overflow:visible;z-index:80}
 .rubellite-shell .sidebar-account{display:block;margin-top:18px;padding-top:16px;border-top:1px solid var(--rub-line)}
 .rubellite-shell .sidebar-account .profile-menu{position:relative;width:100%}
 .rubellite-shell .sidebar-account .profile-trigger{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:60px;border-radius:14px;background:#fff5fa;border:1px solid #f1dce6;padding:10px;color:var(--rub-primary);text-align:left}
 .rubellite-shell .sidebar-account .profile-trigger-initial{width:34px;height:34px;flex:0 0 34px;background:#fff;border:1px solid #efd6e3}
 .profile-trigger-label{display:block;min-width:0}
 .profile-trigger-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:99px;font-size:12px;color:var(--rub-ink)}
 .profile-trigger-label small{margin:4px 0 0;font-size:10px;line-height:1.3;color:var(--rub-primary)}
 .rubellite-shell .sidebar-account .profile-panel{position:fixed;left:244px;right:auto;top:24px;bottom:auto;max-height:calc(100dvh - 48px);transform-origin:top left}
 .rubellite-shell .app-topbar{display:none}
}

@media(min-width:901px){
 .rubellite-shell .workspace>main{grid-column:1;grid-row:1}
 .rubellite-shell .workspace>.account-insight{grid-column:2;grid-row:1}
}
@media(min-width:901px) and (max-width:1100px){
 .rubellite-shell .workspace>.account-insight{grid-column:1;grid-row:2}
}

/* Dialogs sit outside the app's stacking contexts and disable the background. */
html{scrollbar-gutter:stable}
.overlay{z-index:1000;overscroll-behavior:contain}

/* Keep page actions readable without splitting their labels. */
.rubellite-shell .heading>.primary{white-space:nowrap;flex-shrink:0}
.rubellite-shell .heading>div{min-width:0}

/* Soft glass selectors with rounded options and a blue-to-ruby accent. */
.styled-select{display:block;position:relative;min-width:0;width:100%;font-family:var(--font-body,'Avenir',Arial,sans-serif)}
.styled-select>select[hidden]{display:none!important}
.select-trigger{display:flex;width:100%;min-height:48px;padding:11px 14px;gap:11px;border:1px solid #e8dce5;border-radius:16px;background:#ffffffd9;color:#382832;font:500 14px var(--font-body,'Avenir',Arial,sans-serif);box-shadow:0 3px 12px #65133d05;text-align:left;transition:border-color .18s,box-shadow .18s}@media(hover:hover) and (pointer:fine){
.select-trigger:hover{background:#fff9fc;border-color:#d9b4ca}}.select-trigger[aria-expanded=true],.select-trigger:focus-visible{border-color:#d90078;outline:0;box-shadow:0 0 0 3px #d9007812,0 5px 20px #4399db0c}
.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{flex:none;color:#a47b91;transition:transform .18s}.select-chevron.is-open{transform:rotate(180deg)}
.select-option-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border-radius:11px;background:linear-gradient(140deg,#eef7ff,#fff0f8);color:#a60058}.select-option-icon img{width:100%;height:100%;object-fit:cover}
.select-popup{position:fixed;z-index:1200;overflow-y:auto;overscroll-behavior:contain;padding:9px;border:1px solid #eedfe9;border-radius:20px;background:#ffffffed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 48px #5f133b21;font-family:var(--font-body,'Avenir',Arial,sans-serif);scrollbar-width:thin;scrollbar-color:#dca8c3 transparent}
.select-popup::before{content:'';display:block;height:3px;margin:0 8px 8px;border-radius:20px;background:linear-gradient(90deg,#62b9ed,#e184bc,#d90078)}
.select-option{position:relative;display:flex;width:100%;gap:12px;align-items:center;justify-content:flex-start;padding:10px 12px;min-height:52px;border:0;border-radius:13px;background:transparent;color:#46323f;font:500 14px var(--font-body,'Avenir',Arial,sans-serif);text-align:left;line-height:1.4}
.select-option>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.select-option.is-highlighted{background:linear-gradient(105deg,#edf7ffb3,#fff0f8d9)}@media(hover:hover) and (pointer:fine){.select-option:hover{background:linear-gradient(105deg,#edf7ffb3,#fff0f8d9)}}.select-option[aria-selected=true]{background:linear-gradient(105deg,#eaf5ff,#ffe8f4);color:#9f004c}.select-option>svg:last-child{color:#ce0072;flex:none}.select-empty{margin:12px;color:#826c7b;font-size:13px}
.toolbar>.styled-select{width:auto;min-width:180px}.promotion-list-actions>.styled-select{width:145px}.productchoices>button{border-radius:18px;background:#ffffffd9;border-color:#ecdeE7;box-shadow:0 4px 15px #59123106}@media(hover:hover) and (pointer:fine){.productchoices>button:hover{background:linear-gradient(120deg,#f3faff,#fff3fa);border-color:#dfa9c7}}.productchoices>button strong{font-family:var(--font-body,'Avenir',Arial,sans-serif);font-weight:600;font-size:14px;line-height:1.45}.productchoices .productphoto{width:48px;height:52px;flex:0 0 48px;border-radius:13px}
@media(max-width:900px){.select-trigger{min-height:50px;font-size:16px}.select-popup{border-radius:18px}.select-option{min-height:54px;font-size:15px}.toolbar>.styled-select{width:100%;min-width:0}.promotion-list-actions>.styled-select{width:100%}}
@media(prefers-reduced-motion:reduce){.select-trigger,.select-chevron{transition:none}}

.select-search-control{display:flex;align-items:center;gap:11px;border:1px solid #e8dce5;border-radius:16px;background:#ffffffd9;padding:6px 13px;min-height:52px;box-shadow:0 3px 12px #65133d05}
.select-search-control:focus-within{border-color:#d90078;box-shadow:0 0 0 3px #d9007812}.select-search-control>input{flex:1;min-width:0;width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:7px 0!important;margin:0!important;font-family:var(--font-body);font-size:14px;min-height:36px!important}.select-search-control>svg{flex:none;color:#a47b91;pointer-events:none}.select-search-control>.select-option-icon{pointer-events:none}.select-option strong{display:block;font-weight:600}.select-option small{display:block;margin:3px 0 0;font-size:11px;color:#8a7482;font-weight:400}
@media(max-width:900px){.select-search-control>input{font-size:16px}}

/* Overview panels remain full-width for readable records. */
.rubellite-shell .overviewgrid{grid-template-columns:minmax(0,1fr)}
.podium-photo{width:78px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:12px auto 10px;border-radius:18px;border:1px solid #eddfE5;background:#ffffffcf;overflow:hidden;color:#ae8c9e;box-shadow:0 5px 18px #7a4a1907}.podium-photo img{width:100%;height:100%;object-fit:contain;padding:4px}.podium-photo small{font-size:9px;margin:0;color:#a08995}
.customer-ranking{margin-bottom:24px}.customer-ranking .sectionhead h2{display:flex;align-items:center;gap:10px}.customer-ranking .sectionhead h2 svg{color:#a90059}.customer-ranking-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(130deg,#eaf6ff,#ffeaf5);color:#b1005a}
.customer-periods{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px}.customer-periods button{border-radius:12px;background:#fff9fc;border-color:#efdee7;color:#806777;min-height:39px;padding:9px 13px;font-size:12px;font-weight:500}.customer-periods button[aria-pressed=true]{background:#9f004c;border-color:#9f004c;color:white;box-shadow:0 5px 15px #9f004c20}.customer-period-caption{padding:0 24px;margin:12px 0 20px;font-size:11px;line-height:1.6;color:#8d7784}
.customer-ranking-summary{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:14px;margin:0 24px 16px}.customer-ranking-summary>div{padding:16px 14px;border:1px solid #eee1e9;border-radius:17px;background:linear-gradient(140deg,#fff,#fff8fc)}.customer-ranking-summary span:not(.animated-number):not([aria-hidden]){display:block;font-size:11px;color:#8b7583}.customer-ranking-summary strong{display:block;margin-top:8px;font-size:24px;font-weight:400;letter-spacing:-.6px;color:#9f004c;white-space:nowrap}
.customer-leaderboard{list-style:none;padding:0 24px 20px;margin:0}.customer-leaderboard li{border-bottom:1px solid #f0e6eb}.customer-leaderboard li:last-child{border-bottom:0}.customer-leaderboard button{display:flex;width:100%;gap:14px;align-items:center;padding:16px 0;border:0;background:transparent;border-radius:12px;text-align:left}@media(hover:hover) and (pointer:fine){.customer-leaderboard button:hover{background:#fff8fc}}.customer-rank-number{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;flex:0 0 38px;width:38px;height:44px;border-radius:13px;background:#f7f2f6;color:#9c8191}.customer-rank-number small{margin:0;font-size:9px;color:inherit}.customer-rank-number.rank-1{background:#fff3d0;color:#b17a04}.customer-rank-number.rank-2{background:#edf2f8;color:#798ca2}.customer-rank-number.rank-3{background:#fae9de;color:#ac704a}.customer-rank-info{flex:1;min-width:0}.customer-rank-info>strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:600;color:#35242f}.customer-rank-info>small{font-size:11px;color:#95818c;margin:4px 0 9px}.customer-rank-track{display:block;overflow:hidden;height:5px;border-radius:20px;background:#f5edf3}.customer-rank-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70bbeb,#de66a7,#ab0056)}.customer-rank-total{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#9f004c;white-space:nowrap}.customer-ranking-empty{padding:35px 24px 40px;text-align:center;color:#a78c9d}.customer-ranking-empty h3{font-size:15px;font-weight:500;color:#4a3442;margin:15px 0 8px}.customer-ranking-empty p{font-size:12px;color:#8f7b87;margin:0;line-height:1.6}
@media(max-width:900px){.podium-photo{width:54px;height:60px;border-radius:13px;margin:10px auto 8px}.customer-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px;gap:7px}.customer-periods button{padding:10px 6px;font-size:11px}.customer-period-caption{padding:0 16px}.customer-ranking-summary{margin:0 16px 12px;gap:8px;grid-template-columns:1fr 1fr}.customer-ranking-summary>div:nth-child(2){grid-column:1/-1;grid-row:1}.customer-ranking-summary strong{font-size:23px}.customer-leaderboard{padding:0 16px 16px}.customer-leaderboard button{gap:10px}.customer-rank-total{font-size:13px;gap:4px}.customer-rank-info>strong{font-size:13px}}

/* Give period controls breathing room between the heading and date range. */
.customer-ranking .customer-periods{padding-top:16px;padding-bottom:14px}
.customer-ranking .customer-period-caption{margin-top:0}
@media(max-width:900px){.customer-ranking .customer-periods{padding-top:14px;padding-bottom:14px}}

.customer-ranking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1400px){.customer-ranking-summary{grid-template-columns:1fr 1.3fr 1fr 1fr}}

/* A composed checkout receipt, with a clear total and quiet supporting figures. */
.dialog .salesummary.checkout-summary{padding:22px 18px;background:linear-gradient(160deg,#fbf8fa,#fff);border-left:1px solid #f0e5ec}
.checkout-card{background:#fff;border:1px solid #eedfe8;border-radius:24px;padding:20px 18px;box-shadow:0 10px 35px #5d183b08;font-family:var(--font-body)}
.checkout-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.checkout-receipt-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#fff0f7;color:#ab0058}.checkout-heading p{font-size:10px;color:#9b7d8e;margin:0 0 5px;line-height:1.4}.checkout-heading h3{font-size:17px;font-weight:600;color:#30202b;margin:0;letter-spacing:-.4px;line-height:1.3}
.checkout-total{position:relative;overflow:hidden;border-radius:19px;background:linear-gradient(125deg,#850040,#b60060 65%,#ce0072);padding:22px 18px 17px;color:#fff;box-shadow:0 8px 20px #9f004c1c}.checkout-total>img{position:absolute;right:-14px;top:-22px;width:95px;height:142px;object-fit:contain;opacity:.12;transform:rotate(18deg);pointer-events:none;filter:brightness(0) invert(1)}.checkout-total>span{display:block;font-size:12px;color:#ffe2f0;position:relative}.checkout-total>strong{display:block;font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.25;margin:8px 0 18px;position:relative;font-variant-numeric:tabular-nums;white-space:nowrap}.checkout-tags{display:flex;flex-wrap:wrap;gap:7px;position:relative}.checkout-tags>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#ffffff16;border:1px solid #ffffff22;color:#fff0f7;font-size:10px;line-height:1.3}
.checkout-customer{display:flex;flex-direction:column;gap:4px;padding:17px 0 15px;border-bottom:1px dashed #eadce4}.checkout-customer>span{font-size:10px;color:#9b8190}.checkout-customer>strong{font-size:12px;font-weight:500;color:#513448;overflow-wrap:anywhere}
.salesummary .checkout-breakdown{display:block;margin:12px 0 18px}.salesummary .checkout-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:7px 0;border:0;font-size:12px;line-height:1.5}.salesummary .checkout-breakdown dt{color:#8f7785}.salesummary .checkout-breakdown dd{margin:0;font-weight:500;color:#513448;white-space:nowrap}
.checkout-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.checkout-results>div{padding:12px 10px;border:1px solid #eee3e9;border-radius:13px;background:#fcfafb}.checkout-results>div:nth-child(2){background:#fff6fb;border-color:#f3dce9}.checkout-results span{display:block;font-size:10px;line-height:1.45;color:#947a88}.checkout-results strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.3px;margin-top:7px;white-space:nowrap;color:#5c3f50;font-variant-numeric:tabular-nums}.checkout-results>div:nth-child(2) strong{color:#a40055}.checkout-results>.is-loss strong{color:#bd363c}
.checkout-margin{display:flex;justify-content:space-between;align-items:center;padding:13px 2px 0;font-size:11px;color:#967b8b}.checkout-margin strong{font-size:13px;font-weight:500;color:#a00052}.checkout-note{font-size:10px;line-height:1.65;margin:14px 0 18px;color:#a18a97}
.checkout-confirmation{display:flex;align-items:flex-start;gap:8px;border-top:1px dashed #eadce4;padding-top:17px;color:#a60056}.checkout-confirmation svg{flex:none;margin-top:1px}.checkout-confirmation p{font-size:10px;line-height:1.6;color:#947e8a;margin:0}.checkout-validation{font-size:11px;line-height:1.5;margin:12px 0}
.checkout-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.checkout-actions .primary.fullwidth{margin:0;width:100%;min-height:48px;border-radius:14px;font-size:13px;display:flex;justify-content:space-between;padding:14px 15px;box-shadow:0 6px 18px #9f004c1d}.checkout-actions .primary.fullwidth:disabled{box-shadow:none;opacity:.55}.checkout-actions .checkout-back{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;border:0;background:transparent;color:#967887;font-size:11px;font-weight:400;border-radius:10px;padding:9px}@media(hover:hover) and (pointer:fine){.checkout-actions .checkout-back:hover{color:#9f004c;background:#fff5fa}}
@media(max-width:900px){.dialog .salesummary.checkout-summary{padding:22px 16px 28px;border:0;border-top:1px solid #f0e3eb;background:#fcf8fb}.checkout-card{padding:22px 20px;border-radius:23px}.checkout-total{padding:24px 20px 20px}.checkout-total>strong{font-size:36px}.checkout-heading h3{font-size:18px}.checkout-results strong{font-size:18px}.checkout-actions .primary.fullwidth{min-height:51px}}

/* Sale history as a readable receipt, without horizontal tables. */
.dialog .detailbody.sale-details-design{padding:26px;background:linear-gradient(160deg,#fff 55%,#fff9fc);font-family:var(--font-body);color:#49303f}
.sale-detail-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.sale-detail-person{display:flex;align-items:center;gap:12px;min-width:0}.sale-detail-avatar{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #f0dce8;border-radius:16px;background:#fff4fa;color:#a80057}.sale-detail-person>div{min-width:0}.sale-detail-person>div>span{display:block;font-size:10px;color:#a08494;margin-bottom:4px}.sale-detail-person h2{font-size:22px;font-weight:500;letter-spacing:-.5px;overflow-wrap:anywhere;line-height:1.25;margin:0;color:#35222e}.sale-detail-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbefe4;background:#f1faf5;color:#418560;border-radius:20px;padding:8px 11px;font-size:10px;font-weight:500;white-space:nowrap}.sale-detail-status>span{width:5px;height:5px;border-radius:50%;background:currentColor}.sale-detail-status.is-cancelled{color:#b34a63;background:#fff1f5;border-color:#f4dce5}
.sale-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sale-detail-meta>span{display:inline-flex;align-items:center;gap:6px;background:#fcf8fb;border:1px solid #f1e5ed;border-radius:9px;padding:7px 9px;font-size:10px;color:#977b8c}
.sale-detail-amount{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-radius:21px;padding:25px 23px;background:linear-gradient(120deg,#87003f,#af0058 68%,#cc0070);color:#fff;margin-bottom:26px;box-shadow:0 8px 24px #9f004c15}.sale-detail-amount>img{position:absolute;right:30px;top:-38px;width:140px;height:210px;object-fit:contain;opacity:.1;filter:brightness(0) invert(1);transform:rotate(18deg);pointer-events:none}.sale-detail-amount>div{position:relative}.sale-detail-amount>div>span{font-size:12px;color:#ffe0ef}.sale-detail-amount strong{display:block;font-weight:500;font-size:38px;letter-spacing:-1.4px;margin-top:7px;line-height:1.2;font-variant-numeric:tabular-nums}.sale-detail-amount-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;border:1px solid #ffffff25;background:#ffffff12;color:#ffe6f3;position:relative}.sale-detail-amount>p{position:relative;flex-basis:100%;border-top:1px solid #ffffff25;padding-top:12px;font-size:11px;margin:0;color:#ffe1f0}
.sale-detail-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.sale-detail-section-title h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#3e2635;margin:0}.sale-detail-section-title h3 svg{color:#ae0058}.sale-detail-section-title>span{font-size:10px;background:#fff3f9;color:#a37990;border-radius:8px;padding:6px 8px}.sale-detail-history-note{color:#a18997;font-size:10px;line-height:1.6;margin:0 0 16px}
.sale-detail-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sale-detail-product{min-width:0;background:#fff;border:1px solid #eddee7;border-radius:19px;padding:16px;box-shadow:0 4px 16px #69123904}.sale-detail-product-header{display:flex;gap:11px;align-items:center}.sale-detail-product-header .productphoto{width:48px;height:54px;flex:0 0 48px;border-radius:13px;border-color:#eddee7;background:#fcf7fa}.sale-detail-product-header>div{min-width:0;flex:1}.sale-detail-product h4{font-size:13px;line-height:1.45;font-weight:600;margin:0;color:#422936;overflow-wrap:anywhere}.sale-detail-product-header p{font-size:10px;color:#a08a96;margin:4px 0 0;line-height:1.4}.sale-detail-qty{flex:none;font-size:11px;color:#a80057;background:#fff0f8;border-radius:8px;padding:7px 8px;white-space:nowrap}.sale-detail-item-return{display:flex;align-items:center;gap:5px;font-size:10px;color:#b07c98;margin:12px 0 0}
.sale-detail-product dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:16px 0 0;padding-top:14px;border-top:1px dashed #efdee8}.sale-detail-product dt{font-size:10px;color:#a08896;line-height:1.4}.sale-detail-product dd{font-size:13px;font-weight:500;margin:5px 0 0;color:#533848;white-space:nowrap}.sale-detail-product .sale-detail-item-profit{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:#fff7fb;padding:10px;border-radius:11px}.sale-detail-item-profit dd{margin:0;text-align:right;color:#a80055}.sale-detail-item-profit dd small{font-size:9px;color:#b296a5;font-weight:400;margin-top:3px}
.sale-detail-finance{margin-top:24px;border:1px solid #eddee7;border-radius:20px;padding:19px;background:#fff}.sale-detail-totals{margin:16px 0}.sale-detail-totals>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:12px;line-height:1.5}.sale-detail-totals dt{color:#947888}.sale-detail-totals dd{margin:0;font-weight:500;white-space:nowrap}.sale-detail-totals .original-total{border-block:1px dashed #eedfe7;margin:6px 0;padding:13px 0}.sale-detail-totals .current-total{font-size:14px;padding-top:14px;color:#a00051}.sale-detail-totals .current-total dt{color:#a00051;font-weight:500}.sale-detail-totals .current-total dd{font-size:20px;letter-spacing:-.5px}
.sale-detail-profit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 15px}.sale-detail-profit-grid>div{padding:13px 11px;border:1px solid #eee3e9;border-radius:12px;background:#fcfafb;min-width:0}.sale-detail-profit-grid>div:nth-child(2){background:#fff4fa;border-color:#f0d8e6}.sale-detail-profit-grid span{display:block;font-size:10px;color:#a28797;line-height:1.4}.sale-detail-profit-grid strong{display:block;font-size:17px;font-weight:500;color:#a10052;letter-spacing:-.4px;margin-top:8px;white-space:nowrap}.sale-detail-profit-grid .is-loss strong{color:#b53443}.sale-detail-finance>.sale-detail-history-note{margin:0}
.sale-detail-notes{padding:20px 0;border-bottom:1px dashed #eedfe7}.sale-detail-notes h3{font-size:12px;font-weight:500;margin:0 0 8px;color:#755868}.sale-detail-notes p{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#a08796;margin:0}.sale-detail-promotion{display:flex;gap:10px;align-items:flex-start;padding:15px;margin-top:20px;border-radius:14px;border:1px solid #f0dce7;background:#fff6fb;color:#ad005b}.sale-detail-promotion span,.sale-detail-promotion small{display:block;font-size:10px;color:#a18495;margin:0}.sale-detail-promotion strong{display:block;font-size:12px;font-weight:500;margin:4px 0 6px}
.sale-detail-returns{margin-top:24px}.sale-detail-return{border:1px solid #f0dce7;border-radius:14px;padding:14px;margin-top:10px;background:#fff9fc}.sale-detail-return>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.sale-detail-return strong{font-size:15px;color:#a00051}.sale-detail-return>div>span{font-size:10px;color:#aa8f9e}.sale-detail-return p{font-size:12px;color:#805d71;overflow-wrap:anywhere;line-height:1.5;margin:10px 0}.sale-detail-return small{font-size:10px;line-height:1.5;color:#ad91a1}.sale-detail-cancelled{margin-top:18px;padding:15px;background:#fff1f5;border:1px solid #f2d5e0;border-radius:14px;font-size:12px;color:#b14f68}.sale-detail-cancelled small{color:#b28092;font-size:10px}
.sale-detail-ledger-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#b096a4;line-height:1.6;margin:19px 0}.sale-detail-ledger-note svg{flex:none;color:#ad6c8f}.sale-detail-actions{display:flex;flex-direction:column;gap:9px}.sale-detail-actions>.primary{width:100%;justify-content:space-between;border-radius:14px;min-height:48px;padding:13px 15px;font-size:13px}.sale-detail-actions>div{display:flex;gap:8px}.sale-detail-actions>div>button{flex:1;border-radius:12px;font-size:11px;min-height:42px;padding:10px 9px;background:#fff;border:1px solid #eddee7;color:#98768a}.sale-detail-actions>.sale-detail-cancel-action{border:0;background:transparent;box-shadow:none;color:#b88ca3;font-size:10px;font-weight:400;min-height:32px;padding:7px}
@media(max-width:900px){.dialog .detailbody.sale-details-design{padding:22px 16px 26px}.sale-detail-intro{align-items:flex-start;gap:10px;flex-wrap:wrap}.sale-detail-person h2{font-size:21px}.sale-detail-amount{padding:24px 20px;margin-bottom:24px}.sale-detail-amount strong{font-size:35px}.sale-detail-product-list{grid-template-columns:minmax(0,1fr)}.sale-detail-finance{padding:17px 15px}.sale-detail-profit-grid{grid-template-columns:1fr 1fr}.sale-detail-profit-grid>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.sale-detail-profit-grid>div:last-child strong{margin:0;font-size:15px}.sale-detail-actions>div{flex-wrap:wrap}.sale-detail-actions>div>button{min-width:130px}}

.sale-detail-product dl>div{display:block;margin:0;padding:0;border:0}
.sale-detail-product dl>.sale-detail-item-profit{display:flex;padding:10px}
/* Full-width entry background and floating brand loader. */
.authpage{max-width:none;width:100%;margin:0;min-height:100dvh}
.authpage .authart{padding-left:max(48px,calc((100vw - 1500px)/2 + 48px))}
.authpage .authmain{padding-right:max(48px,calc((100vw - 1500px)/2 + 48px))}
.boot.ruby-boot{position:fixed;inset:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at 50% 46%,#fff0f8 0,transparent 48%),#fff;color:#9f004c;padding:24px;z-index:2000}
.ruby-loader{position:relative;display:grid;place-items:center;width:148px;height:170px;isolation:isolate}
.ruby-loader img{width:52px;height:78px;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 12px #9f004c24);animation:ruby-loader-float 2.6s ease-in-out infinite}
.ruby-loader-halo{position:absolute;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#d900781c,transparent 70%);animation:ruby-loader-glow 2.6s ease-in-out infinite}
.ruby-loader-shadow{position:absolute;bottom:23px;width:40px;height:7px;border-radius:50%;background:#9f004c22;filter:blur(5px);animation:ruby-loader-shadow 2.6s ease-in-out infinite}
.ruby-boot-error{text-align:center;max-width:360px;font-size:14px}.ruby-boot-error p{margin:0 0 16px}
@keyframes ruby-loader-float{0%,100%{transform:translateY(3px) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes ruby-loader-glow{0%,100%{transform:scale(.86);opacity:.55}50%{transform:scale(1.16);opacity:1}}
@keyframes ruby-loader-shadow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(.65);opacity:.35}}
@media(min-width:901px){.authpage .authform{width:100%;max-width:460px}}
@media(max-width:900px){.authpage .authmain{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){.ruby-loader img,.ruby-loader-halo,.ruby-loader-shadow{animation:none}}
/* Spacious account actions and desktop campaign art. */
.authform .authswitch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin-top:24px;line-height:1.6}
.authform .authswitch>.link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;background:#fff2f8;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}@media(hover:hover) and (pointer:fine){
.authform .authswitch>.link:hover{background:#ffe3f0}}
.authform .auth-forgot-row{margin:4px 0 20px}
.authform .auth-forgot{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:12px;font-size:13px;white-space:nowrap}@media(hover:hover) and (pointer:fine){
.authform .auth-forgot:hover{background:#fff2f8}}
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #f0e5ec;border-radius:15px;background:#f8f4f7;margin:24px 0}
.auth-mode-tabs button{border:0;background:transparent;box-shadow:none;min-height:42px;border-radius:11px;font-size:13px;font-weight:600;color:#8d647a}
.auth-mode-tabs button[aria-pressed=true]{background:#fff;color:#a00050;box-shadow:0 3px 12px #580d2e0c}
.authpage .authart-campaign{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:54px;padding-bottom:42px;min-height:100dvh;isolation:isolate}
.authart-campaign .authword{position:relative;z-index:2;margin-bottom:36px}
.authart-campaign h1{position:relative;z-index:2;font-size:clamp(42px,3.5vw,66px);line-height:1.08;margin:0 0 14px;letter-spacing:-2px}
.authart-campaign>p{position:relative;z-index:2;max-width:360px;font-size:16px;line-height:1.65;margin:0}
.authart-campaign .authseal{position:relative;z-index:2;margin-top:auto;padding-top:390px;font-size:12px}
.auth-campaign-image{position:absolute;inset:auto 0 0;width:100%;height:75%;object-fit:cover;object-position:center bottom;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 20%)}
@media(min-width:901px){.authpage .authmain{padding-top:40px;padding-bottom:40px}.authpage .authform-signup{padding-top:30px;padding-bottom:30px}.authform-signup .authhint{margin-top:22px}}
@media(max-width:900px){.authpage .authart-campaign{display:none}.auth-mode-tabs{margin:22px 0}.authform .authswitch{gap:4px 8px}.authform .auth-forgot{padding-right:10px}}
.auth-signup-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-signup-pair label{min-width:0}.auth-signup-pair input{width:100%;min-width:0}
@media(max-width:420px){.auth-signup-pair{grid-template-columns:1fr;gap:0}}
/* Soft, stable switch: slide the selected surface, never scale text. */
.auth-mode-tabs{position:relative;isolation:isolate}
.auth-mode-tabs::before{content:"";position:absolute;inset:5px auto 5px 5px;width:calc((100% - 15px)/2);border-radius:11px;background:#fff;box-shadow:0 3px 12px #580d2e0c;transition:transform .36s cubic-bezier(.22,1,.36,1);z-index:-1}
.auth-mode-tabs:has(button:nth-child(2)[aria-pressed=true])::before{transform:translateX(calc(100% + 5px))}
.auth-mode-tabs button,.auth-mode-tabs button[aria-pressed=true]{background:transparent;box-shadow:none;transition:color .22s ease}
.authpage .authform{overflow:clip}
.authpage .authform>h1{min-height:42px}
.authpage .authform>.sub{min-height:44px;margin-bottom:0}
@media(min-width:901px){.authpage .authart-campaign{height:100dvh;min-height:0;position:sticky;top:0;align-self:start}.authpage .authform-signup{padding-top:42px;padding-bottom:42px}.authpage .authform{padding-top:42px;padding-bottom:42px}.authform-signup .authhint{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.auth-mode-tabs::before,.auth-mode-tabs button{transition:none}}
/* Airy desktop brand panel: preserve the full illustration at any screen width. */
.authpage .authart-campaign{padding-top:clamp(32px,5vh,64px);padding-bottom:28px;padding-right:clamp(28px,4vw,72px);display:grid;grid-template-rows:auto auto auto minmax(150px,1fr) auto;align-content:start;gap:0}
.authart-campaign .authword{margin-bottom:clamp(28px,5vh,56px)}
.authart-campaign .auth-benefit-title{font-size:clamp(32px,2.85vw,52px);line-height:1.17;letter-spacing:-1.5px;margin:0 0 18px;min-width:0}
.auth-benefit-title>span{display:block}
.auth-benefit-title .auth-benefit-word{height:1.3em;overflow:hidden;position:relative;color:#a00050}
.auth-benefit-word>span{display:block;animation:benefit-arrive .55s cubic-bezier(.22,1,.36,1) both}
@keyframes benefit-arrive{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.auth-benefit-title>.auth-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.authart-campaign>p{max-width:390px;margin:0;font-size:15px;line-height:1.75}
.authart-campaign .auth-campaign-image{position:static;grid-row:4;width:100%;max-width:560px;height:100%;min-height:0;max-height:400px;align-self:center;justify-self:center;object-fit:contain;object-position:center;mask-image:none;pointer-events:none}
.authart-campaign .authseal{grid-row:5;padding-top:16px;margin:0;font-size:11px;line-height:1.5}
@media(min-width:901px){.authpage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.authpage .authmain{padding:32px clamp(28px,4vw,64px)}.authpage .authform,.authpage .authform-signup{padding:30px 32px}.authpage .authform>h1{font-size:30px;line-height:1.2;min-height:38px}.authpage .authform>.sub{font-size:12px;min-height:40px}.auth-mode-tabs{margin:18px 0}.authpage .authform label{margin-bottom:12px}.auth-password-field{margin-bottom:14px}.authpage .authhint{margin-top:24px}}
@media(max-width:900px){.authpage .authart-campaign{display:none}.authpage .authform input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.auth-benefit-word>span{animation:none}}

/* Explicit light surfaces also cover native form controls and initial paint. */
:root,html,body,#root{color-scheme:only light}
html{background:#fff}
/* Profile access and personal sales workspace. */
.profiles-page{min-height:100dvh;background:radial-gradient(ellipse at top left,#fff0f8,transparent 60%),#fff;padding:48px 24px;display:grid;place-items:center}
.profiles-card{width:100%;max-width:850px;border:1px solid #eddee7;border-radius:28px;background:#ffffffec;box-shadow:0 18px 70px #63133308;padding:40px}
.profiles-brand{width:150px;height:auto;margin-bottom:38px}.profiles-caption{display:flex;gap:8px;align-items:center;color:#9f004c;font-size:12px;margin-bottom:16px}
.profiles-card h1{font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.2}.profiles-sub{color:#897783;font-size:14px;line-height:1.7;margin:14px 0 28px}
.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.profile-choice-wrap{border:1px solid #eedfe8;border-radius:20px;background:#fff;overflow:hidden}.profile-choice-wrap.is-disabled{opacity:.6}
.profile-choice{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:220px;padding:24px 12px;border:0;box-shadow:none;border-radius:0;background:transparent}@media(hover:hover) and (pointer:fine){.profile-choice:hover{background:#fff6fa}}.profile-choice strong{font-size:16px;overflow-wrap:anywhere}.profile-choice small{font-size:11px;color:#917784;line-height:1.5}.profile-choice-avatar{width:66px;height:66px;display:grid;place-items:center;background:#fff0f8;border:1px solid #f2d7e7;color:#a00050;font-size:26px;border-radius:22px}.profile-choice-avatar.admin{background:#a00050;color:white}.profile-choice-lock{display:flex;align-items:center;gap:5px;color:#aa8d9e;font-size:10px}
.profile-choice-actions{display:flex;border-top:1px solid #f0e4eb}.profile-choice-actions button{flex:1;display:flex;gap:6px;justify-content:center;border:0;border-radius:0;box-shadow:none;background:#fff;font-size:11px;padding:12px 8px}.profiles-add{margin-top:24px}.profiles-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #eee3e9}.profiles-footer button,.profiles-back{border:0;box-shadow:none;background:transparent;font-size:12px;color:#947182;display:flex;gap:8px;align-items:center;min-height:42px}
.profile-pin-form{max-width:390px;display:flex;flex-direction:column;gap:18px}.profile-pin-form label{margin:0;font-size:13px}.profile-pin-form input{width:100%;margin-top:8px;border-radius:12px;height:50px;padding:12px 16px}.profile-pin-form input[type=password]{letter-spacing:8px;font-size:22px}.profile-pin-form small{display:block;font-size:11px;font-weight:400;color:#a18295;margin-top:7px}.profiles-security{display:flex;align-items:flex-start;gap:8px;background:#fff3f9;color:#957283;padding:14px;border-radius:12px;line-height:1.6;font-size:11px}.profiles-security svg{flex-shrink:0}.profile-pin-form>.primary{justify-content:space-between;border-radius:13px;min-height:48px}
.staff-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding:24px;min-height:100dvh;background:radial-gradient(ellipse at top left,#fff5fa,transparent 50%),#fff}.staff-sidebar{height:fit-content;position:sticky;top:24px;border:1px solid #eddee7;border-radius:24px;padding:22px 14px;background:#ffffffed}.staff-sidebar>img{width:150px;margin:0 auto 26px}.staff-sidebar>small{font-size:10px;color:#9b8290;display:block;margin:0 12px 12px;text-transform:uppercase}.staff-sidebar nav{display:grid;gap:7px}.staff-sidebar button{display:flex;align-items:center;gap:10px;border:0;background:transparent;box-shadow:none;font-size:12px;padding:13px 12px;border-radius:13px;width:100%}.staff-sidebar nav button.active{background:#9f004c;color:white;box-shadow:0 5px 12px #9f004c1a}.staff-identity{display:flex;align-items:center;gap:9px;margin:24px 0 8px;padding:14px 6px;border-top:1px solid #f0e5ec}.staff-identity>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff0f8;color:#9f004c}.staff-identity strong{display:block;font-size:12px}.staff-identity small{font-size:10px;color:#ac889c}.staff-main{min-width:0;max-width:1250px;width:100%;padding:18px 0}.staff-main .heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.staff-main .heading h1{font-weight:400;font-size:36px;letter-spacing:-1px}.staff-main .heading .sub{font-size:13px;color:#9a7f8d;margin-top:10px}.staff-main .heading>.primary{white-space:nowrap;flex-shrink:0;border-radius:14px;min-height:46px}.staff-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.staff-main .panel{border:1px solid #eddee7;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #61082f04}.staff-list{margin-bottom:24px}.staff-row{display:flex;align-items:center;gap:14px;padding:18px 20px;min-width:0}.staff-row+.staff-row{border-top:1px solid #f3e8ee}button.staff-row{width:100%;border:0;border-radius:0;box-shadow:none;background:#fff;text-align:left}@media(hover:hover) and (pointer:fine){button.staff-row:hover{background:#fff8fb}}.staff-row>div{flex:1;min-width:0}.staff-row strong{font-size:13px;overflow-wrap:anywhere}.staff-row small{font-size:11px;color:#9b8090;display:block;line-height:1.6;margin-top:5px}.staff-row>strong,.staff-row>b{white-space:nowrap;color:#a00050}.staff-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.staff-products>article{display:flex;align-items:center;gap:14px;padding:20px}.staff-products strong{font-size:14px;overflow-wrap:anywhere}.staff-products small{display:block;font-size:11px;color:#a08795;line-height:1.6;margin-top:6px}.staff-products b{display:block;color:#9f004c;font-size:21px;font-weight:500;margin-top:12px}.staff-product-photo{width:58px;height:66px;flex:0 0 58px;display:grid;place-items:center;border:1px solid #f0e3eb;border-radius:14px;background:#fff8fb;color:#a00050;overflow:hidden}.staff-product-photo img{width:100%;height:100%;object-fit:contain}.staff-search{max-width:650px;margin-bottom:24px;font-size:12px}.staff-search input{width:100%;margin-top:8px;padding:13px 16px;border-radius:13px}.staff-privacy{display:flex;align-items:center;gap:8px;font-size:11px;color:#a28a97;margin-top:24px}.staff-sale-total{background:#9f004c;color:#fff;border-radius:17px;padding:20px;margin:22px 0;display:flex;flex-direction:column;gap:12px}.staff-sale-total strong{font-size:32px}.staff-sale-total span{font-size:12px}.staff-sale-detail h2{font-size:24px;margin:16px 0 8px}.staff-sale-detail>p{font-size:12px;color:#9e8392;line-height:1.7}.staff-sale-detail>.primary{width:100%;margin-top:24px}
@media(max-width:1100px){.staff-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.profiles-page{padding:24px 16px}.profiles-card{padding:26px 20px;border-radius:23px}.profiles-card h1{font-size:28px}.profiles-brand{width:130px;margin-bottom:28px}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-choice{min-height:200px;padding:20px 10px}.profile-choice strong{font-size:14px}.profile-pin-form input{font-size:16px}.staff-shell{display:block;padding:14px}.staff-sidebar{position:static;padding:16px;margin-bottom:22px}.staff-sidebar>img{width:128px;margin:0 0 18px}.staff-sidebar>small{display:none}.staff-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.staff-sidebar nav button{display:flex;flex-direction:column;justify-content:center;font-size:9px;gap:6px;padding:10px 4px;white-space:nowrap}.staff-sidebar>button{display:inline-flex;width:auto;padding:8px 12px;font-size:11px}.staff-identity{margin-top:16px;padding-top:12px}.staff-main{padding:0}.staff-main .heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.staff-main .heading h1{font-size:30px}.staff-main .heading>.primary{font-size:12px;padding:12px 16px}.staff-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-stats article{padding:18px;min-height:130px}.staff-stats article:last-child{grid-column:1/-1}.staff-products{grid-template-columns:1fr}.staff-row{padding:16px 14px;gap:10px}.staff-row strong{font-size:12px}.staff-row small{font-size:10px}.staff-privacy{align-items:flex-start;line-height:1.6}.staff-search input{font-size:16px}}

.staff-main .heading>div{display:block;min-width:0}.staff-main .page-kicker{display:block;color:#ad668b;font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;margin-bottom:12px}.staff-main .heading h1{color:#25171f;margin:0}.staff-main .heading .sub{display:block;margin-top:10px;color:#927685;line-height:1.6}
.staff-stats article{border:1px solid #eddee7;border-radius:20px;background:#fff;padding:24px;min-height:160px;box-shadow:0 8px 24px #61082f04}.staff-stats article>span{font-size:12px;color:#997b8d}.staff-stats h2{font-size:30px;color:#a00050;font-weight:400;margin:22px 0 10px}.staff-stats small{font-size:11px;color:#a28a97}.staff-list>.empty{min-height:180px;display:grid;place-items:center;color:#a28a97;font-size:13px}
@media(max-width:760px){.staff-stats article{padding:18px;min-height:132px}.staff-stats h2{font-size:27px;margin-top:18px}}
/* Profile selection: spacious avatar stage and focused PIN entrance. */
.profiles-cinema{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;min-height:100svh;padding:0;background:#fffcfe;overflow:hidden;color:#30212a}
.profiles-aura{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#fff 18%,#fff9fc 70%)}.profiles-aura>span{position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(80px);opacity:.32;background:#fbd7e9;left:-25%;top:-28%;animation:profiles-aura-drift 20s ease-in-out infinite alternate}.profiles-aura>span+span{left:auto;right:-25%;top:auto;bottom:-40%;background:#f2d9ed;animation-delay:-10s}
@keyframes profiles-aura-drift{to{transform:translate(8%,10%) scale(1.08)}}
.profiles-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 48px;position:relative;z-index:2}.profiles-topbar>img{width:145px;height:auto}.profiles-topbar>button{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;background:#ffffff90;border:1px solid #eee2e9;border-radius:30px;box-shadow:none;font-size:12px;font-weight:400;color:#a58c9a}
.profiles-cinema .cinema-stage{width:100%;max-width:1120px;flex:1;display:grid;place-items:center;align-self:center;border:0;border-radius:0;background:none;box-shadow:none;padding:40px 32px 60px;min-width:0}.profiles-scene{width:100%;text-align:center;position:relative}.profiles-cinema .profiles-caption{display:flex;justify-content:center;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#b18b9f;margin:0 0 18px}.profiles-caption>span{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#d90078;box-shadow:0 0 0 4px #d9007808}
.profiles-cinema .profiles-card h1{font-size:clamp(32px,3.3vw,48px);line-height:1.16;letter-spacing:-1.8px;font-weight:400;color:#30212a;margin:0 auto;max-width:760px;text-wrap:balance}.profiles-cinema .profiles-sub{font-size:14px;line-height:1.7;max-width:470px;margin:16px auto 42px;color:#aa8c9d}
.profiles-cinema .profiles-grid{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:32px 26px;padding:0;max-width:100%;margin:0 auto}.profiles-cinema .profile-choice-wrap{width:158px;flex:0 0 158px;overflow:visible;border:0;background:none;border-radius:0}.profiles-cinema .profile-choice{padding:0;min-height:0;gap:0;background:none;border:0;box-shadow:none;overflow:visible}@media(hover:hover) and (pointer:fine){.profiles-cinema .profile-choice:hover{background:none}}.profile-choice-art{display:block;position:relative;margin-bottom:18px}
.profile-avatar-art{position:relative;isolation:isolate;width:136px;height:136px;display:grid;place-items:center;border-radius:28px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#d90078,#9f004c);box-shadow:0 10px 24px #9f004c12,inset 0 1px 0 #ffffff50;transition:box-shadow .25s,border-radius .3s,outline-color .25s;outline:3px solid transparent;outline-offset:5px}.profile-avatar-art::before{content:"";position:absolute;inset:-45% 12% 45% -30%;background:#ffffff18;border-radius:50%;transform:rotate(-25deg)}.profile-avatar-art::after{content:"";position:absolute;inset:65% -35% -40% 15%;border:1px solid #ffffff25;border-radius:50%;transform:rotate(-25deg)}.profile-avatar-art>svg{width:47px;height:47px;stroke-width:1.25;filter:drop-shadow(0 3px 4px #74003715)}.profile-avatar-art.tone-0{background:linear-gradient(145deg,#dc74b3,#b03779)}.profile-avatar-art.tone-1{background:linear-gradient(145deg,#b987b9,#855080)}.profile-avatar-art.tone-2{background:linear-gradient(145deg,#ea9baf,#c35276)}.profile-avatar-letter{position:relative;font-size:52px;font-weight:400;letter-spacing:-2px;line-height:1;text-shadow:0 3px 8px #6e174d15}.profile-avatar-spark{position:absolute;width:6px;height:6px;background:#ffffff99;border-radius:2px;transform:rotate(45deg);right:20px;top:22px}.profile-choice:focus-visible .profile-avatar-art{outline-color:#c9006b;box-shadow:0 16px 32px #9f004c20;border-radius:24px}@media(hover:hover) and (pointer:fine){
.profile-choice:hover .profile-avatar-art{outline-color:#c9006b;box-shadow:0 16px 32px #9f004c20;border-radius:24px}}.profiles-cinema .profile-choice:focus-visible{outline:0}.profile-tile-lock{position:absolute;right:-6px;bottom:-6px;width:29px;height:29px;display:grid;place-items:center;background:#fff;border:1px solid #f0e1e9;border-radius:50%;color:#b5849d;box-shadow:0 4px 9px #9f004c05}.profiles-cinema .profile-choice strong{display:block;font-size:15px;font-weight:500;line-height:1.4;color:#755364;max-width:155px;overflow-wrap:anywhere;margin-bottom:6px}.profiles-cinema .profile-choice small{font-size:10px;line-height:1.5;color:#b29aa8;display:block}
.profiles-cinema .profile-add-tile{width:158px;flex:0 0 158px;display:flex;flex-direction:column;align-items:center;padding:0;min-height:0;background:none;border:0;box-shadow:none;color:#ac8e9d}.profile-add-tile>span{width:136px;height:136px;display:grid;place-items:center;border:1px dashed #ddc7d4;border-radius:28px;background:#ffffff80;margin-bottom:18px;transition:border-color .2s,background .2s,color .2s}@media(hover:hover) and (pointer:fine){.profile-add-tile:hover>span{background:#fff0f8;border-color:#cf438e;color:#ac0057}}.profile-add-tile strong{font-size:14px;font-weight:400;margin-bottom:6px}.profile-add-tile small{font-size:10px;color:#bda4b1}
.profiles-list-actions{display:flex;justify-content:center;margin-top:44px}.profiles-list-actions>button{display:flex;align-items:center;gap:8px;border:1px solid #e6d6df;border-radius:30px;background:#ffffff90;box-shadow:none;padding:11px 22px;min-height:44px;font-size:11px;font-weight:400;letter-spacing:.2px;color:#a18795}@media(hover:hover) and (pointer:fine){.profiles-list-actions>button:hover{border-color:#cfa5bc;color:#a00050;background:#fff}}
.profiles-bottom{display:flex;align-items:center;justify-content:center;gap:7px;padding:22px 20px 28px;font-size:10px;line-height:1.6;color:#b39baa}.profiles-bottom svg{flex-shrink:0;color:#b890a5}
.profiles-cinema .is-pin-view{max-width:700px;padding-top:12px;padding-bottom:32px}.profiles-scene-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;box-shadow:none;color:#b297a6;font-size:11px;font-weight:400;min-height:42px;padding:9px 15px;margin:0 auto 26px}.profiles-selected-avatar{position:relative;width:96px;margin:0 auto 26px}.profile-avatar-art.is-large{width:96px;height:96px;border-radius:25px}.profile-avatar-art.is-large>svg{width:36px;height:36px}.profile-avatar-art.is-large .profile-avatar-letter{font-size:42px}.profiles-avatar-lock{position:absolute;bottom:-7px;right:-7px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #eedce7;background:#fff;color:#ac0057;border-radius:50%;box-shadow:0 4px 14px #9f004c09}.profiles-cinema .is-pin-view h1{font-size:34px;letter-spacing:-1px}.profiles-cinema .is-pin-view .profiles-sub{font-size:13px;max-width:340px;margin-bottom:28px}.profiles-cinema .is-pin-view .profiles-caption{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}
.profiles-cinema .profile-pin-form{max-width:350px;width:100%;margin:0 auto;gap:22px;text-align:left}.profiles-cinema .profile-pin-label{display:block;font-size:11px;color:#a38394;font-weight:400}.profile-pin-label>span:first-child{display:block;text-align:center;margin-bottom:12px}.profile-pin-entry{display:block;position:relative;width:100%;height:58px}.profile-pin-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:100%}.profile-pin-slot{display:grid;place-items:center;background:#fff;border:1px solid #e8d7e1;border-radius:12px;box-shadow:0 3px 10px #9f004c03;transition:border-color .18s,background .18s,box-shadow .18s}.profile-pin-slot i{display:block;width:9px;height:9px;background:#a00050;border-radius:50%;animation:pin-dot-in .18s ease-out}.profile-pin-slot.is-filled{border-color:#e1abc8;background:#fff5fa}.profile-pin-entry:focus-within .profile-pin-slot.is-next{border-color:#bc0060;box-shadow:0 0 0 3px #bc00600a}.profiles-cinema .profile-pin-form .profile-pin-entry>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;padding:0;border:0;letter-spacing:0;font-size:16px;cursor:text;caret-color:transparent;outline:0}.profiles-cinema .profile-pin-label>small{text-align:center;font-size:10px;margin-top:11px;color:#c0a7b5}.profiles-cinema .profile-pin-form>.profile-enter-button{display:flex;justify-content:center;gap:16px;min-height:48px;border:0;border-radius:14px;background:linear-gradient(110deg,#b3005a,#980049);color:#fff;font-size:12px;font-weight:500;box-shadow:0 8px 18px #9f004c16;padding:13px 18px;margin-top:2px}@media(hover:hover) and (pointer:fine){.profile-enter-button:hover{box-shadow:0 10px 24px #9f004c25}}.profiles-form-security{display:flex;justify-content:center;align-items:flex-start;gap:6px;font-size:9px;line-height:1.6;color:#bea4b2;margin:0;text-align:center}.profiles-form-security svg{flex-shrink:0;margin-top:1px}.profiles-name-field{display:block;font-size:12px;color:#a18092;font-weight:400}.profiles-cinema .profiles-name-field>input{height:48px;border-radius:12px;font-size:14px;padding:12px 14px;letter-spacing:0;margin-top:9px;background:#fff;border:1px solid #e8d7e1}.profiles-setup-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid #f0d2e2;background:#fff0f8;color:#b0005b;border-radius:21px;margin:0 auto 24px}
.profiles-error{font-size:12px;line-height:1.6;color:#b02a61;background:#fff0f6;border:1px solid #f3d5e2;border-radius:12px;padding:12px 14px;max-width:390px;margin:20px auto 0;text-align:center}.profile-pin-form>.profiles-error{margin:0}.profiles-notice{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#a00050;margin:22px auto 0}.profiles-loading{display:grid;place-items:center;min-height:160px}.profiles-loading img{width:28px;height:auto;animation:ruby-loader-float 2.6s ease-in-out infinite}.profile-button-spinner{width:14px;height:14px;border:1.5px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:profile-spin .7s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}@keyframes pin-dot-in{from{transform:scale(.5);opacity:.4}to{transform:scale(1);opacity:1}}
.profiles-cinema .profile-choice-actions{border:0;margin-top:14px;display:flex;flex-direction:column;gap:4px}.profiles-cinema .profile-choice-actions button{border:0;border-radius:8px;box-shadow:none;background:transparent;color:#b594a5;min-height:32px;font-size:10px;padding:7px;justify-content:center}@media(hover:hover) and (pointer:fine){.profiles-cinema .profile-choice-actions button:hover{background:#fff0f8;color:#9f004c}}
@media(max-width:760px){.profiles-topbar{padding:23px 22px}.profiles-topbar>img{width:125px}.profiles-topbar>button{padding:8px 11px;font-size:10px;min-height:38px}.profiles-cinema .cinema-stage{padding:30px 22px 40px}.profiles-cinema .profiles-card h1{font-size:34px;letter-spacing:-1.3px;max-width:330px}.profiles-cinema .profiles-caption{font-size:8px;letter-spacing:1.4px;line-height:1.7}.profiles-cinema .profiles-sub{font-size:12px;margin:14px auto 32px;max-width:280px}.profiles-cinema .profiles-grid{gap:26px 18px;max-width:360px}.profiles-cinema .profile-choice-wrap,.profiles-cinema .profile-add-tile{width:138px;flex-basis:138px}.profile-avatar-art,.profile-add-tile>span{width:112px;height:112px;border-radius:24px}.profile-avatar-letter{font-size:45px}.profile-avatar-art>svg{width:41px;height:41px}.profile-choice-art,.profile-add-tile>span{margin-bottom:15px}.profiles-cinema .profile-choice strong{font-size:13px;max-width:136px}.profiles-cinema .profile-choice small,.profile-add-tile small{font-size:9px}.profile-add-tile strong{font-size:12px}.profiles-list-actions{margin-top:32px}.profiles-bottom{font-size:9px;padding:16px 24px 24px;text-align:center}.profiles-cinema .is-pin-view{padding-top:8px;padding-bottom:28px}.profiles-cinema .is-pin-view h1{font-size:30px}.profiles-selected-avatar{margin-bottom:24px}.profiles-cinema .profile-pin-form{max-width:328px;gap:20px}.profile-pin-entry{height:56px}.profile-pin-slots{gap:7px}.profile-pin-slot{border-radius:11px}.profiles-cinema .profiles-name-field>input{font-size:16px}.profiles-scene-back{margin-bottom:24px}.profiles-aura>span{width:95vw;height:95vw;filter:blur(55px);opacity:.22}}
@media(max-width:350px){.profiles-cinema .profiles-grid{gap:24px 10px}.profiles-cinema .profile-choice-wrap,.profiles-cinema .profile-add-tile{width:122px;flex-basis:122px}.profile-avatar-art,.profile-add-tile>span{width:102px;height:102px}.profiles-cinema .profiles-card h1{font-size:30px}.profiles-cinema .cinema-stage{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.profiles-aura>span,.profile-pin-slot i,.profiles-loading img,.profile-button-spinner{animation:none}.profile-avatar-art,.profile-pin-slot,.profile-add-tile>span{transition:none}}
/* Product browsing: quiet typography, generous space and full product images. */
.staff-shell .staff-main{display:block;align-self:start;margin:0;padding:22px 8px 0;justify-content:initial;align-items:initial}
.staff-main>header.heading{height:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:0;margin:0 0 34px;box-shadow:none}
.staff-catalog{min-width:0}.staff-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 30px;padding:0 0 2px}.staff-catalog-search{position:relative;display:flex;align-items:center;gap:12px;flex:1;max-width:650px;margin:0!important;border:1px solid #ebe6ea;border-radius:16px;padding:0 17px;min-height:54px;background:#f7f5f7;transition:border-color .2s,background .2s,box-shadow .2s;color:#ad9aa5}.staff-catalog-search:focus-within{border-color:#d4a8bf;background:#fff;box-shadow:0 0 0 4px #a0005005}.staff-catalog-search>svg{flex-shrink:0}.staff-catalog-search>input{flex:1;width:100%;min-width:0;min-height:52px;border:0!important;border-radius:0;box-shadow:none;background:transparent!important;padding:13px 0!important;outline:0!important;margin:0!important;font-size:13px;color:#46333e}.staff-catalog-search>input::placeholder{color:#b09da8;font-weight:400}.staff-catalog-search>button{display:grid;place-items:center;min-width:30px;width:30px;height:30px;min-height:30px;border:0;box-shadow:none;background:#ece6eb;border-radius:50%;padding:6px;color:#a58e9a}.staff-catalog-count{font-size:12px;font-weight:400;color:#ac95a2;white-space:nowrap;flex-shrink:0;padding-right:8px}
.staff-main .staff-products.staff-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;margin:0}
.staff-catalog-grid>.staff-product-card{position:relative;display:block;padding:0;min-width:0;border:1px solid #eee7eb;border-radius:25px;background:#fff;box-shadow:0 5px 22px #32202c04;overflow:hidden;animation:catalog-card-arrive .4s ease-out both;transition:transform .25s,box-shadow .25s,border-color .25s}@media(hover:hover) and (pointer:fine){.staff-catalog-grid>.staff-product-card:hover{transform:translateY(-3px);border-color:#e3d2dc;box-shadow:0 16px 36px #4623350b}}
.staff-product-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:215px;background:radial-gradient(ellipse at 50% 60%,#fff,#faf7f9 75%);padding:32px 24px 20px;overflow:hidden}.staff-product-visual::after{content:"";position:absolute;bottom:20px;width:80px;height:6px;border-radius:50%;background:#ba9aad0b;filter:blur(5px)}.staff-stock-tag{position:absolute;left:17px;top:16px;z-index:1;font-size:9px;font-weight:500;color:#7c9687;background:#ffffffd9;border:1px solid #e7eee8;border-radius:20px;padding:5px 9px;letter-spacing:.1px}.staff-stock-tag.is-low{color:#a47757;background:#fffaf5;border-color:#f0e4d9}.staff-stock-tag.is-out{color:#b395a5;background:#faf5f8;border-color:#eddee7}.staff-product-card .staff-product-photo{display:grid;place-items:center;flex:none;border:0;border-radius:0;background:none;width:100%;height:146px;overflow:visible;color:#d6bfcd}.staff-product-card .staff-product-photo>svg{width:45px;height:45px;stroke-width:1.1}.staff-product-card .staff-product-photo>img{width:100%;height:100%;max-height:146px;object-fit:contain;filter:drop-shadow(0 7px 8px #4220310b)}.staff-no-photo{font-size:9px;letter-spacing:.2px;color:#c8afbf;margin-top:7px}
.staff-product-info{padding:23px 22px 20px;min-width:0}.staff-product-info .staff-product-brand{font-size:10px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;color:#b293a4;margin:0 0 10px;line-height:1.5}.staff-product-info h2{font-size:19px;font-weight:500;letter-spacing:-.45px;line-height:1.35;color:#35242e;margin:0;overflow-wrap:anywhere}.staff-product-category{display:inline-block;font-size:10px;color:#b49aa9;margin-top:9px}.staff-product-price{display:flex;flex-direction:column;gap:6px;margin-top:25px}.staff-product-price>span{font-size:10px;color:#b59dab;line-height:1.4}.staff-product-card .staff-product-price>strong{font-size:27px;font-weight:400;letter-spacing:-.8px;line-height:1.2;color:#472936}
.staff-product-stock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-top:1px solid #f2eaf0;background:#fff}.staff-product-stock>span{display:inline-flex;align-items:center;gap:6px;font-size:9px;line-height:1.5;color:#a38b97}.staff-product-stock i{display:block;width:4px;height:4px;border-radius:50%;background:#89b29a;flex-shrink:0}.staff-product-stock .is-out i{background:#c7aabb}.staff-product-stock>b{font-size:10px;white-space:nowrap;font-weight:500;color:#957384}
.staff-catalog-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px;border:1px dashed #e9dbe4;border-radius:24px;background:#fff;color:#c0a5b5;gap:14px}.staff-catalog-empty h2{font-size:20px;letter-spacing:-.3px;font-weight:400;color:#745567;margin:0}.staff-catalog-empty p{font-size:12px;color:#b298a7;line-height:1.7;margin:0}.staff-catalog-empty button{border:1px solid #ead7e3;background:#fff6fb;box-shadow:none;border-radius:25px;padding:10px 18px;font-size:11px;color:#a00050;margin-top:6px}
@keyframes catalog-card-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.staff-main .staff-products.staff-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:760px){.staff-shell .staff-main{padding:0 4px}.staff-main>header.heading{margin-bottom:26px}.staff-catalog-toolbar{gap:14px;flex-wrap:wrap;margin-bottom:24px}.staff-catalog-search{max-width:none;flex-basis:100%;min-height:52px;padding-inline:15px;border-radius:15px}.staff-catalog-search>input{font-size:16px;min-height:50px}.staff-catalog-count{font-size:10px;padding-left:3px}.staff-main .staff-products.staff-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-catalog-grid>.staff-product-card{border-radius:20px}.staff-product-visual{height:156px;padding:33px 12px 16px}.staff-stock-tag{top:10px;left:10px;font-size:8px;padding:4px 7px}.staff-product-card .staff-product-photo{height:92px}.staff-product-card .staff-product-photo>img{max-height:92px}.staff-product-card .staff-product-photo>svg{width:35px;height:35px}.staff-no-photo{font-size:8px;margin-top:5px}.staff-product-info{padding:17px 14px 18px}.staff-product-info .staff-product-brand{font-size:8px;letter-spacing:.3px;margin-bottom:8px}.staff-product-info h2{font-size:15px;letter-spacing:-.3px}.staff-product-category{font-size:9px}.staff-product-price{margin-top:20px;gap:5px}.staff-product-price>span{font-size:9px}.staff-product-card .staff-product-price>strong{font-size:23px}.staff-product-stock{padding:11px 13px;gap:5px;flex-wrap:wrap}.staff-product-stock>span{font-size:8px}.staff-product-stock>b{font-size:9px}}
@media(max-width:360px){.staff-main .staff-products.staff-catalog-grid{grid-template-columns:1fr}.staff-product-visual{height:190px}.staff-product-card .staff-product-photo{height:125px}.staff-product-card .staff-product-photo>img{max-height:125px}.staff-product-info h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.staff-catalog-grid>.staff-product-card{animation:none;transition:none}@media(hover:hover) and (pointer:fine){.staff-catalog-grid>.staff-product-card:hover{transform:none}}.staff-catalog-search{transition:none}}
@media(max-width:760px){
.staff-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:18px 16px}.staff-sidebar>img{grid-column:1;grid-row:1;width:122px;margin:0;align-self:center}.staff-sidebar .staff-identity{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:7px;margin:0;padding:0;border:0}.staff-sidebar .staff-identity>span{width:30px;height:30px;font-size:11px}.staff-sidebar .staff-identity>div{max-width:78px}.staff-sidebar .staff-identity strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-sidebar .staff-identity small{font-size:8px}.staff-sidebar nav{grid-row:2;grid-column:1/-1;padding-top:3px}.staff-sidebar nav button{min-height:56px;border-radius:12px}.staff-sidebar>button{justify-content:center;grid-row:3;margin:0;font-size:9px;min-height:30px;min-width:0;padding:6px 8px;gap:6px}.staff-sidebar>button:nth-last-child(2){grid-column:1}.staff-sidebar>button:last-child{grid-column:2}.staff-sidebar>button svg{width:13px;height:13px}
.staff-main .staff-catalog-grid>.staff-product-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:112px minmax(0,1fr)}.staff-catalog-grid>.staff-product-card:only-child .staff-product-visual{height:100%;min-height:186px;padding:32px 12px 16px}.staff-catalog-grid>.staff-product-card:only-child .staff-product-info{padding:22px 18px}.staff-catalog-grid>.staff-product-card:only-child .staff-product-stock{grid-column:1/-1;padding:13px 16px}.staff-catalog-grid>.staff-product-card:only-child .staff-product-info h2{font-size:18px}.staff-catalog-grid>.staff-product-card:only-child .staff-product-price{margin-top:22px}.staff-catalog-grid>.staff-product-card:only-child .staff-product-photo{height:110px}
}
/* Sales and customer records: calm empty states with a useful first step. */
.staff-records-toolbar{margin-bottom:28px}.staff-main .staff-records{border-radius:24px;border-color:#eee5eb;box-shadow:0 7px 24px #40203104}.staff-records-heading{display:flex;align-items:center;gap:12px;padding:22px 25px;border-bottom:1px solid #f3eaf0;background:linear-gradient(110deg,#fff,#fffcfe)}.staff-records-heading>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #f0e2eb;border-radius:12px;background:#fff8fc;color:#b38b9f}.staff-records-heading h2{font-size:14px;line-height:1.4;letter-spacing:-.2px;color:#624553;font-weight:500;margin:0}.staff-records-heading p{font-size:11px;line-height:1.5;color:#b098a7;margin:5px 0 0}
.staff-records-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:42px 24px 36px;animation:records-appear .4s ease-out both;background:radial-gradient(ellipse at center 25%,#fff8fc 0,transparent 65%)}.staff-empty-art{position:relative;width:132px;height:118px;display:grid;place-items:center;margin-bottom:15px;isolation:isolate}.staff-empty-orbit{position:absolute;width:111px;height:111px;border:1px solid #f2e5ed;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(circle,#fcf5fa,transparent 70%)}.staff-empty-orbit.orbit-two{width:132px;height:70px;background:none;border-color:#f3e9ef;transform:rotate(-25deg)}.staff-empty-symbol{position:relative;display:grid;place-items:center;width:72px;height:78px;border:1px solid #efdce7;border-radius:21px;background:linear-gradient(140deg,#fff,#fff1f9);color:#bd83a1;box-shadow:0 12px 24px #9f004c07,inset 0 1px 0 #fff;transform:rotate(-7deg);animation:records-icon-float 6s ease-in-out infinite}.is-clients .staff-empty-symbol{transform:rotate(6deg);background:linear-gradient(140deg,#fff,#f8f2fa);color:#ab84a6}.staff-empty-plus{position:absolute;bottom:17px;right:15px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #efd9e5;border-radius:9px;background:#fff;color:#bb6e99;box-shadow:0 4px 12px #9f004c08;transform:rotate(7deg)}
.staff-empty-eyebrow{font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#bc97ab;font-weight:500;margin:0 0 10px}.staff-records-empty h2{font-size:26px;font-weight:400;letter-spacing:-.8px;line-height:1.25;color:#543343;margin:0 0 12px;max-width:430px;text-wrap:balance}.staff-records-empty>p{font-size:12px;line-height:1.85;color:#ac8c9e;max-width:350px;margin:0 0 23px}.staff-empty-action,.staff-empty-reset{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:43px;padding:11px 20px;border:1px solid #a00050;border-radius:13px;background:linear-gradient(120deg,#ad0057,#980049);color:#fff;font-size:11px;font-weight:500;box-shadow:0 5px 14px #9f004c12;white-space:nowrap;transition:transform .18s,box-shadow .18s}@media(hover:hover) and (pointer:fine){.staff-empty-action:hover{box-shadow:0 7px 20px #9f004c20;transform:translateY(-1px)}}.staff-empty-action:active{transform:scale(.98)}.staff-empty-reset{background:#fff;color:#a00050;border-color:#ecd8e4;box-shadow:none;gap:12px}.staff-records-empty>small{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.6;color:#c3a9b7;margin-top:21px}.staff-records-empty>small svg{color:#bd9aaf;flex-shrink:0}
.staff-main button.staff-record-row{padding:20px 24px;border-top:1px solid #f4edf1;transition:background .18s}.staff-main .staff-records-heading+button.staff-record-row{border-top:0}.staff-record-row>div>strong{font-size:13px;font-weight:500;color:#775565}.staff-record-row>div>small{color:#b398a8;font-size:10px;margin-top:6px}.staff-record-row>strong{color:#5c394b;font-size:16px;font-weight:400;letter-spacing:-.3px}.staff-record-row>svg{color:#c6abba}.staff-record-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:42px;border:1px solid #f0e4ec;border-radius:12px;background:#fff9fc;color:#ba91a7}.staff-record-row .staff-client-avatar{width:38px;height:38px;flex:0 0 38px;font-size:14px;background:#fcf2f8;border:1px solid #eedee7;color:#af7997}.staff-record-open{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#b394a5;white-space:nowrap}
@keyframes records-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes records-icon-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(max-width:760px){.staff-records-toolbar{margin-bottom:24px}.staff-main .staff-records{border-radius:21px}.staff-records-heading{padding:19px 18px;gap:10px}.staff-records-heading h2{font-size:13px}.staff-records-heading p{font-size:10px}.staff-records-heading>span{width:32px;height:32px;border-radius:10px}.staff-records-empty{padding:30px 20px 29px}.staff-empty-art{width:118px;height:106px;margin-bottom:15px}.staff-empty-orbit{width:100px;height:100px}.staff-empty-orbit.orbit-two{width:116px;height:63px}.staff-empty-symbol{width:66px;height:72px;border-radius:19px}.staff-empty-plus{bottom:12px;right:10px}.staff-empty-eyebrow{font-size:7px;letter-spacing:.9px}.staff-records-empty h2{font-size:23px;letter-spacing:-.6px;max-width:270px}.staff-records-empty>p{font-size:11px;max-width:260px;line-height:1.8;margin-bottom:22px}.staff-records-empty>small{font-size:8px;max-width:250px;justify-content:center}.staff-empty-action,.staff-empty-reset{min-height:44px;font-size:11px;white-space:normal}.staff-main button.staff-record-row{padding:17px 15px;gap:10px}.staff-record-row>div>strong{font-size:12px}.staff-record-row>strong{font-size:14px}.staff-record-row>div>small{font-size:9px;overflow-wrap:anywhere}.staff-record-open{font-size:0;gap:0}.staff-record-open svg{width:15px;height:15px}.staff-record-icon{width:32px;flex-basis:32px;height:38px}}
@media(prefers-reduced-motion:reduce){.staff-records-empty,.staff-empty-symbol{animation:none}.staff-empty-action,.staff-main button.staff-record-row{transition:none}.staff-empty-action:active{transform:none}@media(hover:hover) and (pointer:fine){.staff-empty-action:hover{transform:none}}}

/* Hover rules are limited to precise pointing devices. */