.order-intake{background:linear-gradient(180deg,#fff,#f2f6ff)}.order-intake form{padding:32px;max-width:1000px;margin:auto;border:1px solid #dce5f5;box-shadow:0 18px 55px #15386c08}.order-intake .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.order-intake label{display:flex;flex-direction:column;gap:10px;font-weight:600;color:#213552}.order-intake .full{grid-column:1/-1}.order-intake input,.order-intake select,.order-intake textarea{width:100%;box-sizing:border-box;background:#fff;font-weight:400}.order-intake label[hidden]{display:none}.intake-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3eaf6;padding-top:22px;margin-top:24px}.intake-footer span{color:#7c8ba4;font-size:13px}.order-intake .error{color:#ba3030}@media(max-width:640px){.order-intake form{padding:20px}.order-intake .formgrid{grid-template-columns:1fr;gap:18px}.intake-footer{align-items:stretch;flex-direction:column}.intake-footer button{width:100%}header nav{flex-wrap:wrap}}

@media(max-width:640px){header nav a[href="#order-fill"]{display:inline-block;font-size:13px}header nav{gap:10px}}

/* Phone and tablet layout */
.mobile-nav-toggle{display:none}
@media(max-width:768px){
 html{scroll-padding-top:16px}body{overflow-wrap:break-word}.wrap{padding:0 16px}
 .wrap>header{height:auto;min-height:76px;padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
 header .brand-logo{width:116px;max-height:56px}header nav{display:contents}
 header nav>button{grid-column:2;grid-row:1;max-width:clamp(120px,42vw,230px);white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5;min-height:44px;padding:9px 12px}
 .mobile-nav-toggle{display:block;grid-column:3;grid-row:1;min-height:44px;padding:9px 10px;font-size:12px;white-space:nowrap}
 header nav a[href]{display:none}header.mobile-nav-open nav a[href]{display:flex;align-items:center;grid-column:1/-1;min-height:44px;padding:10px 12px;background:#f5f8fe;border-radius:7px;font-size:14px}
 .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:32px}.hero h1{font-size:clamp(27px,7.5vw,36px);letter-spacing:-.6px;line-height:1.45;margin:16px 0}.hero p{font-size:14px}.eyebrow{letter-spacing:1.2px}.actions{flex-wrap:wrap}.actions>*{flex:1;min-width:130px;text-align:center;padding:13px 10px}.hero .art{transform:none;margin:0;padding:20px 14px}.sheet{padding:18px}.mockrow{gap:10px}
 .section{padding:40px 0}.sectionhead{align-items:stretch;flex-direction:column}h2{font-size:25px;line-height:1.5}.cards{grid-template-columns:minmax(0,1fr)}.filters{gap:8px}.filters button{min-height:42px;padding:8px 12px}.profile{padding:24px}.profile-role{font-size:15px}.wechat-contact{max-width:100%}
 .order-intake .panel{padding:18px;max-width:100%}.order-intake .formgrid,.formgrid{grid-template-columns:minmax(0,1fr)}.formgrid>label{min-width:0}.order-intake .full{grid-column:1}.order-intake label{gap:4px}.intake-account{margin:0 0 20px;font-size:14px}.intake-account button{min-height:44px;padding:9px 14px}.order-intake input,.order-intake select,.order-intake textarea,input,select,textarea{font-size:16px;min-width:0;max-width:100%;min-height:46px}.order-intake textarea{min-height:120px}.intake-footer{flex-direction:column;align-items:stretch}.intake-footer button{width:100%;min-height:48px}
 .deskhead{height:auto;min-height:74px;padding:12px 14px;gap:12px;align-items:flex-start;flex-wrap:wrap}.deskhead .brand-logo{width:100px}.deskhead .right{flex:1;min-width:180px;justify-content:flex-end;flex-wrap:wrap;gap:8px}.deskhead .right span{display:block;flex-basis:100%;text-align:right;overflow-wrap:anywhere}.deskhead .right button{min-height:42px;padding:9px 12px}
 .layout{display:block}.sidebar{min-height:0;display:flex;padding:8px;overflow-x:auto;gap:6px;scrollbar-width:thin}.sidebar small{display:none}.sidebar button{width:auto;flex:0 0 auto;margin:0;min-height:44px;padding:10px 15px}.content{padding:22px 12px;min-width:0}.titlebar{flex-direction:column;align-items:stretch;gap:16px}.titlebar>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.titlebar>div:last-child button{white-space:normal;min-height:44px;margin:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px}.stat strong{font-size:26px;margin-top:10px}.panel{padding:14px}.toolbar{gap:10px}.toolbar input,.toolbar select{width:100%;min-width:0}.toolbar button{min-height:44px;flex:1}
 .tablewrap{width:100%;max-width:100%;max-height:70svh;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.tablewrap:before{content:'左右滑动查看所有列，修改内容请点每行的“编辑”';display:block;position:sticky;left:0;width:calc(100vw - 56px);white-space:normal;padding:8px 0 12px;color:#667993;font-size:12px;line-height:1.6}.resizable-table th:first-child,.resizable-table td:first-child{position:sticky;left:0;background:#fff;z-index:2;box-shadow:2px 0 4px #17365d0d}.resizable-table th:first-child{background:#f8fafe;z-index:3}.resizable-table td button{min-height:36px}
 .ordercard{padding:18px 14px}.ordercard h3{font-size:18px;line-height:1.6;overflow-wrap:anywhere}.client-order-fields{grid-template-columns:minmax(0,1fr);gap:18px}.order-progress{overflow-x:auto;padding:14px 8px;scrollbar-width:thin}.order-progress-steps{min-width:410px}.order-progress-step{font-size:12px}.order-progress-step small{font-size:10px}.order-progress-caption{font-size:12px;flex-wrap:wrap;line-height:1.6}.order-progress-caption:after{content:'左右滑动查看完整进度';width:100%;font-weight:400;color:#778397;font-size:11px}.ordercard .top{grid-template-columns:minmax(0,1fr)}
 dialog{width:calc(100vw - 20px);max-width:760px;max-height:calc(100dvh - 24px);margin:auto;border-radius:12px}.modalhead{position:sticky;top:0;background:#fff;z-index:5;padding:16px;gap:12px}.modalhead h3{font-size:17px;line-height:1.5}.modalhead button{min-width:40px;min-height:40px}.modalbody{padding:18px 16px}.modalbody p{overflow-wrap:anywhere}.modalfoot{flex-wrap:wrap}.modalfoot button{min-height:44px;flex:1}.login{padding:10px 0}.login h2{font-size:23px}.listrow{flex-wrap:wrap;gap:10px}.listrow .grow{min-width:160px;overflow-wrap:anywhere}.listrow button{min-height:42px}#toast{width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;bottom:calc(18px + env(safe-area-inset-bottom));line-height:1.6}
}
@media(max-width:420px){.workflow{grid-template-columns:minmax(0,1fr)}.flow{padding:18px 6px}.flow h3{margin:10px 0 6px}.ribbon{gap:12px}header .brand-logo{width:100px}header nav>button{max-width:clamp(96px,calc(100vw - 238px),145px)}.mobile-nav-toggle{padding:9px 8px}}

/* Mobile orders: scroll every column horizontally. */
@media(max-width:768px){
 #orderResults .resizable-table th:nth-child(-n+3),
 #orderResults .resizable-table td:nth-child(-n+3){left:auto;box-shadow:none}
 #orderResults .resizable-table th:nth-child(-n+3){z-index:5}
 #orderResults .resizable-table td:nth-child(-n+3){position:static;z-index:auto}
 #orderResults .resizable-table td:nth-child(-n+3).cell-editing{position:relative;z-index:4}
}