/* The order screen adopts the paper-and-blue workstation from the Higgsfield concept. */
#pc.orderDesktop{--paper:#f6f0e2;--ink:#293742;--muted:#68716f;--rule:#d9cfb9;background:radial-gradient(ellipse at 30% 10%,#62849988,transparent 70%),linear-gradient(125deg,#345873,#29465b);padding:0 24px 14px;gap:18px}
.orderDesktop #pcBar{background:#243f52b8;box-shadow:0 1px #bcd5e32a;height:50px;color:#e7e2d6}
.orderDesktop .deskLogo svg{width:25px;height:25px;display:block}.orderDesktop #pcBar>b{font-size:16px;letter-spacing:0}.orderDesktop .deskSystem{color:#bfccd2;border-color:#768c99}.orderDesktop .deskAccount{border:0;color:#d3dedf}
.orderDesktop #pcBody{max-width:1620px;width:100%;margin:0 auto;gap:24px}.orderDesktop #pcNav{width:84px;padding-top:18px}.orderDesktop .deskDockTitle{color:#c2d0d7;letter-spacing:1px;font-size:10px}
.orderDesktop #pcNav button{padding:14px 3px;color:#eee9dd;border-radius:9px;margin-bottom:16px;transition:background .15s,box-shadow .15s;border:1px solid transparent}.orderDesktop #pcNav svg{width:32px;height:32px;margin-bottom:10px;color:#e4dfd3;filter:drop-shadow(0 2px 1px #122a4188)}
.orderDesktop #pcNav button.on{background:linear-gradient(#d7b279,#b78b51);border-color:#ead2a0;box-shadow:inset 0 1px #ffe6b9,0 3px 6px #132e4455;color:#fff9e9}.orderDesktop #pcNav button.on svg{color:#fff3d7}.orderDesktop #pcNav button:hover{background-color:#ffffff18;box-shadow:inset 0 0 0 1px #bacbda55}
.orderDesktop #deskAppWindow{border:1px solid #91a7b0;border-radius:12px;box-shadow:0 22px 70px #122b4266,0 3px 5px #102f4766}.orderDesktop #deskWindowBar{height:42px;background:linear-gradient(#47667c,#365367);color:#f7f0e0;border-bottom:1px solid #17394b;padding:0 20px;font-size:13px}.orderDesktop #deskWindowBar>span:last-child{color:#d0dce1;letter-spacing:0;font-size:11px}.orderDesktop .deskWindowDots svg{width:20px;height:20px;display:block}
.orderDesktop #pcMain{padding:24px;background:#172a34}.orderDesktop[data-app=desk] #pcMain{background:var(--paper);padding:0;overflow:hidden;display:flex;flex-direction:column}.orderDesktop .deskHome{max-width:none;min-height:0;height:100%;width:100%;display:none;flex-direction:column}.orderDesktop .deskHome.on{display:flex}
.orderDesktop .deskWelcome{padding:20px 28px;margin:0;gap:18px;flex:none;border-bottom:1px solid var(--rule);background:#faf5e9}.orderDesktop .deskWelcome h2{font-size:23px;color:var(--ink)!important;letter-spacing:-.7px}.orderDesktop .deskEyebrow{font-size:10px;color:#9a783d;margin-bottom:4px;letter-spacing:1px}
#orderFlow{display:flex;gap:10px;align-items:center;font-size:11px;color:#888b81;white-space:nowrap}#orderFlow i{font-style:normal;color:#bbb29e}#orderFlow .current{color:#865c23;font-weight:800}
.orderDesktop .deskMail{flex:1;min-height:0;border:0;border-radius:0;grid-template-columns:270px minmax(0,1fr);box-shadow:none;background:var(--paper)}.orderDesktop .deskInbox{padding:22px 12px;background:linear-gradient(115deg,#eee7d8,#f2ecdf);border-right:1px solid var(--rule);overflow:auto}.orderDesktop .deskInboxTitle{color:#34434c;font-size:19px;padding:0 10px 20px;align-items:center}.orderDesktop .deskInboxTitle span{font-size:11px;border-radius:5px;background:#e3dac8;color:#7d7462;padding:2px 8px}
.orderDesktop .deskInbox button{display:flex;align-items:center;gap:12px;padding:17px 12px;margin-bottom:8px;border:1px solid #ded5c2;border-radius:7px;background:#f5efe180;color:var(--ink);min-height:102px}.orderDesktop .deskInbox button.selected{background:linear-gradient(110deg,#f2cf8e,#f8e3b5);border-color:#d7b474;box-shadow:inset 4px 0 #b88027,inset 0 1px #fff0c9,0 3px 6px #7f633510}.orderDesktop .deskInbox button:hover{background:#f9e9c9;border-color:#d1b880}.orderMailCopy{min-width:0;flex:1}.orderDesktop .deskInbox button b{font-size:15px;margin:6px 0;line-height:1.4;letter-spacing:-.45px}.orderDesktop .deskMailMeta{font-size:10px;color:#777668}.orderDesktop .deskMailTag{font-size:10px;padding:0;background:none;color:#886d39}.orderDesktop .deskInbox>p{margin:25px 10px;font-size:11px;line-height:1.9;color:#7a7b70}.orderDesktop .deskInbox>p b{display:block;color:#5c665f;margin-bottom:7px}
.orderPortrait,.orderDesktop .deskAvatar{display:block;width:45px;height:49px;flex:none;border-radius:6px;border:1px solid #a4b3b9;background-image:url('assets/order-art.webp');background-size:800px 800px;background-position:-119px -150px;box-shadow:0 2px 3px #1e344427}
[data-portrait=compare]{background-position:-118px -224px!important}[data-portrait=race]{background-position:-118px -300px!important}
.orderDesktop .deskMessage{padding:0;min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at top left,#fffdf766,transparent 60%),var(--paper)}.orderMessageScroll{flex:1;min-height:0;overflow:auto;padding:24px 30px 18px;scrollbar-width:thin;scrollbar-color:#b9b2a0 transparent;scroll-padding:18px}
.orderDesktop .deskMessageMeta{font-size:11px;gap:12px}.orderDesktop .deskMessageMeta>span:first-child{border:1px solid #be934b;background:#fbefd5;color:#97681f;padding:3px 8px;border-radius:4px}.orderDesktop .deskMessageMeta>span:last-child{margin-left:auto;color:#8b887c;font-variant-numeric:tabular-nums}.orderDesktop #deskJobTime{color:#7b7c72}
.orderDesktop .deskMessage #deskSubject{font-size:34px;line-height:1.2;margin:12px 0 14px;letter-spacing:-1.25px;color:#26323a}.orderDesktop .deskCorrespondence{padding:0 0 17px;border:0;gap:10px}.orderDesktop .deskCorrespondence .deskAvatar{width:34px;height:37px;background-size:604px 604px;background-position:-90px -113px}.orderDesktop .deskCorrespondence .deskAvatar[data-portrait=compare]{background-position:-89px -169px!important}.orderDesktop .deskCorrespondence .deskAvatar[data-portrait=race]{background-position:-89px -226px!important}.orderDesktop .deskCorrespondence b{font-size:13px;color:#53616a}.orderDesktop .deskCorrespondence small{color:#82877d;font-size:10px}
.orderHero{margin:0;position:relative;border:1px solid #aaa891;border-radius:7px;overflow:hidden;box-shadow:0 2px 6px #51493012}.orderScene{position:relative;overflow:hidden;aspect-ratio:2.65;background:#87abb6}.orderScene img{position:absolute;max-width:none;width:195.42%;height:auto;left:-84.37%;top:50%;transform:translateY(-44.8%);pointer-events:none;user-select:none}.orderHero figcaption{position:absolute;bottom:10px;left:12px;background:#243e4de0;color:#fff4dc;padding:5px 9px;border:1px solid #ffffff26;border-radius:3px;font-size:10px;letter-spacing:.4px}.orderHero figcaption span{padding-right:8px;margin-right:8px;border-right:1px solid #c5ccc488}
.orderDesktop #deskLetter{font-size:14px;line-height:1.85;color:#535d59;margin:17px 0;max-width:850px;word-break:keep-all}.orderDesktop .deskAttachment{display:block;background:#f8f2e5;border:1px solid #d8cbae;border-radius:6px}.orderDesktop .deskSiteData{padding:13px 17px}.orderDesktop .deskSiteData>span{color:#8c784d;font-size:10px}.orderDesktop .deskSiteData h4{margin:2px 0 3px;color:#34434a;font-size:15px}.orderDesktop .deskSiteData>p{font-size:11px;color:#7c8075;margin:3px 0 8px}.orderDesktop .deskSiteData dl{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px}.orderDesktop .deskSiteData dl>div{display:block;padding:7px 0 0;border-color:#dfd5c0;font-size:11px}.orderDesktop .deskSiteData dt{color:#8a8373}.orderDesktop .deskSiteData dd{text-align:left;color:#46544e;margin-top:2px;font-size:12px}
.orderDesktop #deskChecklist{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.orderDesktop #deskChecklist li{font-size:11px;color:#72796a;gap:6px;padding:0}.orderDesktop #deskChecklist li>span{padding:0;border:0;color:#a1844c;font-size:10px}
#orderSettings{border:1px solid #d9cfb9;border-radius:6px;margin:15px 0 4px;background:#efe9db}#orderSettings summary{padding:12px 15px;cursor:pointer;display:flex;align-items:center;gap:13px;color:#45554e;font-size:12px;font-weight:750;list-style:none}#orderSettings summary::-webkit-details-marker{display:none}#orderSummary{color:#777969;font-size:11px;font-weight:500}#orderSettings summary i{margin-left:auto;font-style:normal}#orderSettings[open] summary{border-bottom:1px solid #d9cfb9}#orderSettings[open] summary i{transform:rotate(180deg)}.orderDesktop #sessionOptions{margin:0;border:0;background:transparent;padding:16px;color:#45554e}.orderDesktop #sessionOptions h4{display:none}.orderDesktop #sessionOptions p{font-size:12px;color:#757c70}.orderDesktop .sessionChoiceGrid label{font-size:12px}.orderDesktop .sessionChoiceGrid select,.orderDesktop .sessionChoiceGrid input{font-size:13px;background:#fffaf0;border-color:#c4b99f;color:#405049}.orderDesktop #deskSessionOptions .sessionOptions{background:#f8f2e4;margin:0 14px 14px;color:#4e6352}
.orderDesktop .deskMessageActions{flex:none;display:flex;align-items:center;padding:13px 24px;gap:10px;background:#fbf6e9;border-top:1px solid #d8ccb2;box-shadow:0 -5px 18px #6f572307;z-index:1}.orderDesktop .deskMessageActions button{min-height:44px;font-size:13px;border-radius:6px}.orderDesktop .deskMessageActions button:not(.pri){color:#4e626b;background:#fff8e9;border-color:#c7bba1}.orderDesktop .deskMessageActions button.pri{background:linear-gradient(#efc16d,#e3a94d);border:1px solid #b68435;color:#513810;box-shadow:inset 0 1px #ffdda2,0 2px 0 #a77934;font-size:14px;padding:10px 18px}.orderDesktop .deskMessageActions button.pri:hover{background:#f7c66d}.orderDrawingLink{margin-right:auto;display:flex;align-items:center;gap:7px}.orderDrawingLink svg{width:19px;height:19px}.orderDesktop #pcFoot{background:none;border:0;min-height:30px;padding:0 4px 0 110px}.orderDesktop #pcFoot .msg{font-size:11px;color:#d4e0e3}.orderDesktop[data-app=desk] #deskReviewFooter{display:none}.orderDesktop .deskMobileNote{margin:0;border:0;border-top:1px solid #d9cfb9;background:#ece5d4;font-size:11px;padding:8px 16px}
.orderDesktop :is(button,summary,select,input):focus-visible{outline:3px solid #2875a0;outline-offset:2px}
@media(min-width:1600px){.orderDesktop .deskMail{grid-template-columns:310px minmax(0,1fr)}.orderMessageScroll{padding:28px 40px}.orderScene{aspect-ratio:2.6}.orderDesktop .deskMessage #deskSubject{font-size:40px}.orderDesktop .deskInbox button{min-height:112px}}
@media(max-width:1100px){#pc.orderDesktop{padding:0 14px 10px;gap:12px}.orderDesktop #pcBar{margin:0 -14px}.orderDesktop #pcBody{gap:12px}.orderDesktop #pcNav{width:70px}.orderDesktop .deskMail{grid-template-columns:220px minmax(0,1fr)}.orderDesktop .deskInbox{padding:18px 9px}.orderPortrait{width:36px;height:40px;background-size:646px 646px;background-position:-96px -121px}.orderPortrait[data-portrait=compare]{background-position:-95px -181px!important}.orderPortrait[data-portrait=race]{background-position:-95px -242px!important}.orderDesktop .deskInbox button{padding:13px 10px;gap:9px}.orderDesktop .deskInbox button b{font-size:13px}.orderMessageScroll{padding:22px}.orderDesktop .deskWelcome{padding:16px 22px}.orderDesktop .deskWelcome h2{font-size:21px}#orderFlow{font-size:10px;gap:7px}.orderDesktop .deskSiteData dl{gap:7px}.orderDesktop .deskSiteData dd{font-size:11px}.orderDesktop .deskMessageActions{padding:12px 18px;gap:8px}.orderDesktop .deskMessageActions button{font-size:12px;padding:9px 11px}.orderDesktop .deskMessageActions button.pri{font-size:12px;padding:9px 12px}}
@media(max-width:820px){.orderDesktop #pcBody{gap:10px}.orderDesktop #pcNav{width:100%;padding:0;overflow:auto}.orderDesktop #pcNav button{margin:0;min-width:94px;padding:9px 8px;border-radius:5px}.orderDesktop #pcNav svg{width:20px;height:20px;margin:0}.orderDesktop .deskMail{display:flex;flex-direction:column}.orderDesktop .deskInbox{display:flex;flex:none;overflow-x:auto;border-right:0;border-bottom:1px solid var(--rule);padding:10px;gap:8px}.orderDesktop .deskInbox button{width:182px;min-width:182px;min-height:79px;padding:10px;margin:0}.orderDesktop .deskInboxTitle,.orderDesktop .deskInbox>p{display:none}.orderDesktop .deskMessage{flex:1;overflow:hidden}.orderDesktop .deskWelcome{padding:13px 18px}.orderDesktop .deskWelcome h2{font-size:20px}#orderFlow{display:none}.orderDesktop .deskMessage #deskSubject{font-size:29px}.orderMessageScroll{padding:18px 22px}.orderDesktop .deskMessageActions{padding:10px 16px}.orderDesktop #pcFoot{padding:0 4px}.orderDesktop .deskSiteData{padding:12px}.orderScene{aspect-ratio:2.3}}
@media(max-width:520px){#pc.orderDesktop{padding:0 8px 8px;gap:8px}.orderDesktop #pcBar{margin:0 -8px;padding:0 14px;height:40px}.orderDesktop .deskWelcome h2{font-size:19px}.orderDesktop .deskEyebrow{font-size:9px}.orderDesktop #pcNav button{min-width:80px;font-size:10px;padding:7px 5px}.orderDesktop #pcNav svg{width:17px;height:17px}.orderDesktop #deskWindowBar{height:34px;padding:0 13px}.orderMessageScroll{padding:17px}.orderDesktop .deskMessage #deskSubject{font-size:27px}.orderDesktop .deskMessageActions{flex-wrap:wrap;padding:10px;gap:7px}.orderDesktop .deskMessageActions .orderDrawingLink{font-size:11px;padding:7px;min-height:36px}.orderDesktop .deskMessageActions button.pri{flex:1;font-size:12px;min-height:39px}.orderDesktop .deskMessageActions #orderSettingsButton{min-height:36px;padding:7px;font-size:11px}.orderDesktop #deskLetter{font-size:13px}.orderDesktop .deskSiteData dl{grid-template-columns:1fr 1fr}.orderDesktop .deskSiteData dl>div:last-child{grid-column:1/-1}.orderDesktop #orderSummary{font-size:10px}.orderScene{aspect-ratio:1.9}.orderDesktop #pcFoot .msg{font-size:10px}}
.orderDesktop .deskWelcome{padding-top:13px;padding-bottom:13px}
.orderDesktop .deskInbox button{min-height:92px;padding-top:12px;padding-bottom:12px}
.orderDesktop .deskMessage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23887545' filter='url(%23n)' opacity='.035' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.orderVisual{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:stretch}
.orderVisual .orderHero{min-width:0}.orderVisual .orderScene{aspect-ratio:auto;height:235px}.orderVisual .orderScene img{top:50%;transform:translateY(-44.8%)}
.orderDesktop .orderVisual .deskAttachment{background:#fbf5e680;border-color:#ded2b9}
.orderDesktop .orderVisual .deskSiteData{padding:15px}.orderDesktop .orderVisual .deskSiteData h4{font-size:14px;line-height:1.5;margin:5px 0}.orderDesktop .orderVisual .deskSiteData>p{font-size:10px;line-height:1.6}.orderDesktop .orderVisual .deskSiteData dl{display:block}.orderDesktop .orderVisual .deskSiteData dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0}.orderDesktop .orderVisual .deskSiteData dd{font-size:11px;margin:0;text-align:right}
@media(min-width:1600px){.orderVisual{grid-template-columns:minmax(0,1fr) 260px}.orderVisual .orderScene{height:280px}}
@media(max-width:1100px){.orderVisual{grid-template-columns:minmax(0,1fr) 195px;gap:12px}.orderVisual .orderScene{height:230px}.orderDesktop .orderVisual .deskSiteData{padding:12px}.orderDesktop .orderVisual .deskSiteData dl>div{display:block;padding:5px 0}.orderDesktop .orderVisual .deskSiteData dd{text-align:left;font-size:10px}.orderDesktop .deskInbox button{min-height:90px}}
@media(max-width:820px){.orderDesktop .deskInbox button{min-height:78px}.orderVisual{grid-template-columns:minmax(0,1fr) 205px}.orderVisual .orderScene{height:235px}}
@media(max-width:520px){.orderVisual{grid-template-columns:1fr}.orderVisual .orderScene{height:180px}.orderDesktop .orderVisual .deskSiteData dl{display:grid;grid-template-columns:1fr 1fr 1fr}.orderDesktop .orderVisual .deskSiteData dl>div:last-child{grid-column:auto}.orderDesktop .orderVisual .deskSiteData h4{font-size:13px}.orderDesktop .orderVisual .deskSiteData dd{font-size:10px}.orderDesktop .orderVisual .deskSiteData>p{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.orderDesktop button{transition:none}}
@media(min-width:1101px){.orderDesktop .orderVisual .deskSiteData dd{font-size:12px}.orderDesktop .orderVisual .deskSiteData dt{font-size:12px}.orderDesktop .deskMailMeta{font-size:11px}.orderDesktop #deskChecklist li{font-size:12px}}