:root{--plum:#38243b;--brass:#ad8752;--ivory:#f8f5ef;--ink:#25232a;--muted:#706b73;--line:#e7e1d9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ivory);font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1.2px}h2{font-size:22px;line-height:1.35}h3{font-size:17px}p{color:var(--muted)}.logo{width:220px;max-width:100%;height:auto}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{padding:60px 70px;background:var(--plum);color:white;display:flex;flex-direction:column;justify-content:space-between;gap:65px}.intro h1{font-size:54px;font-weight:600}.intro p{color:#ddd0dd;max-width:390px}.intro span{font-size:13px;color:#d5bd9b}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650}.loginform{display:grid;place-items:center;padding:50px 35px}.forminner{width:100%;max-width:380px}.tag{display:inline-block;color:#70512d;background:#eee4d5;border:1px solid #e1d0b7;border-radius:30px;padding:5px 12px;font-size:10px;letter-spacing:1px;font-weight:700;white-space:nowrap}.forminner h2{margin-top:25px;font-size:28px;letter-spacing:-.8px}label{display:block;margin:20px 0 7px;font-weight:600;font-size:13px}input{width:100%;padding:13px;border:1px solid #cfc7ce;border-radius:8px;background:white;font:inherit}input:focus{outline:2px solid var(--brass);outline-offset:2px}button{cursor:pointer;font:inherit;font-weight:600;border:0;border-radius:8px;padding:13px 20px;color:white;background:var(--plum)}form>button{margin-top:26px;width:100%}.help{font-size:12px;margin-top:24px}footer{font-size:11px;color:var(--muted);margin-top:45px}.error{padding:14px;background:#fae8e5;color:#842d2d;border-radius:8px}.shell{display:flex;min-height:100vh}aside{width:265px;flex-shrink:0;background:var(--plum);color:white;padding:30px 24px;display:flex;flex-direction:column}aside .logo{margin-bottom:45px}aside .eyebrow{color:#c5b6c5;margin-bottom:8px}aside h3{overflow-wrap:anywhere}.nav{display:block;color:white;text-decoration:none;padding:12px 16px;border-radius:8px;margin-top:25px}.active{background:#513b54}.sidebarfoot{margin-top:auto;padding-top:60px;color:#d2c3d2;font-size:12px}.sidebarfoot small{color:#d5bd9b}.workspace{flex:1;min-width:0}header{height:80px;padding:0 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}header span{overflow-wrap:anywhere}header form{flex-shrink:0}.logout{width:auto;margin:0;padding:8px 15px;border:1px solid var(--line);color:var(--plum);background:white}.content{padding:45px;max-width:1250px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.heading h1{font-size:32px}.heading .eyebrow{color:var(--brass)}.heading p{overflow-wrap:anywhere}.notice{background:white;border:1px solid var(--line);border-left:4px solid var(--brass);padding:22px 25px;border-radius:10px;margin:25px 0 35px}.notice p{margin:8px 0 0;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}article h3{margin-top:20px}.step{color:var(--brass);font-size:25px;font-weight:500}.planned{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:20px}.account{padding-top:35px}.account p{margin:4px 0;font-size:13px}.errorpage{padding:60px;max-width:700px;margin:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--brass);outline-offset:4px}@media(max-width:1000px){.intro{padding:40px}.intro h1{font-size:43px}.cards{grid-template-columns:1fr}.content{padding:30px}aside{width:220px}.heading{flex-direction:column}}@media(max-width:650px){.login{grid-template-columns:1fr}.intro{padding:25px;gap:20px}.intro h1{font-size:32px;margin-bottom:12px}.intro .eyebrow{margin-top:10px}.intro>span{display:none}.intro p{margin-bottom:0}.logo{width:190px}.loginform{padding:35px 25px}.shell{display:block}aside{width:100%;padding:20px 24px}aside .logo{margin:0}aside .eyebrow,aside h3,.sidebarfoot,aside .nav{display:none}header{height:65px;padding:0 24px}.content{padding:28px 24px}.heading h1{font-size:28px}.notice{padding:20px}.errorpage{padding:30px}}
/* R2 application shell */
[hidden]{display:none!important}.icon{width:21px;height:21px;flex-shrink:0}.skip{position:fixed;top:-70px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:32px 22px;overflow-y:auto}.brand img{width:202px;max-width:100%}.tenant{display:flex;gap:12px;margin:40px 0 28px;align-items:center;min-width:0}.tenantmark{width:36px;height:36px;background:#59435b;border:1px solid #715974;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.tenant small{font-size:9px;letter-spacing:1.5px;color:#c6b7c8;display:block}.tenant strong{font-size:13px;display:block;overflow-wrap:anywhere}.navlabel{font-size:9px;letter-spacing:1.7px;color:#b7a6bb;margin:25px 12px 10px}.nav{display:flex;align-items:center;gap:12px;margin:4px 0;font-size:13px;min-height:46px;padding:10px 14px}.nav.active{background:#59415b;box-shadow:inset 3px 0 var(--brass)}.sidebarfoot{font-size:11px;line-height:1.8;padding-top:35px}.sidebarfoot small{display:block;margin-top:12px;color:#bcaec0;font-size:10px}.statusdot{display:inline-block;background:#b9c6af;width:6px;height:6px;border-radius:50%;margin-right:6px}.maincolumn{margin-left:248px;width:calc(100% - 248px);min-width:0}.topbar{position:sticky;top:0;z-index:20;background:#f8f5eff5;backdrop-filter:blur(12px);height:76px;padding:0 40px}.desktopbreadcrumb{font-size:12px;color:var(--muted)}.desktopbreadcrumb span{margin:0 12px;color:#b5acb6}.topactions{display:flex;align-items:center;gap:12px}.topactions button{min-height:44px;font-size:12px}.secondary{border:1px solid var(--line);color:var(--plum);background:white;padding:9px 14px}.mobilebrand,.bottomnav{display:none}.content{padding:40px;max-width:1400px;margin:auto}.heading{align-items:flex-start;margin-bottom:28px}.heading h1{font-size:30px;line-height:1.25;max-width:750px;overflow-wrap:anywhere}.heading p{font-size:14px;margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:1.8px}.welcome{background:var(--plum);color:white;border-radius:16px;padding:36px;display:flex;gap:25px;align-items:center;justify-content:space-between}.welcome>div:first-child{max-width:570px}.welcome .eyebrow{color:#d9bb92}.welcome h2{font-size:27px;margin:12px 0}.welcome p{color:#e2d8e4;font-size:14px}.lightbutton{display:inline-flex;align-items:center;gap:25px;padding:11px 17px;margin-top:10px;background:var(--ivory);color:var(--plum);border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;min-height:44px}.welcomemark{font-size:74px;font-weight:250;color:#bca0b9;text-align:center;min-width:170px}.welcomemark span{display:block;font-size:8px;letter-spacing:2px;color:#d2b58c}.sectionheading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:34px 0 16px}.sectionheading h2{font-size:18px;margin:0}.sectionheading>span{font-size:11px;color:var(--muted)}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.modulecard{display:block;text-decoration:none;color:var(--ink);background:white;border:1px solid var(--line);padding:24px;border-radius:12px;transition:border-color .15s,transform .15s}.modulecard:hover{border-color:var(--brass);transform:translateY(-2px)}.tileicon{display:inline-grid;place-items:center;background:#f0e9ee;color:var(--plum);width:42px;height:42px;border-radius:11px}.modulecard .planned{float:right;margin-top:8px;font-size:9px}.modulecard h3{margin:22px 0 8px}.modulecard p{font-size:13px;min-height:44px}.cardlink{display:flex;justify-content:space-between;font-size:12px;color:var(--plum);border-top:1px solid var(--line);padding-top:15px}.account{padding:22px 24px;background:#efeae2;border-radius:12px;margin-top:24px;display:flex;justify-content:space-between;gap:18px;align-items:center}.account strong{font-size:13px;overflow-wrap:anywhere}.account .eyebrow{margin:0 0 5px}.account p:last-child{margin-bottom:0}.neutral{color:#5b555b;background:#f8f5ef;border-color:#d8d0c8}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;margin-top:35px}.connection,.update{position:sticky;top:76px;z-index:19;padding:12px 40px;background:#fff0ce;color:#64491c;font-size:13px}.update{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e8ede4}.update button{padding:8px 15px;min-height:44px}.backlink{display:inline-block;margin-bottom:24px;color:var(--plum);font-size:13px;min-height:44px;padding:9px 0}.empty{border:1px solid var(--line);border-radius:14px;background:white;text-align:center;padding:65px 25px}.empty h2{margin:22px 0 12px}.empty p{max-width:480px;margin:0 auto 24px;font-size:14px}.primarylink{display:inline-block;min-height:44px;padding:10px 18px;border-radius:8px;background:var(--plum);color:white;text-decoration:none;font-size:13px}dialog{border:1px solid var(--line);border-radius:18px;padding:24px;width:min(450px,calc(100vw - 28px));color:var(--ink);background:var(--ivory)}dialog::backdrop{background:#21152499;backdrop-filter:blur(3px)}.dialoghead{display:flex;align-items:center;justify-content:space-between}.dialoghead h2{font-size:19px;margin:0}.dialoghead button{background:white;color:var(--plum);font-size:24px;padding:0;width:44px;height:44px}dialog .nav{color:var(--plum);border-bottom:1px solid var(--line);border-radius:0}.installhelp{margin-top:20px;padding:16px;background:white;border-radius:10px;font-size:12px}.installhelp p{margin:7px 0 0}.loginform footer{display:block}.loginform button:disabled{opacity:.65;cursor:wait}@media(max-width:1100px){.sidebar{width:220px;padding:28px 18px}.maincolumn{margin-left:220px;width:calc(100% - 220px)}.content{padding:30px}.topbar{padding:0 30px}.cards{grid-template-columns:1fr}.modulecard p{min-height:0}.welcomemark{display:none}}@media(max-width:767px){.sidebar{display:none}.shell{display:block}.maincolumn{margin:0;width:100%}.topbar{height:68px;padding:0 20px;padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.mobilebrand{display:block}.mobilebrand img{width:155px;display:block}.desktopbreadcrumb{display:none}.topactions{gap:6px}.topactions .secondary{font-size:10px;padding:8px}.topactions button{min-height:44px}.content{padding:27px 20px calc(100px + env(safe-area-inset-bottom))}.heading{gap:14px;margin-bottom:23px}.heading h1{font-size:27px}.heading p{font-size:13px}.heading .tag{font-size:9px}.welcome{padding:25px;border-radius:13px}.welcome h2{font-size:23px}.welcome p{font-size:13px}.sectionheading{margin-top:28px;align-items:flex-start}.sectionheading>span{max-width:110px;text-align:right}.modulecard{padding:22px}.account{flex-direction:column;align-items:flex-start;padding:20px}.account>div{max-width:100%}footer{flex-direction:column;gap:5px}.bottomnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffcf8;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #38243b06}.bottomnav>a,.bottomnav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--muted);min-height:56px;font-size:10px;background:transparent;border-radius:10px;padding:5px 0;font-weight:500}.bottomnav [aria-current=page],.bottomnav button[aria-expanded=true]{color:var(--plum);background:#eee6ed;font-weight:650}.bottomnav .icon{width:21px;height:21px}.connection,.update{top:calc(68px + env(safe-area-inset-top));padding:10px 20px;font-size:12px}.empty{padding:40px 22px}.empty h2{font-size:21px}dialog{margin:auto auto calc(85px + env(safe-area-inset-bottom))}.login .intro h1{font-size:34px}.loginform{padding-bottom:calc(35px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.welcomemark img{width:95px;height:95px;display:block;margin:0 auto 15px}
@media(max-width:400px){.mobilebrand img{width:120px}.topbar{padding-left:16px;padding-right:16px}.topactions .secondary{max-width:90px;font-size:10px;padding:6px 8px}}
/* R3: brand remains visible; only sidebar navigation scrolls */
.sidebar{height:100dvh;overflow:hidden;padding:26px 18px 20px;display:flex;flex-direction:column}.sidebar .brand{flex-shrink:0;display:block;padding:5px 7px 18px}.sidebar .brand img{display:block}.sidebar .tenant{flex-shrink:0;margin:16px 4px}.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:12px}.sidebar>.navlabel{flex-shrink:0;margin-top:8px}.sidebarfoot{flex-shrink:0;padding-top:16px;margin-top:0;border-top:1px solid #ffffff18}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;margin:22px 0;scroll-margin-top:95px}.panel p{overflow-wrap:anywhere}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}details{margin:15px 0}select,textarea{font:inherit;width:100%;border:1px solid #cfc7ce;background:white;border-radius:8px;padding:12px;color:var(--ink)}textarea{min-height:95px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.formgrid label{min-width:0}.listrow{display:flex;text-decoration:none;color:var(--ink);align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:white;border:1px solid var(--line);border-radius:10px;margin:12px 0}.listrow p{margin:5px 0 0;font-size:13px}.listrow strong{overflow-wrap:anywhere}.metrics h2{font-size:28px;margin-bottom:0}.actionrow,.pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.actionrow form>button{margin:0;width:auto;min-height:44px}.secondary{text-decoration:none;display:inline-block;min-height:44px}.pills{position:sticky;top:76px;z-index:15;background:var(--ivory);padding:12px 0;border-bottom:1px solid var(--line)}.pills a{font-size:12px;color:var(--plum);padding:9px 13px;border:1px solid var(--line);border-radius:30px;min-height:40px;background:white;text-decoration:none}.recipient{padding:20px 0;border-bottom:1px solid var(--line)}.recipient:last-child{border:0}.portalcontainer{max-width:850px;margin:auto;padding:28px 24px 65px}.portalheader{position:sticky;top:0;background:var(--ivory);padding:12px 0;margin-bottom:25px;height:auto;min-height:60px}.check{display:flex;align-items:flex-start;gap:12px}.check input{width:20px;height:20px;flex-shrink:0}.printdoc{max-width:900px;margin:auto;padding:35px}.printdoc table{width:100%;border-collapse:collapse}.printdoc th,.printdoc td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.printitem{border:1px solid var(--line);padding:22px;margin:20px 0;break-inside:avoid}.notice a{overflow-wrap:anywhere}.listrow form{flex-shrink:0}input,select,textarea{font-size:16px}button{min-height:44px}@media(max-width:767px){.sidebar{display:none}.formgrid{grid-template-columns:1fr}.panel{padding:20px;scroll-margin-top:145px}.listrow{align-items:flex-start;flex-direction:column;padding:20px}.listrow form{width:100%}.pills{top:calc(68px + env(safe-area-inset-top));flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.pills a{white-space:nowrap;flex-shrink:0}.portalcontainer{padding:20px 16px 50px}.printdoc{padding:20px}}@media print{.printcontrols{display:none}body{background:white;color:black}.printdoc{max-width:none;padding:0}.printitem{border-color:#aaa}footer{margin-top:25px}a{text-decoration:none;color:black}}
.wrap{overflow-wrap:anywhere}

/* R4 practical forms and guided actions */
:root{--muted:#625b65}h1{font-weight:650}h2{letter-spacing:-.35px}.content{max-width:1280px}.panel>h2:first-child{margin-bottom:12px}.panel>form{max-width:920px}.panel form>button{width:auto;min-width:180px}.optional{font-size:12px;color:var(--muted);font-weight:400}.fieldhelp{display:block;font-size:13px;font-weight:400;line-height:1.65;color:var(--muted);margin:7px 0 0}.formsection{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}label input,label select,label textarea{display:block;margin-top:7px}input:hover,select:hover,textarea:hover{border-color:#9a899d}select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.sidebar>nav{scrollbar-color:#806883 transparent}.sidebar .navlabel{color:#cfbfce}.sidebarfoot small{font-size:11px;color:#d0c0d2}.nextaction{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;margin:20px 0;background:#eee7ed;border:1px solid #d9cbd9;border-radius:14px}.nextaction h2{font-size:21px;margin:0 0 7px}.nextaction p{margin:0}.nextaction .eyebrow{font-size:10px;margin-bottom:10px;color:var(--plum)}.nextaction>a{flex-shrink:0}.blocked{padding:14px 18px;background:#f4efe5;border:1px solid #e3d6bf;border-radius:8px;color:#604820}.multiline{white-space:pre-wrap}.setuprow{display:flex;align-items:center;gap:16px;padding:19px 0;border-top:1px solid var(--line)}.setuprow>div{flex:1}.setuprow p{font-size:13px;margin:4px 0 0}.setupnumber{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#f0e9ef;color:var(--plum);border-radius:50%;font-weight:600}.textlink{color:var(--plum);padding:10px 12px;min-height:44px;display:inline-block}.prerequisite{padding:20px;background:var(--ivory);border-radius:10px}.pills{scroll-padding-inline:12px}.panel[id]{scroll-margin-top:155px}.listrow>div{min-width:0}.portalcontainer>h1{font-size:32px}.portalcontainer>.panel{margin:24px 0}.portalcontainer .panel>button{width:100%}.portalcontainer .panel>h2{font-size:21px}button:disabled{cursor:wait;opacity:.65}.dialogactions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.dialogactions button{min-width:100px}#confirm-dialog p{white-space:pre-wrap}body.has-unsaved .topbar{border-bottom-color:var(--brass)}
@media(min-width:768px) and (max-height:760px){.sidebar{padding-top:18px}.sidebar .tenant{margin:8px 4px}.sidebar .brand{padding-bottom:10px}.sidebarfoot{padding-top:10px}.sidebarfoot small{margin-top:5px}.sidebar .nav{min-height:44px;padding-top:8px;padding-bottom:8px}.sidebar .navlabel{margin-top:15px;margin-bottom:7px}}
@media(max-width:767px){.nextaction{display:block;padding:22px}.nextaction>a{margin-top:16px}.panel form>button{width:100%;min-width:0}.setuprow{flex-wrap:wrap;gap:12px}.setuprow>div{flex-basis:calc(100% - 50px)}.setuprow>a{margin-left:46px}.formsection{margin-top:26px}.portalcontainer>h1{font-size:27px}.formgrid{gap:0}.panel[id]{scroll-margin-top:155px}.tag{white-space:normal}.portalheader{gap:15px}.portalheader .tag{max-width:45%}.topactions{flex-shrink:0}}
/* R5 catalog and custom request */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plainfieldset,.modeoptions{border:0;padding:0;margin:0;min-width:0}.modeoptions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 24px}.optioncard,.catalogcard{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:18px;cursor:pointer;margin:0;background:#fff}.optioncard input,.catalogcard input{width:20px;height:20px;margin:3px 0 0;flex-shrink:0;accent-color:var(--plum)}.optioncard span,.catalogcard>span{min-width:0}.optioncard small{display:block;font-weight:400;margin-top:5px;color:var(--muted);font-size:13px}.optioncard:has(input:checked),.catalogcard:has(input:checked){border:2px solid var(--plum);padding:17px;background:#f5eff4}.cataloggrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalogcard strong{font-size:16px;display:block;overflow-wrap:anywhere}.packageprice{display:block;color:var(--plum);font-size:16px;font-weight:650;margin:9px 0}.packagedescription{display:block;color:var(--muted);font-size:14px;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}.orderfacts{margin:12px 0}.orderfacts>div{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;border-bottom:1px solid var(--line);padding:12px 0}.orderfacts dt{color:var(--muted);font-size:13px}.orderfacts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.requestexplanation{padding:18px;background:var(--ivory);border-radius:10px;margin-top:28px}.requestexplanation p{margin:7px 0 0;font-size:14px}.catalogportal{max-width:960px}@media(max-width:600px){.modeoptions,.cataloggrid{grid-template-columns:1fr}.orderfacts>div{grid-template-columns:1fr;gap:5px}.optioncard,.catalogcard{padding:17px}.optioncard:has(input:checked),.catalogcard:has(input:checked){padding:16px}}

/* R6 catalog photography and focused package editor */
.catalogtools{display:flex;align-items:center;gap:20px;margin:0 0 24px}.catalogtools p{margin:0}.adminpackagegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.packageitem{padding:0;overflow:hidden;display:flex;flex-direction:column}.packagephoto{display:block;width:100%;height:230px;object-fit:contain;background:#f1ede7}.photoplaceholder{display:grid;place-items:center;background:#f1ede7;color:var(--muted);font-size:13px;font-weight:400}.packagebody{padding:24px;display:flex;flex-direction:column;flex:1}.packagebody h2{font-size:21px;margin:18px 0 6px}.packagebody>p{font-size:14px;flex:1}.packagestatus{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.packageactions,.formactions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.packageactions form>button{margin:0;width:auto}.packageactions{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.packageedit{max-width:1000px}.packageeditgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:36px}.packageeditgrid>section{min-width:0}.packageeditgrid h2{font-size:20px}.photoeditor{aspect-ratio:4/3;background:#f1ede7;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.photoeditor img{width:100%;height:100%;object-fit:contain;max-height:330px}.photoeditor p{margin:0}.formactions{padding-top:24px;margin-top:28px;border-top:1px solid var(--line)}.formactions>button{min-width:180px}.formactions>a{min-width:110px;text-align:center}.cancel-local{margin-left:12px}.panel form>.cancel-local{width:auto;min-width:100px}.catalogcard>span{width:100%}.catalogphoto{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f1ede7;border-radius:8px;margin-bottom:16px}.catalogphoto.photoplaceholder{display:grid}.catalogcard{align-items:flex-start}.catalogcard>input{margin-top:8px}.packageedit input[type=file]{padding:10px;font-size:13px;max-width:100%}.packageedit input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--ivory);padding:9px 12px;border-radius:6px;cursor:pointer;margin-right:10px}.photoeditor:has(img:not([hidden]))>p{display:none}@media(max-width:1000px){.adminpackagegrid{grid-template-columns:1fr}.packageeditgrid{gap:24px}}@media(max-width:767px){.packageeditgrid{grid-template-columns:1fr}.catalogtools{display:block}.catalogtools>p{margin-top:12px}.formactions{display:grid;grid-template-columns:1fr 1fr}.formactions>button,.formactions>a{min-width:0}.panel form>.cancel-local{width:100%;margin-left:0}.packagephoto{height:220px}}
/* Update information does not cover fields while scrolling. */
.update{position:relative;top:auto;z-index:auto}
/* R7 foundation: grouped destinations and square galleries */
.foundationitem{padding:20px;margin:16px 0;background:var(--ivory)}.foundationitem .sectionheading{margin:0 0 12px}.foundationitem form>button,.destination form>button{width:auto}.foundationitem h3,.destination h3{margin-bottom:5px}.destination{padding:22px 0;border-top:1px solid var(--line)}.destination>p{margin:5px 0}.allocation{padding:14px 18px;background:var(--ivory);border-radius:8px;margin:12px 0}.allocation p{margin:7px 0}.galleryeditlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.galleryentry{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px}.galleryentry>img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f0eb;border-radius:7px}.galleryentry>strong{display:block;margin:9px 0}.galleryentryactions{display:flex;gap:7px;flex-wrap:wrap}.galleryentryactions button{padding:8px 12px}#crop-canvas{width:min(100%,480px);height:auto;display:block;border:1px solid var(--line);border-radius:10px}#crop-editor{margin-top:25px;padding:20px;background:var(--ivory);border-radius:12px}.gallerytrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;width:100%;max-width:580px;margin:auto}.gallerytrack>img{width:100%;aspect-ratio:1;object-fit:contain;flex:0 0 100%;scroll-snap-align:start;background:white}.gallerynavigation{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0}.gallerythumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.gallerythumbs button{padding:3px;background:white;border:2px solid var(--line);border-radius:6px}.gallerythumbs button[aria-pressed=true]{border-color:var(--plum)}.gallerythumbs img{display:block;width:54px;height:54px;object-fit:contain}.publicgallery{padding:14px;border:1px solid var(--line);border-radius:10px}.publicgalleries{margin:18px 0}.catalogphoto{aspect-ratio:1}.packagephoto{height:auto;aspect-ratio:1;max-height:400px}.photoeditor{aspect-ratio:1}.foundationitem p,.allocation p{overflow-wrap:anywhere}@media(max-width:767px){.galleryeditlist{grid-template-columns:1fr 1fr;gap:12px}.foundationitem{padding:16px}.foundationitem .sectionheading{display:block}.foundationitem form>button,.destination form>button{width:100%}.galleryentry{padding:9px}.galleryentryactions{gap:5px}.galleryentryactions button{padding:7px 10px;font-size:12px}.gallerythumbs img{width:44px;height:44px}}@media(max-width:370px){.galleryeditlist{grid-template-columns:1fr}}

/* R8: compact catalog, one gallery per package, bounded upload workspace. */
a.secondary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1.4}button:disabled{cursor:default}input,select,textarea{min-width:0}input[type=radio],input[type=checkbox]{accent-color:var(--plum)}
.adminpackagegrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-items:start;gap:22px}.packageitem .packagephoto{height:240px;aspect-ratio:auto;max-height:240px}.packagebody{padding:22px}.packagebody h2{margin-top:14px;font-size:19px}.packagebody>p{margin:8px 0 0}.packageeditgrid{grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr);gap:32px}.packageeditgrid .photoeditor{max-width:340px;width:100%;aspect-ratio:1}.gallerymanage{margin-top:16px;min-height:48px;width:100%;max-width:340px;justify-content:space-between!important}.packageeditgrid section>.fieldhelp{max-width:390px;margin-top:12px}.packageeditgrid h2{margin-bottom:18px}.packageeditgrid section>label:first-of-type{margin-top:0}.packageeditgrid textarea{min-height:140px}.packageedit .formactions{margin-top:24px}.galleryheading{margin-bottom:12px;align-items:center}.galleryheading h1{margin-bottom:8px}.galleryspec{font-size:13px;line-height:1.9;margin-bottom:22px}#gallery-editor{max-width:1040px;padding:24px}#gallery-status:empty{display:none}#gallery-status{margin:16px 0;padding:12px 16px;background:#f0edf0;border-radius:8px;color:var(--plum)}.galleryeditlist{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px}.galleryeditlist:empty{display:none}.galleryentry{padding:10px;background:#fff}.galleryentry img{display:block;max-height:210px}.galleryentryactions{display:grid;grid-template-columns:44px 44px 1fr;gap:6px}.galleryentryactions button{padding:8px 6px;min-height:44px;font-size:12px;min-width:0}.galleryupload{margin-top:22px;border:1px dashed #c7b9c8;border-radius:12px;padding:20px;background:#faf8f5}.galleryupload label{margin:0;font-size:15px}.galleryupload input{margin-top:14px;font-size:13px;border:0;background:transparent;padding:0;min-height:44px}.galleryupload input::file-selector-button{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--plum);padding:9px 15px;margin-right:12px;cursor:pointer}#crop-editor{padding:20px;margin-top:20px}#crop-editor h2{font-size:19px}.cropworkspace{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:start}#crop-canvas{width:100%;max-width:340px}.cropoptions label:first-child{margin-top:0}.cropoptions .actionrow{margin-top:22px}.cropoptions input[type=range]{padding:0;min-height:44px}.gallerysavebar{background:white;margin-top:24px;padding-top:20px}#gallery-editor[aria-busy=true] .galleryentryactions{pointer-events:none;opacity:.5}
.catalogportal{max-width:1040px;padding:36px 28px 50px;margin:auto}.publicbrand{display:inline-block;margin-bottom:24px}.publicbrand img{display:block;width:175px;height:auto}.catalogportal>h1{margin-bottom:12px}.catalogportal>p{max-width:680px}.catalogportal #order-request{padding:30px}.catalogportal .cataloggrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;align-items:start}.customerpackage{padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0;background:white}.customerpackage:has(.packagechoice input:checked){border-color:var(--plum);box-shadow:0 0 0 1px var(--plum)}.customerpackage .galleryviewer{padding:12px 12px 0}.customerpackage .gallerytrack{max-width:none;border-radius:8px;scrollbar-width:none;touch-action:pan-x pan-y}.customerpackage .gallerytrack::-webkit-scrollbar{display:none}.customerpackage .gallerytrack>img{height:260px;aspect-ratio:auto;min-width:100%;object-fit:contain}.customerpackage .gallerynavigation{margin:8px 0 0;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.customerpackage .gallerynavigation button{min-width:44px;min-height:44px;padding:6px 12px}.customerpackage>.catalogphoto{height:260px;aspect-ratio:auto;margin:0;border-radius:0}.customerpackagebody{padding:20px}.customerpackagebody h3{margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.customerpackagebody .packageprice{margin:10px 0}.packageprice small{font-size:12px;font-weight:400;color:var(--muted)}.customerpackagebody .packagedescription{margin:0 0 18px;font-size:13px;line-height:1.7}.packagechoice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;margin:0;min-height:48px;cursor:pointer}.packagechoice input{width:20px;height:20px;margin:0;flex-shrink:0}.packagechoice:has(input:checked){background:#f1eaf1;border-color:var(--plum)}.catalogportal .formsection{font-size:20px;padding-top:28px;margin-top:32px}.catalogportal textarea{min-height:110px}.catalogportal .modeoptions{margin-bottom:22px}.catalogportal .fieldhelp{font-size:12px;max-width:760px}.catalogportal #order-request>button{min-height:50px;margin-top:24px}.gallerytrack:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
@media(min-width:1200px){.catalogportal .cataloggrid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogportal .cataloggrid:has(>.customerpackage:only-child){grid-template-columns:minmax(0,390px)}.catalogportal .cataloggrid:has(>.customerpackage:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.packageeditgrid{grid-template-columns:1fr;gap:28px}.packageeditgrid .photoeditor{max-width:280px;margin:auto}.gallerymanage{max-width:none}.packageitem .packagephoto{height:210px;max-height:210px}.panel.packageedit{padding:20px}.galleryheading{flex-direction:row;align-items:flex-start}.galleryheading h1{font-size:26px}.galleryheading .tag{flex-shrink:0}.galleryeditlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.galleryentryactions{grid-template-columns:1fr 1fr}.galleryentryactions button:last-child{grid-column:1/-1}#gallery-editor{padding:16px}.galleryupload{padding:16px}.cropworkspace{grid-template-columns:1fr;gap:20px}#crop-editor{padding:14px}#crop-canvas{max-width:300px;margin:auto}.cropoptions .actionrow{display:grid;grid-template-columns:1fr}.cropoptions button{width:100%;min-height:48px}.gallerysavebar{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:16;padding:14px 0 0;box-shadow:0 -8px 16px #ffffffed}.gallerysavebar>*{width:100%;margin:0}.catalogportal{padding:24px 16px calc(28px + env(safe-area-inset-bottom))}.catalogportal #order-request{padding:20px 16px}.catalogportal .cataloggrid{grid-template-columns:1fr}.customerpackage .gallerytrack>img,.customerpackage>.catalogphoto{height:auto;aspect-ratio:1;max-height:340px}.customerpackagebody{padding:18px}.catalogportal .formgrid{grid-template-columns:1fr}.catalogportal .modeoptions{gap:10px}.catalogportal .optioncard{padding:14px}.catalogportal .optioncard:has(input:checked){padding:13px}.catalogportal input,.catalogportal select,.catalogportal textarea,#gallery-editor select{font-size:16px}.publicbrand{margin-bottom:20px}.content>.backlink{margin-bottom:12px}.galleryspec{font-size:12px}.gallerysavebar .secondary{min-height:48px}}
@media(prefers-reduced-motion:reduce){.gallerytrack{scroll-behavior:auto}}
/* Customer stages retain one form and backend submission. */
.requeststeps{list-style:none;display:flex;gap:6px;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid var(--line)}.requeststeps li{flex:1;padding:10px 12px;background:var(--ivory);border-radius:8px;font-size:12px;color:var(--muted)}.requeststeps [aria-current=step]{background:#eee6ee;color:var(--plum);font-weight:650}.requeststepactions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.requeststepactions span{font-size:12px;color:var(--muted);margin-right:auto}.requeststepactions button{min-height:48px}.requestreview{padding:16px;background:var(--ivory);border-radius:10px;font-size:14px;margin-bottom:22px;overflow-wrap:anywhere}.catalogportal section>h2{font-size:21px;margin-bottom:18px}.catalogportal section>button[type=submit]{width:100%;min-height:50px;margin-top:22px}input:not([type=radio]):not([type=checkbox]),textarea,select{font-weight:400}.gallerysavebar>*{white-space:nowrap;font-size:14px}.gallerysavebar{gap:10px}.galleryupload input:disabled{opacity:.55}.gallerysavebar>button{min-width:0}
@media(max-width:767px){.requeststeps{gap:5px}.requeststeps li{padding:9px 6px;font-size:11px;line-height:1.5}.requeststepactions{gap:8px;flex-wrap:wrap}.requeststepactions button{padding:11px 16px}.requeststepactions span{font-size:11px}.gallerysavebar{grid-template-columns:1.4fr 1fr}.catalogportal #order-request{scroll-margin-top:16px}}
/* R9 customer guidance: short field hints and one next action per order. */
.customerfield{min-width:0;margin:20px 0 7px}.customerfield>label{margin:0 0 7px}.customerfield>.fieldhelp{font-size:12px;line-height:1.6;margin-top:7px}.sectionintro{font-size:14px;max-width:700px;margin-bottom:20px}.catalogportal .formgrid{align-items:start;column-gap:24px}.catalogportal .customerfield input::placeholder,.customerportal input::placeholder,.customerportal textarea::placeholder{color:#777079;font-size:14px}.catalogportal .formgrid>label{margin-bottom:7px}.catalogportal .notice{margin-bottom:20px}.customerportal{max-width:1000px}.customerportal .portalheader{z-index:20;gap:16px;border-bottom:1px solid var(--line);padding:14px 0;background:var(--ivory);margin-bottom:26px}.portalheader .eyebrow{display:block;margin:0 0 3px;letter-spacing:1.3px}.portalheader strong{display:block;font-size:14px}.customerpageheading h1{font-size:30px;margin-bottom:10px}.customerpageheading .ordertitle{font-size:19px;font-weight:600;color:var(--ink);margin-bottom:8px;overflow-wrap:anywhere}.customerpageheading>p:last-child{font-size:13px;margin-bottom:24px}.customernext{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#eee7ee;border:1px solid #dcd0dd;border-radius:14px;margin:24px 0}.customernext h2{font-size:21px;margin-bottom:8px}.customernext p{margin:0;font-size:14px}.customernext .eyebrow{font-size:10px;margin-bottom:9px;color:var(--plum)}.customernext>a{flex-shrink:0}.portalnav{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:4px 0 16px;scrollbar-width:thin}.portalnav a{display:inline-flex;align-items:center;text-decoration:none;min-height:44px;font-size:13px;color:var(--plum);border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:white}.customerportal .panel{margin:22px 0;padding:26px}.customerportal h2{font-size:21px}.customerportal .sectionheading{margin:0 0 18px;align-items:flex-start}.customerportal .sectionheading h2{margin:0 0 7px}.customerportal .sectionheading p{font-size:14px;margin:0}.choicesummary{margin:18px 0;padding-top:18px;border-top:1px solid var(--line)}.choicesummary h3{font-size:15px;margin-bottom:10px}.contactsummary{margin:16px 0 0;border-top:1px solid var(--line);padding-top:8px}.customerportal .orderfacts{margin:0}.customerportal .orderfacts>div{grid-template-columns:1fr 1.3fr;padding:11px 0}.customerportal .orderfacts dd{font-size:14px}.recipientsummary{padding:18px 0;border-top:1px solid var(--line)}.recipientsummary>span{float:right;color:var(--plum);font-size:13px}.recipientsummary p{margin:5px 0;font-size:14px}.recipiententry{margin-top:18px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:110px}.recipiententry h3{font-size:18px;margin-bottom:8px}.fixedpackage{padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--ivory);margin:18px 0 0}.fixedpackage span{display:block;font-size:12px;color:var(--muted)}.fixedpackage strong{font-size:14px;display:block;overflow-wrap:anywhere}.customerportal .panel form>button{margin-top:22px}.customerportal .quotefacts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.quotefacts>div{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--ivory)}.quotefacts span{display:block;font-size:12px;color:var(--muted)}.quotefacts strong{font-size:20px;display:block;overflow-wrap:anywhere}.approvalnote{padding:14px 16px;border-radius:8px;background:#edf1e8;color:#36442b}.shipmententry{padding:20px 0;border-top:1px solid var(--line)}.shipmententry:first-of-type{border-top:0;padding-top:0}.shipmententry h3{margin-bottom:7px}.shipmententry p{font-size:14px;margin:7px 0}.shipmententry details{border:1px solid var(--line);padding:0 14px;border-radius:8px}.shipmententry form{padding-bottom:16px}.emptynote{padding:16px;background:var(--ivory);border-radius:8px;font-size:14px}.customeraccess{max-width:800px;padding-top:48px}.customeraccess>h1{font-size:30px}.customeraccess .panel{padding:28px}.customeraccess h2{font-size:21px}.accessfield{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;margin:20px 0}.accessfield label{grid-column:1/-1;margin:0 0 8px}.accessfield input{font-size:14px;background:var(--ivory);font-weight:400}.accessfield .pinvalue{letter-spacing:5px;font-size:20px;font-weight:600}.accessfield button{min-height:48px}.accessprimary{margin-top:20px}.accessnext{padding:0 4px}.accessnext p{font-size:14px}.customeraccess #copy-status:empty{display:none}.customerportal [id]{scroll-margin-top:110px}.customerportal .formgrid{align-items:start;gap:0 24px}.customerportal textarea{min-height:110px}.customerportal .formgrid .customerfield{margin-top:18px}
@media(max-width:767px){.customerportal .portalheader{padding:12px 0;align-items:center}.customerportal .portalheader .tag{max-width:55%;font-size:9px}.customerpageheading h1{font-size:26px}.customerpageheading .ordertitle{font-size:17px}.customernext{display:block;padding:20px}.customernext>a{margin-top:18px;min-height:48px;width:100%;text-align:center}.customerportal .panel{padding:20px}.customerportal .orderfacts>div{grid-template-columns:1fr;gap:4px}.customerportal .quotefacts{grid-template-columns:1fr;gap:10px}.customerportal .formgrid{grid-template-columns:1fr;gap:0}.customerportal .sectionheading{display:block}.customerportal .sectionheading .tag{margin-top:8px}.customerportal .panel form>button{width:100%;min-width:0}.customeraccess{padding-top:28px}.customeraccess .panel{padding:20px}.customeraccess>h1{font-size:26px}.accessprimary{width:100%;text-align:center}.accessfield{column-gap:8px}.accessfield button{font-size:12px;padding:9px 12px}.customerfield>.fieldhelp{font-size:12px}.customerportal footer{line-height:1.8}}
.formrule{font-size:12px;margin:0 0 16px;color:var(--muted)}
/* R10: one task visible at a time; actual tabs rather than scroll links. */
.guidedportal{max-width:960px}.guidedportal .customerpageheading h1{font-size:26px;margin-bottom:5px}.guidedportal .customerpageheading .ordertitle{font-size:16px}.guidedportal .customerpageheading>p:last-child{margin-bottom:16px}.guidedportal .portalheader{margin-bottom:20px}.portaljourney{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:18px 0}.portaljourney span{font-size:11px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:white}.guidedportal .compactnext{padding:18px 20px;margin:16px 0}.compactnext h2{font-size:19px;margin-bottom:7px}.compactnext .fieldhelp{font-size:12px;margin-top:9px}.portaltabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 12px;margin:0;scrollbar-width:thin}.portaltabs button{white-space:nowrap;flex-shrink:0;background:white;color:var(--plum);border:1px solid #cdbfce;font-size:13px;font-weight:500;padding:10px 16px;min-height:46px;border-radius:9px}.portaltabs button[aria-selected=true]{background:var(--plum);color:white;border-color:var(--plum);font-weight:650;box-shadow:0 3px 9px #38243b16}.guidedportal [data-portal-panel]>.panel:first-child{margin-top:8px}.guidedportal [data-portal-panel]:focus{outline:none}.guidedportal .recipiententry{margin-top:10px;padding-top:16px}.guidedportal .recipiententry h3{font-size:16px}.guidedportal .recipientsummary details{margin-top:12px;border:1px solid var(--line);padding:0 12px;border-radius:8px}.guidedportal .recipientsummary details form{padding-bottom:16px}.guidedportal .recipiententry form>button{width:100%;min-height:50px;font-size:15px}.guidedportal .recipientsummary span{float:none;display:block;margin:4px 0}.guidedportal #recipient-quantity{max-width:180px}.guidedportal .fixedpackage{margin-top:12px}.guidedportal .sectionheading>div>p{font-size:13px}.guidedportal footer{margin-top:28px}
@media(max-width:767px){.guidedportal{padding-top:14px}.guidedportal .portalheader{position:static;margin-bottom:16px;padding:6px 0 12px}.guidedportal .portaljourney{grid-template-columns:1fr 1fr;margin:14px 0;gap:5px}.portaljourney span{font-size:10px;padding:7px 8px}.guidedportal .compactnext{padding:16px}.compactnext h2{font-size:18px}.compactnext p{font-size:13px}.portaltabs{margin-top:4px}.portaltabs button{padding:9px 13px;font-size:12px}.guidedportal .panel{padding:18px}.guidedportal .recipiententry{padding-top:12px}.guidedportal .sectionheading{margin-bottom:10px}.guidedportal .customerfield{margin-top:16px}}
/* Process labels are plain text; interactive tabs retain button styling. */
.guidedportal .portaljourney{border-bottom:1px solid var(--line);padding-bottom:10px}.guidedportal .portaljourney span{border:0;background:transparent;border-radius:0;padding:4px 0}.portaljourney span:not(:last-child)::after{content:' →';color:#8d7f90;margin-left:4px}.portalitemdetails{margin:16px 0}.portalitemdetails>summary{border:1px solid #cdbfce;border-radius:9px;padding:12px 16px;background:white;color:var(--plum)}.quotereview{border:1px solid var(--line);border-radius:9px;padding:0 14px}
.guidedportal .fixedquantity{padding:12px 14px;background:var(--ivory);border-radius:8px;font-size:14px;margin:18px 0}.guidedportal .sectionheading{display:flex;gap:14px}.guidedportal .sectionheading>.tag{flex-shrink:0;white-space:nowrap;font-size:9px;margin:0}.guidedportal .recipiententry:has(>form):not(:has(>h3)){border-top:0;padding-top:0;margin-top:0}

/* R11: contained tab focus and recipient entry methods */
.portaltabs button:focus-visible{outline:3px solid #a87531;outline-offset:-4px}.entrymethods{margin:12px 0 18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.entrymethods h2{font-size:18px}.entrymethods .actionrow{gap:12px;flex-wrap:wrap}.entrymethods details{margin-top:16px}.importsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.importsteps article{padding:16px;border:1px solid var(--line);border-radius:10px;background:white}.importsteps h2{font-size:16px}.importsteps p{font-size:13px}.importtable{overflow-x:auto;max-height:480px;border:1px solid var(--line);border-radius:8px}.importtable table{border-collapse:collapse;width:100%;min-width:660px}.importtable th,.importtable td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line);font-size:13px;white-space:normal;overflow-wrap:anywhere}.importtable th{position:sticky;top:0;background:#f5f0f5}.importtable td:nth-child(4){min-width:190px}.importpage .actionrow{margin-top:18px;flex-wrap:wrap;gap:12px}.importpage input[type=file]{max-width:100%}.importpage .errorlist{max-height:300px;overflow:auto}.importpage .errorlist li{padding:6px}.importpage p{overflow-wrap:anywhere}@media(max-width:600px){.importsteps{grid-template-columns:1fr;gap:8px}.importsteps article{padding:14px}.entrymethods{padding:18px}.entrymethods .actionrow>a{width:100%;text-align:center}.importpage .actionrow>*{width:100%;text-align:center}.importpage .actionrow form button{width:100%}}

.importtable th{white-space:nowrap}.importtable td:first-child{min-width:50px}.importtable td:nth-child(2){min-width:140px}.importtable td:nth-child(3){min-width:155px}.importguide{margin:20px 0}.importguide>summary{font-weight:650;cursor:pointer}.importguide .importsteps{margin-bottom:0}

.adminorder .heading h1{overflow-wrap:anywhere}.adminordertabs{margin:16px 0 8px}.adminorder [data-admin-panel]:focus{outline:none}.adminorder [data-admin-panel]>.panel:first-child{margin-top:8px}.adminorder .nextaction{margin-top:16px}.adminorder .metrics article p:last-child{font-size:13px}.adminorder .actionrow{flex-wrap:wrap;gap:10px}.adminorder [data-admin-panel]{min-width:0}.adminorder .notice input{max-width:100%}@media(max-width:600px){.adminorder .nextaction{align-items:stretch;flex-direction:column}.adminorder .nextaction .primarylink{text-align:center;width:100%}.adminorder .heading h1{font-size:24px}.adminorder .actionrow>*{max-width:100%}}

/* R13: clear order entry, compact optional fields, focused quote preparation. */
.orderentry{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;margin:14px 0;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.orderentry:hover{border-color:#957d98;box-shadow:0 4px 16px #38243b0b}.orderentry:focus-visible{outline:3px solid #a87531;outline-offset:3px}.orderentry h3{font-size:17px;margin:7px 0}.orderentry p{margin:5px 0;font-size:13px}.ordertask{font-weight:600;color:var(--plum)}.orderentryaction{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}.orderlink>summary,.requestoptional>summary,.quotedetails>summary,.quotechange>summary{font-weight:600;cursor:pointer}.orderlink{padding:18px 24px}.requestoptional{margin:20px 0;padding:14px 0;border-top:1px solid var(--line)}.requestoptional[open]>summary{margin-bottom:18px}.quoteeditor .sectionheading{margin-top:0}.quoteeditor .quotename{margin:18px 0}.quoteeditor .quotedetails{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.quoteeditor .quotechange{margin-top:24px}.quoteeditor .quoteform{margin-top:20px}.quoteeditor .quotefacts dd{margin:6px 0;font-size:21px;font-weight:650}.quoteeditor .actionrow{display:flex;gap:12px;flex-wrap:wrap}.quoteeditor .quoteform button{min-height:48px}.quoteeditor .fieldhelp{margin:12px 0}.quoteeditor .formgrid{gap:16px 20px}.quoteeditor input[type=number]{max-width:100%}#manual-new,#manual-existing{padding:0;border:0}.accessnext{margin:20px 0}#order-request .requestreview{margin:16px 0}.adminorder .nextaction h2{font-size:22px}@media(max-width:600px){.orderentry{padding:18px;gap:18px;align-items:stretch;flex-direction:column}.orderentryaction{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.orderentryaction .primarylink{font-size:12px}.orderentry h3{font-size:16px;overflow-wrap:anywhere}.orderlink{padding:18px}.quoteeditor .quoteform .actionrow>*{width:100%}.quoteeditor .quotefacts dd{font-size:20px}.adminorder .nextaction h2{font-size:20px}}
.homemetric{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.homemetric>span:first-child{font-size:14px;color:var(--muted)}.homemetric>strong{font-size:32px;line-height:1.2}.homemetric .metricopen{font-size:12px;color:var(--plum)}.homemetric:hover{border-color:#957d98}.homemetric:focus-visible{outline:3px solid #a87531;outline-offset:3px}#halaman-pemesanan .actionrow{display:flex;gap:12px;flex-wrap:wrap}#halaman-pemesanan input{max-width:100%}@media(max-width:600px){.homemetric{padding:18px}.homemetric>strong{font-size:28px}#halaman-pemesanan .actionrow>*{width:100%;text-align:center}}

.orderfilter{display:flex;align-items:flex-end;gap:12px;margin:16px 0 24px}.orderfilter label{margin:0;min-width:200px;max-width:350px}.orderfilter select{margin-bottom:0}.orderfilter button{min-height:46px}@media(max-width:500px){.orderfilter{align-items:stretch;flex-direction:column}.orderfilter label{max-width:none}}

.homemetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.homemetric{min-width:0}@media(max-width:600px){.homemetrics{gap:8px}.homemetric{padding:12px;gap:8px}.homemetric>span:first-child{font-size:11px;min-height:34px;line-height:1.5}.homemetric>strong{font-size:25px}.homemetric .metricopen{font-size:11px}}
/* R14 uses the existing brand and spacing tokens. */
.coreorder{max-width:1120px;margin:auto}.coreorder .panel{scroll-margin-top:95px}.coreorder details.panel>summary{font-size:20px;font-weight:600;padding:6px 0;cursor:pointer}.coreorder details.panel[open]>summary{margin-bottom:20px}.coreorder form{max-width:760px;margin:22px 0}.coreorder form>button{margin-top:16px}.coreorder .formgrid{gap:20px}.coreorder .recipient{overflow-wrap:anywhere}.coreorder .recipient details{margin-top:16px}.coreorder .check{display:flex;align-items:flex-start;gap:12px;font-size:13px}.coreorder .check input{width:20px;flex:0 0 20px}.corelinks{display:flex;gap:10px;overflow-x:auto;padding:8px 0 20px;margin-bottom:8px}.corelinks a{white-space:nowrap;padding:10px 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:white}.corecustomer{max-width:900px}.coreorder input,.coreorder select,.coreorder textarea{max-width:100%;min-width:0}.coreorder .heading{gap:16px}.coreorder .heading h1{overflow-wrap:anywhere}.coreorder .primarylink{white-space:normal}.coreorder details>summary{min-height:44px;display:list-item}.coreorder .notice{scroll-margin-top:100px}@media(max-width:767px){.coreorder .formgrid{grid-template-columns:1fr}.coreorder .panel{padding:20px 16px}.coreorder .heading{display:block}.coreorder .heading .tag{display:inline-block;margin-top:12px}.coreorder .nextaction{display:block}.coreorder .nextaction>a{display:block;margin-top:18px;text-align:center}.coreorder form>button{width:100%}.corelinks{margin-right:-8px}.corecustomer{padding:24px 16px}.coreorder .orderfacts{display:block}.coreorder .orderfacts>div{padding:10px 0}}

.corelinks a[aria-current=page]{background:var(--plum);border-color:var(--plum);color:white}.coreorder form>button+button{margin-left:10px}@media(max-width:767px){.coreorder form>button+button{margin-left:0}}

.corelinks a{color:var(--plum)}.coreorder .recipient{padding:18px 0}.coreorder .nextaction>div{width:100%}.coreorder .panel>form{margin-bottom:0}

/* R15 contact and operational filters share the existing visual language. */
.orderfilter,.contactfilter{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:24px 0}.orderfilter label,.contactfilter label{flex:0 1 280px;margin:0}.orderfilter button,.contactfilter button{width:auto!important;min-width:110px;margin:0;height:46px}.contacttabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.contacttabs a{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:11px 15px;text-decoration:none;color:var(--plum);background:white}.contacttabs a[aria-current=page]{color:white;background:var(--plum);border-color:var(--plum)}.contactentry{display:block;padding:24px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:white}.contactentry .sectionheading{margin-bottom:8px;gap:16px}.contactentry p{overflow-wrap:anywhere}.contactentry details{margin-top:18px}.contactentry form{max-width:760px}.contactentry .tag{white-space:normal}.contactentry .actionrow{margin-top:18px}.contactcounts{font-size:13px;color:var(--muted)}.contactfilter input{width:100%}.contactentry input[type=checkbox]{width:20px;display:inline-block}.contactentry .check{display:flex;align-items:flex-start;gap:10px}@media(max-width:767px){.orderfilter,.contactfilter{align-items:stretch;gap:10px}.orderfilter label,.contactfilter label{flex:1 1 100%}.orderfilter button,.contactfilter button{width:100%!important}.contactentry{padding:18px 16px}.contactentry .sectionheading{display:block}.contactentry .tag{display:inline-block;margin-top:10px}.contacttabs{gap:8px}.contacttabs a{font-size:12px;padding:10px 12px}.login .intro h1{overflow-wrap:anywhere}}

.noticebell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--plum);background:white}.noticebadge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:var(--plum);color:white;font-size:11px;font-weight:700;line-height:20px;text-align:center}.noticeentry.unread{border-left:4px solid var(--plum)}.noticeentry h2{font-size:18px}.noticeentry form{margin-top:16px}.topactions{gap:10px}@media(max-width:767px){.topactions{gap:7px}.noticebell{flex-basis:40px;width:40px;height:40px}.topactions .logout{padding:8px 10px}.mobilebrand img{width:125px}.topbar{gap:8px}.mobilebrand{min-width:0}}
.contactentry .sectionheading{margin-top:0;margin-bottom:12px}.contactentry .sectionheading>.tag{max-width:none;text-align:left;white-space:nowrap;letter-spacing:.2px;font-size:11px;flex-shrink:0}.noticeentry .sectionheading{flex-wrap:wrap}

/* R16 checkout and settings */
.checkoutbox{padding:24px;margin:24px 0;border:1px solid #d9d0d9;border-radius:16px;background:#faf7fa}.checkoutbox h2{margin-top:0}#checkout-price:not(:empty){padding:16px;margin-top:16px;background:white;border-radius:12px;border:1px solid #ddd}#checkout-price p{margin:6px 0}.checkline{display:flex;gap:12px;align-items:flex-start;margin:16px 0}.checkline input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:2px 0}@media(max-width:600px){.checkoutbox{padding:16px}}

.homemetrics{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.homemetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.homemetrics{gap:10px}.homemetrics>article{padding:14px}.homemetrics strong{overflow-wrap:anywhere}}

/* R17: visible actions and structured settings. */
a.secondary,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;min-height:46px;border:1px solid #a794aa;background:#fff;color:#38243b;border-radius:9px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;box-shadow:0 1px 2px #38243b08;cursor:pointer}
a.secondary:hover,button.secondary:hover{background:#f0e9f1;border-color:#725577;box-shadow:0 2px 7px #38243b15}a.secondary:active,button.secondary:active{background:#e6dce8;box-shadow:inset 0 1px 3px #38243b15}button:disabled,.secondary:disabled{opacity:.55;cursor:default;box-shadow:none}button:not(.secondary):not(.logout):not([disabled]):hover{filter:brightness(1.13)}
.settingsworkspace{max-width:1040px;margin:0 auto}.settingsworkspace>.heading{margin:16px 0 28px}.settingsworkspace .heading p{max-width:700px}.settingsback{margin-bottom:10px}.settingsshortcuts{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:stretch;margin-bottom:32px}.settingsshortcuts .panel{margin:0}.settingsdestination{display:flex;align-items:center;gap:16px;background:#eee6ef;border:1px solid #b8a5bc;border-radius:14px;padding:26px;text-decoration:none;color:var(--plum);min-height:110px}.settingsdestination strong{display:block;font-size:20px;line-height:1.4}.settingsdestination small{display:block;margin-top:8px;color:#625267;font-size:14px;line-height:1.6}.settingsdestination:hover{background:#e6dce9;border-color:#725577;box-shadow:0 4px 16px #38243b12}.destinationarrow{margin-left:auto;font-size:26px;flex-shrink:0}.settingsdestination .tileicon{flex-shrink:0;background:#fff}.catalogsetting h2{font-size:20px}.catalogsetting p{font-size:14px}.catalogsetting input{font-size:14px}.settingsform>.panel{margin:0 0 24px;padding:30px}.settingssectionhead{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.settingssectionhead h2{margin:0 0 6px;font-size:22px}.settingssectionhead p{margin:0;font-size:14px}.sectionnumber{display:inline-grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#efe8ef;color:#6f5075;font-size:12px;font-weight:700}.settingssection label{line-height:1.5;margin:20px 0 8px}.settingssection input,.settingssection select,.settingssection textarea{margin-top:8px}.settingssection small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:8px;line-height:1.65}.settingssection .formgrid{column-gap:26px;align-items:start}.settingssection .shortfield{max-width:360px}.settingssection textarea{min-height:112px}.settingssection .settingchoice{display:flex;align-items:flex-start;gap:14px;margin:12px 0;padding:18px;border:1px solid #d7cbd9;border-radius:11px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}.settingchoice:hover{background:#f8f4f9;border-color:#a48ca9}.settingchoice:has(input:checked){border-color:#89628f;background:#f5eff6}.settingssection .settingchoice input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:1px 0 0;cursor:pointer}.settingchoice strong{display:block;font-size:15px}.settingchoice small{margin:5px 0 0}.settingssection .settingenable{padding:22px;background:#f6f1f7}.settingspackages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settingspackages .settingchoice{margin:0}.settingssubheading{font-size:16px;margin:26px 0 8px}.settingsinset{padding:4px 22px 18px;margin:0 0 20px 34px;border-left:3px solid #c9b4cd;background:#faf8fb}.policypreview{padding:18px 20px;border-radius:10px;background:#f2edf3;color:#4b3450;font-size:14px;margin:22px 0 0;border:1px solid #ded2e0}.settingshelp{margin:20px 0 0;border:1px solid #ddd1df;border-radius:10px;padding:0 16px}.settingshelp>summary{min-height:48px;padding:13px 0;color:var(--plum);font-size:14px}.settingshelp>p{font-size:13px;padding-bottom:12px;margin-bottom:0}.settingssavebar{position:sticky;bottom:12px;z-index:18;padding:16px 20px;background:#fffcf8;border:1px solid #c5b4c9;border-radius:12px;box-shadow:0 -4px 20px #38243b0c;margin:0 0 28px}.settingssavebar>div{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.settingssavebar button{width:auto;margin:0;font-size:14px;min-height:48px}.settingssavestatus{display:block;font-size:12px;color:#625968;margin-bottom:12px}.settingssection a:not(.secondary){color:#53335c;text-decoration:underline;text-underline-offset:3px}.settingsworkspace #copy-status:empty{display:none}
@media(max-width:1100px){.settingsshortcuts{grid-template-columns:1fr}.settingsdestination{min-height:110px}}@media(max-width:767px){.settingsworkspace .heading h1{font-size:28px}.settingsshortcuts{gap:16px;margin-bottom:24px}.settingsdestination{padding:20px}.settingsdestination strong{font-size:18px}.settingsdestination .tileicon{display:none}.settingsform>.panel{padding:22px 18px;margin-bottom:18px}.settingssectionhead{gap:12px;margin-bottom:18px;padding-bottom:18px}.settingssectionhead h2{font-size:20px}.settingssectionhead p{font-size:13px}.settingspackages{grid-template-columns:1fr}.settingssection .settingchoice{padding:16px}.settingsinset{margin-left:10px;padding:0 12px 14px}.settingssavebar{bottom:calc(82px + env(safe-area-inset-bottom));padding:14px;margin-bottom:14px}.settingssavebar>div{display:grid;grid-template-columns:1fr}.settingssavebar button[type=submit]{grid-row:1}.settingssavebar button{width:100%;font-size:13px}.settingssection .shortfield{max-width:none}.settingssection .formgrid{gap:0}.settingsback{font-size:13px}.settingssavestatus{font-size:11px}.settingsshortcuts .actionrow>*{flex:1 1 auto}}
@media print{.settingssavebar{position:static;box-shadow:none}}

.corelinks a{border-color:#ac96b2;color:#4b2f54;font-weight:600;min-height:46px}.corelinks a:hover{background:#eee5f0;border-color:#76517f}.corelinks a[aria-current=page]{background:#38243b;border-color:#38243b;color:white}a.secondary,button.secondary{border-color:#967c9e}.settingsworkspace [id]{scroll-margin-top:110px}

/* R18: five business decisions, separate quote and payment scheduling. */
.setupoverview{background:#eee7ef;border:1px solid #c5afcb;padding:24px;border-radius:14px;margin:0 0 26px}.setupoverview h2{font-size:20px}.setupoverview ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.setupoverview li{min-width:0}.setupoverview a{display:block;padding:12px;border-radius:9px;background:white;border:1px solid #b9a3c0;color:#402647;text-decoration:none;font-size:13px;font-weight:650;min-height:110px}.setupoverview a:hover{border-color:#725077;background:#faf6fb}.setupoverview a>span{display:block;font-size:11px;color:#886890;margin-bottom:8px}.setupoverview small{display:block;font-size:11px;color:#6f6474;margin-top:8px}.setupoverview p{font-size:13px;margin-bottom:0}.settingsadvanced>summary{font-size:18px;color:#503457}.setupactivation{border-color:#b59cbc!important}.quoteportal .nextaction{display:block}.quoteportal form>button{min-height:48px}.quoteportal h1{font-size:30px}.paymentchange{padding:20px;border:1px solid #bca5c3;background:#f8f3f9;border-radius:12px;margin:18px 0}.paymentchange h3{font-size:18px}.paymentchange form{margin-bottom:0}.settingsworkspace #setup-1,.settingsworkspace #setup-2,.settingsworkspace #setup-3,.settingsworkspace #setup-4,.settingsworkspace #setup-5{scroll-margin-top:110px}
@media(max-width:900px){.setupoverview ol{grid-template-columns:repeat(2,minmax(0,1fr))}.setupoverview a{min-height:90px}}@media(max-width:500px){.setupoverview{padding:18px}.setupoverview ol{grid-template-columns:1fr}.setupoverview a{min-height:0;display:flex;gap:10px;align-items:center}.setupoverview a>span{margin:0}.setupoverview small{margin:0 0 0 auto;white-space:nowrap}.paymentchange{padding:16px}}

/* R19 contextual order guidance and billing */
.orderhelp{margin:20px 0;border:1px solid var(--line,#ddd);border-radius:16px;background:#fff;padding:16px 20px}.orderhelp>summary{font-weight:700;cursor:pointer;min-height:28px}.orderhelp>div{max-width:760px;padding-top:12px}.orderhelp li{margin:8px 0}.buyeridentity{margin:24px 0}.buyeridentity legend{font-weight:700}.billinginfo{padding:16px;margin:16px 0;border:1px solid var(--line,#ddd);border-radius:14px;overflow-wrap:anywhere}.billinginfo summary{cursor:pointer;font-weight:700}
.homemetrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.homemetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.routehint{padding:14px 16px;background:#f3eef3;border-radius:12px;line-height:1.6}

.waitingqueues{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 24px}.waitingqueues a{display:flex;align-items:center;gap:16px}.waitingqueues strong{background:#eee6ee;border-radius:20px;padding:3px 9px}

/* R20 settings: compact actions and clear saved-state separation. */
.checkoutstate{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #bca5c3;border-radius:14px;padding:22px 24px;margin:0 0 22px}.checkoutstate h2{font-size:21px;margin:0 0 8px}.checkoutstate p{margin:0;max-width:650px;font-size:14px}.checkoutstate a{flex-shrink:0}.setupmissing{margin:18px 0 0;padding-left:22px;font-size:13px;line-height:1.7}.setupmissing li{margin:6px 0}.banksummary{padding:18px;background:#f7f3f7;border-radius:12px;margin-bottom:24px}.banksummary h3{margin-top:0}.settingssavebar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.settingssavestatus{margin:0;line-height:1.5;max-width:330px}.settingssavebar>div{flex-shrink:0;gap:10px}.settingssavebar button{min-height:46px}.settingsworkspace{padding-bottom:20px}html{scroll-padding-bottom:150px}
@media(max-width:767px){.checkoutstate{display:block;padding:18px}.checkoutstate a{margin-top:16px}.settingssavebar{display:block;padding:10px 12px;bottom:calc(76px + env(safe-area-inset-bottom))}.settingssavestatus{font-size:11px;margin:0 0 8px;max-width:none}.settingssavebar>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settingssavebar button{font-size:12px;padding:9px 8px;min-height:46px}.settingssavebar>div button{width:100%}html{scroll-padding-bottom:200px}}
@media(min-width:768px) and (max-width:1100px){.settingssavebar{display:block}.settingssavestatus{max-width:none;margin:0 0 8px}.settingssavebar>div{flex-wrap:wrap}}
@media(min-width:768px) and (max-width:1100px){.settingssavebar>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.settingssavebar button{width:100%;font-size:12px;padding:9px 8px}}
@media(max-width:767px){.settingssavebar button[type=submit]{grid-row:auto}}

/* R21 shared navigation and action rhythm. */
.pagejourney{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin:0 0 26px}.pagejourney ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;color:#6b606b;font-size:13px}.pagejourney li+li:before{content:'/';padding-right:8px;color:#9e929f}.pagejourney a:not(.secondary),.desktopbreadcrumb a{color:#503457;text-underline-offset:3px}.journeyback{margin:0;min-height:46px;font-weight:650}.sectionactions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.sectionactions .secondary{margin:0}.gallerymanage{margin:20px 0 12px}.formactions,.packageactions,.printcontrols{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.formactions{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.formactions>*{margin:0}.packageactions{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.packageactions form{margin:0}.printcontrols{margin-bottom:24px}.catalogtools{margin:20px 0}.packagebody{padding:22px}.requeststepactions{gap:14px}.requeststepactions button{min-height:46px}.orderhelp{margin:24px 0}.settingssection .sectionactions{margin-top:24px}.pagejourney+ .heading{margin-top:0}
@media(max-width:767px){.pagejourney{display:block;margin-bottom:22px}.pagejourney ol{margin-top:12px;font-size:12px}.pagejourney .journeyback{max-width:100%;white-space:normal}.formactions>*{flex:1 1 140px;text-align:center}.sectionactions{margin-top:22px;padding-top:18px}.sectionactions a{max-width:100%;white-space:normal}.packagebody{padding:18px}.printcontrols>*{flex:1 1 150px}.requeststepactions{gap:10px}}
@media print{.pagejourney,.journeyback,.printcontrols{display:none!important}}

/* R22: settings actions occupy their own row, outside the content viewport. */
.settingscolumn{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.settingscolumn>.topbar,.settingscolumn>.connection,.settingscolumn>.update{position:static;flex-shrink:0}
.settingscolumn>.content{flex:1 1 0;min-height:0;width:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding:24px;margin:0 auto;padding-bottom:32px}
.settingscolumn>.settingssavebar{position:static;flex:0 0 auto;z-index:auto;margin:0;border-radius:0;border:0;border-top:1px solid var(--line);padding:12px 40px;background:#fff;box-shadow:0 -3px 14px #38243b08}
@media(max-width:1100px){.settingscolumn>.settingssavebar{padding-left:30px;padding-right:30px}}
@media(max-width:767px){.settingscolumn{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.settingscolumn>.settingssavebar{padding:10px 20px}.settingscolumn>.content{scroll-padding:16px}.settingscolumn>.settingssavebar .settingssavestatus{margin-bottom:8px}}
@media print{.settingscolumn{height:auto;display:block;overflow:visible;padding-bottom:0}.settingscolumn>.content{overflow:visible}.settingscolumn>.settingssavebar{display:none}}
/* R23: category pages; the category navigation never scrolls away. */
.settings23cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 32px}.settings23card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#fff;border:1px solid #b8a5bc;border-radius:14px;text-decoration:none;color:var(--plum);min-height:116px}.settings23card strong{display:block;font-size:18px}.settings23card small{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6}.settings23card:hover{background:#f0e9f1;border-color:#725577}.settings23card>span:last-child{font-size:23px}.settings23nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 40px;border-bottom:1px solid var(--line);background:var(--ivory);flex-shrink:0}.settings23nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;background:#fff;border:1px solid #cbbdce;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;color:var(--plum)}.settings23nav a[aria-current=page]{background:var(--plum);color:#fff;border-color:var(--plum)}.settings23nav a:hover{box-shadow:0 0 0 1px #ad8752}.settings23page .heading{margin-top:0}.settings23readiness ul{list-style:none;margin:0;padding:0}.settings23readiness li+li{border-top:1px solid var(--line)}.settings23readiness li a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;color:var(--plum);min-height:48px;font-size:13px}.settings23readiness li span{font-weight:600;text-align:right}.settings23readiness h2{font-size:20px}.settings23page .sectionnumber{display:none}.settings23page .settingssectionhead{gap:0}.settings23page .setupactivation{margin-top:24px}
@media(min-width:1400px){.settings23nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.settings23nav{padding-left:30px;padding-right:30px}}
@media(max-width:767px){.settings23nav{display:none}.settings23cards{grid-template-columns:1fr;gap:14px}.settings23card{padding:20px;min-height:100px}.settings23page .settingssectionhead h2{font-size:20px}.settingscolumn>.settingssavebar>div{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.settingscolumn>.settingssavebar button{padding:10px;font-size:12px;line-height:1.4}.settings23readiness li a{align-items:flex-start}}
@media print{.settings23nav{display:none}}
@media(max-height:600px) and (max-width:1100px){.settings23nav{display:none}.settingscolumn>.settingssavebar{display:flex;padding:8px 20px;gap:12px}.settingscolumn>.settingssavebar .settingssavestatus{font-size:10px;max-width:35%;margin:0}.settingscolumn>.settingssavebar>div{display:flex;flex-wrap:nowrap}.settingscolumn>.settingssavebar button{font-size:12px;padding:8px 12px}}
.settings23mobilehead{display:none}
@media(max-width:767px),(max-height:600px) and (max-width:1100px){.settings23mobilehead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:10px 20px;background:var(--ivory);border-bottom:1px solid var(--line)}.settings23mobilehead strong{font-size:12px;text-align:right;line-height:1.4}.settings23mobilehead .secondary{font-size:12px;padding:8px 12px;min-height:44px;white-space:nowrap}.settingscolumn:has(>.settings23mobilehead) .pagejourney{display:none}.settings23page>.heading{margin-top:0}}
@media(max-height:600px) and (max-width:1100px){.settingscolumn>.content{padding-top:16px;padding-bottom:16px}.settingscolumn>.settingssavebar .settingssavestatus{display:none}.settingscolumn>.settingssavebar>div{width:100%;justify-content:flex-end}.settingscolumn>.settingssavebar button{min-height:44px}}

/* R24: compact settings rhythm, without reducing touch targets. */
.settings23hub>.heading{margin-top:0;margin-bottom:20px}.settings23hub .settings23cards{gap:12px;margin:20px 0 24px}.settings23hub .settings23card{min-height:92px;padding:18px 20px;border-radius:12px;gap:16px}.settings23hub .settings23card strong{font-size:16px;line-height:1.4}.settings23hub .settings23card small{margin-top:5px;font-size:13px;line-height:1.5}.settings23hub .settings23readiness{padding:22px}.settings23readiness li a{padding:10px 0;min-height:44px}
.settingscolumn>.topbar{height:64px}.settingscolumn>.content{padding-top:24px;padding-bottom:24px}.settingscolumn .pagejourney{margin-bottom:20px}.settings23page>.heading{margin-bottom:20px}.settings23page .heading h1,.settings23hub .heading h1{font-size:26px;line-height:1.3;margin-bottom:10px}.settings23page .heading .eyebrow,.settings23hub .heading .eyebrow{margin-bottom:8px}.settings23page .settingsform>.panel{padding:22px;margin-bottom:16px;border-radius:12px}.settings23page .settingssectionhead{margin-bottom:18px;padding-bottom:16px}.settings23page .settingssectionhead h2,.settings23page .settingssection>h2,.settings23page .settings23readiness h2{font-size:18px;line-height:1.4}.settings23page .settingssectionhead p{font-size:13px;line-height:1.5}.settings23page .settingssection label{margin-top:14px;margin-bottom:6px}.settings23page .settingssection .formgrid{gap:16px}.settings23page .settingssection input:not([type=checkbox]),.settings23page .settingssection select{min-height:46px;padding:10px 12px;font-size:14px}.settings23page .settingssection textarea{min-height:96px;padding:10px 12px;font-size:14px}.settings23page .settingchoice{padding:12px 14px;gap:12px;min-height:64px}.settings23page .settingchoice small{font-size:12px;line-height:1.5}.settings23page .sectionactions{margin-top:18px;padding-top:16px}.settings23page .settingsinset{padding:16px;margin-top:12px}.settings23page .checkoutstate{padding:18px 20px;margin-bottom:18px}.settings23page .checkoutstate h2{font-size:18px}.settings23page .checkoutstate p{margin-bottom:0}.settings23page .settingshelp{margin-top:16px}.settings23page .settingsadvanced summary{font-size:14px;min-height:44px}.settingscolumn>.settingssavebar{padding-top:10px;padding-bottom:10px}.settingscolumn>.settingssavebar button{min-height:44px;padding:10px 16px;font-size:13px}.settings23nav{padding-top:10px;padding-bottom:10px;gap:6px}.settings23nav a{padding:8px;font-size:12px;line-height:1.4;min-height:44px}
@media(min-width:1200px){.settings23hub .settings23cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){.settings23nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:767px){.settingscolumn>.topbar{height:64px}.settingscolumn>.content{padding-top:20px;padding-bottom:24px}.settings23page .settingsform>.panel{padding:18px;margin-bottom:14px}.settings23hub .settings23card{min-height:88px;padding:16px 18px}.settings23hub .settings23readiness{padding:18px}.settings23page .heading h1,.settings23hub .heading h1{font-size:24px}.settings23page .settingssection input:not([type=checkbox]),.settings23page .settingssection select,.settings23page .settingssection textarea{font-size:16px}.settingscolumn>.settingssavebar button{padding:10px;font-size:12px}.settings23page .settingssectionhead{margin-bottom:16px;padding-bottom:14px}.settings23page .settingchoice{padding:12px;min-height:64px}}
@media(max-height:600px) and (max-width:1100px){.settingscolumn>.content{padding-top:16px;padding-bottom:16px}.settingscolumn>.settingssavebar{padding-top:8px;padding-bottom:8px}.settingscolumn>.settingssavebar button{padding:8px 12px;font-size:12px}}

/* R25 mobile workspace: clear hierarchy, wider content, and keyboard-aware actions. */
.mobileaccount{display:none}
@media(max-width:767px){
 .topbar,.settingscolumn>.topbar{height:calc(56px + env(safe-area-inset-top));min-height:56px;padding:env(safe-area-inset-top) 16px 0;gap:12px}
 .mobilebrand img{width:140px;max-width:100%}.topactions{gap:8px}.topactions .noticebell{width:44px;height:44px;flex-basis:44px}
 .topactions>#install,.topactions>form{display:none}.mobileaccount{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
 .mobileaccount form{margin:0}.mobileaccount button{min-height:44px;margin:0;width:auto;font-size:14px}.mobileaccount #install{max-width:none;font-size:14px}
 .content{padding:20px 16px calc(88px + env(safe-area-inset-bottom))}.heading{margin-bottom:20px}.heading h1{font-size:26px;line-height:1.3;letter-spacing:-.6px}
 .heading p{font-size:14px;line-height:1.6}.panel{padding:18px 16px;margin:16px 0}.panel .panel{padding:14px 12px}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:46px;max-width:100%}
 .content button,.content a.secondary,.content .primarylink,.content summary,.portalcontainer button,.portalcontainer summary{min-height:44px}
 .formgrid>*{min-width:0}.actionrow>*{max-width:100%}.tag,.sectionheading h2,.packagebody{overflow-wrap:anywhere}
 dialog{max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:20px}.dialoghead{position:sticky;top:-20px;background:var(--ivory);z-index:1;padding:8px 0}
 .bottomnav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.bottomnav>a,.bottomnav>button{min-height:52px;font-size:11px}
 .pagejourney{margin-bottom:18px}.pagejourney ol{line-height:1.5}.connection,.update{top:calc(56px + env(safe-area-inset-top));padding:10px 16px}.update{position:static;font-size:12px}
 .settingscolumn{height:var(--app-height,100dvh);padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .settingscolumn>.content{padding:16px;scroll-padding:16px;min-height:0}.settings23mobilehead{padding:6px 16px;min-height:56px;gap:12px}
 .settings23mobilehead strong{font-size:13px}.settings23mobilehead .secondary{font-size:13px}
 .settings23page>.heading .eyebrow{display:none}.settings23page>.heading h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings23page>.heading{margin-bottom:14px}.settings23page>.heading p{font-size:14px}
 .settingsworkspace{padding-bottom:0}.settings23page .settingsform>.panel{padding:16px;margin-bottom:14px}.settings23page .settingssection .formgrid{gap:0 16px}
 .settings23page .settingssectionhead h2,.settings23page .settingssection>h2{font-size:18px}.settings23page .settingchoice{gap:10px;padding:12px}
 .settings23page .settingsinset{margin-left:0;padding:12px;border-left-width:2px}.settings23page .settingshelp{padding:0 12px}
 .settingscolumn>.settingssavebar{display:block;padding:8px 16px;border-top:1px solid var(--line);box-shadow:none}
 .settingscolumn>.settingssavebar .settingssavestatus{display:none}
 .settingscolumn>.settingssavebar>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px;width:100%}
 .settingscolumn>.settingssavebar button{font-size:13px;line-height:1.35;padding:9px 8px;min-height:46px;white-space:normal}
 .settingscolumn footer{display:none}.settings23hub .settings23card{padding:16px;min-height:88px}.settings23hub .settings23card small{font-size:13px}
 .mobile-keyboard .bottomnav,.mobile-keyboard .topbar{display:none}.mobile-keyboard .settingscolumn{padding-bottom:0}.mobile-keyboard .content{padding-bottom:24px}
 .mobile-keyboard .settingscolumn>.content{padding-bottom:16px}.mobile-keyboard .settings23mobilehead{min-height:52px;padding-top:4px;padding-bottom:4px}
 .mobile-keyboard dialog{max-height:calc(var(--app-height,100dvh) - 24px);margin:auto}
}
@media print{.mobileaccount{display:none!important}}

/* R26 saved / edit / changed states preserve the R25 mobile workspace. */
.cycle-view input[readonly],.cycle-view textarea[readonly],.cycle-view select:disabled{background:#f7f4f8;color:var(--ink);opacity:1;cursor:default}
.cycle-view input[type=checkbox]:disabled{opacity:.85}.editcyclestatus{margin:12px 0;font-size:13px}
button:disabled{cursor:not-allowed}.settingssavebar [data-cycle-edit]{min-width:110px}
@media(max-width:767px){.settingscolumn>.settingssavebar>div:has([data-cycle-edit]:not([hidden])){grid-template-columns:minmax(0,1fr)}.settingscolumn>.settingssavebar [data-cycle-edit]{width:100%}.settingscolumn>.settingssavebar .settingssavestatus{display:block;margin:0 0 4px;font-size:12px}.settingscolumn>.settingssavebar:has([data-cycle-cancel]:not([hidden])) .settingssavestatus{display:none}}

.addressfields{border:0;padding:0;margin:20px 0;min-width:0}.addressfields legend{font-size:15px;font-weight:650;padding:0}.addressfields .addressregions{gap:0 16px}.addressfields textarea{min-height:96px}.addressfields .addressmode{max-width:440px}.cycle-view .addressfields{color:var(--ink)}@media(max-width:767px){.addressfields .addressregions{grid-template-columns:1fr}.addressfields{margin:16px 0}.addressfields input,.addressfields textarea,.addressfields select{font-size:16px}}

/* R27 shared shell: more working space, with the same navigation and actions. */
@media(min-width:768px){
 .sidebar{width:232px;padding:22px 16px 16px}.maincolumn{margin-left:232px;width:calc(100% - 232px)}
 .sidebar .brand{padding:4px 8px 20px}.sidebar .brand img{width:192px}
 .sidebar .tenant{margin:0 0 20px;padding:12px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff08;gap:10px}
 .tenantmark{width:34px;height:34px;border-radius:9px;font-size:13px}.tenant small{font-size:9px;letter-spacing:1.6px;margin-bottom:3px}.tenant strong{font-size:13px;line-height:1.5}
 .sidebar>.navlabel{margin:0 10px 8px}.sidebar .navlabel{font-size:9px;letter-spacing:1.5px}.sidebar .nav{padding:10px 12px;min-height:44px;margin:3px 0;gap:12px;font-size:13px;border-radius:8px}
 .sidebar .nav.active{background:#ffffff16;box-shadow:inset 2px 0 var(--brass)}
 .topbar,.settingscolumn>.topbar{height:52px;min-height:52px;padding:0 28px}.topactions{gap:8px}.topactions .secondary,.topactions .logout{padding:8px 12px;min-height:44px}
 .settings23nav{padding:5px 28px;gap:6px}.settings23nav a{min-height:44px;padding:7px 8px}
 .settingscolumn>.content{padding:16px 28px;scroll-padding:16px}.settingsworkspace{max-width:1160px}.settingscolumn>.settingssavebar{padding:6px 28px;box-shadow:none}.settingscolumn>.settingssavebar button{min-height:44px;padding:8px 14px}
 .settings23page>.heading{margin-bottom:16px}.settingscolumn .pagejourney{margin-bottom:16px}.settings23page .settingsform>.panel{padding:20px;margin-bottom:16px}
 .connection,.pills{top:52px}.content{padding:28px;max-width:1440px}
}
@media(min-width:768px) and (max-width:1100px){.sidebar{width:216px}.maincolumn{margin-left:216px;width:calc(100% - 216px)}.settings23nav,.settingscolumn>.content{padding-left:22px;padding-right:22px}}
.sidebarfoot{padding:14px 6px 0;margin-top:0;border-top:1px solid #ffffff1c;line-height:1.55}
.sidebarfoot .branddescriptor{display:block;font-size:11px;letter-spacing:.2px;color:#d1c4d3;margin:0 0 12px}
.sidebarfoot .brandcopyright{display:block;font-size:11px;color:#f0e9f0;font-weight:500;letter-spacing:0}
.sidebarfoot .brandrights{display:block;margin:5px 0 0;font-size:10px;line-height:1.55;color:#bfb0c2}
.workspacefooter{font-size:11px;letter-spacing:0;color:var(--muted)}
.update{position:static;padding:8px 16px;gap:12px}.settingscolumn .content>#update:not([hidden]){margin:0 0 16px;border:1px solid #dbe3d5;border-radius:9px;line-height:1.5}
.settingscolumn .content>#update button{min-height:44px;flex-shrink:0}.settingscolumn>.settingssavebar{min-height:56px}
#main:focus:not(:focus-visible){outline:none}
@media(max-width:767px){
 .topbar,.settingscolumn>.topbar{height:calc(48px + env(safe-area-inset-top));min-height:48px;padding-left:14px;padding-right:14px}.topactions .noticebell{width:44px;height:44px}
 .content{padding:18px 14px calc(76px + env(safe-area-inset-bottom))}.settingscolumn>.content{padding:14px;scroll-padding:14px}
 .settings23mobilehead,.mobile-keyboard .settings23mobilehead{padding:3px 14px;min-height:50px}.settings23mobilehead strong{font-size:13px}.settings23mobilehead .secondary{padding:6px 10px;min-height:44px}
 .bottomnav{padding:3px 6px calc(3px + env(safe-area-inset-bottom))}.bottomnav>a,.bottomnav>button{min-height:48px;gap:2px;font-size:10px;padding:3px 0}.bottomnav .icon{width:20px;height:20px}
 .settingscolumn{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.settingscolumn>.settingssavebar{padding:6px 14px;min-height:56px}
 .settingscolumn>.settingssavebar button{min-height:44px;padding:8px;font-size:12px}
 .settingscolumn>.settingssavebar:has([data-cycle-edit]:not([hidden])){display:flex;gap:12px;align-items:center;justify-content:space-between}
 .settingscolumn>.settingssavebar:has([data-cycle-edit]:not([hidden])) .settingssavestatus{margin:0;font-size:12px}
 .settingscolumn>.settingssavebar>div:has([data-cycle-edit]:not([hidden])){width:auto;min-width:110px;display:flex}
 .settingscolumn>.settingssavebar [data-cycle-edit]{width:auto;min-width:110px}.settingscolumn>.settingssavebar .settingssavestatus{max-width:none}
 .settings23page .settingsform>.panel{padding:16px;margin-bottom:14px}.settings23page>.heading{margin-bottom:12px}.settings23page>.heading p{font-size:13px}
 .addressfields{margin:16px 0}.addressfields textarea{min-height:82px}.addressfields .addressregions{gap:0 14px}.addressfields label{margin-top:14px}
 .connection,.pills{top:calc(48px + env(safe-area-inset-top))}.update{padding:8px 12px;font-size:12px}.mobile-keyboard .settingscolumn{padding-bottom:0}
}
@media print{.sidebarfoot{display:none}}

@media(min-width:768px){.settings23nav{display:flex;overflow-x:auto;scrollbar-width:thin}.settings23nav a{flex:1 0 125px;white-space:nowrap}}
@media print{.settings23nav{display:none}}
@media(min-width:768px){.settingscolumn>.settingssavebar{display:flex;align-items:center;justify-content:space-between}.settingscolumn>.settingssavebar .settingssavestatus{margin:0;min-width:0}.settingscolumn>.settingssavebar>div{display:flex;flex-wrap:nowrap;gap:8px}.settingscolumn>.settingssavebar button{width:auto}}
@media(min-width:768px) and (max-width:1100px){.settingscolumn>.settingssavebar:has([data-cycle-cancel]:not([hidden])) .settingssavestatus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}