/* Clear, compact order and contact forms in the account panel and modal. */
.compose-panel{min-width:0}
.compose-panel .commerce-brief{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;margin:0 0 25px;padding:0 0 22px;border-bottom:1px solid #dfe7df}
.compose-panel .commerce-brief p{max-width:53ch;margin:0;color:#53675b;font-size:13px;line-height:1.6}
.compose-panel .commerce-brief a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:38px;padding:8px 12px;border:1px solid #cbdacb;border-radius:8px;background:#fff;color:#215640;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.compose-panel .commerce-brief a:hover{background:#eef5ee;border-color:#92b99d}
.compose-panel .commerce-brief a svg{width:15px;height:15px}
.compose-panel .sales-form{min-width:0}
.compose-panel .sales-form .field{display:block;min-width:0;color:#2c4436;font-size:12px;font-weight:700;line-height:1.45}
.compose-panel .sales-form .field input,.compose-panel .sales-form .field select,.compose-panel .sales-form .field textarea{display:block;width:100%;max-width:100%;margin-top:8px;border:1px solid #cfdcd0;border-radius:9px;background-color:#fff;color:#1c3428;box-shadow:none}
.compose-panel .sales-form .field input,.compose-panel .sales-form .field textarea{font-weight:400}
.compose-panel .sales-form .field input::placeholder,.compose-panel .sales-form .field textarea::placeholder{color:#7b8b7e;font-weight:400;opacity:1}
.compose-panel .sales-form .field small{display:block;margin-top:7px;color:#728276;font-size:11px;font-weight:400;line-height:1.45}
.compose-panel .sales-form .field .optional{color:#738477;font-weight:400}
.compose-panel .buyer-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 21px;padding:0;min-width:0}
.compose-panel .buyer-choice legend{margin-bottom:11px;color:#2c4436;font-size:12px;font-weight:700}
.compose-panel .buyer-choice label{display:flex;align-items:center;gap:12px;min-height:70px;padding:13px 15px;border:1px solid #d8e3da;border-radius:10px;background:#fff;color:#294334;font-size:13px;font-weight:650;line-height:1.25}
.compose-panel .buyer-choice label:has(input:checked){border-color:#408366;background:#edf5ed;box-shadow:inset 0 0 0 1px #408366}
.compose-panel .buyer-choice label>span{min-width:0}
.compose-panel .buyer-choice small{display:block;margin-top:5px;color:#708074;font-size:11px;font-weight:400;line-height:1.35}
.compose-panel .buyer-choice input{width:17px;height:17px;margin:0;flex:none;accent-color:#245c44}
.compose-panel .form-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.compose-panel .organization-fields{margin-bottom:4px}
.compose-panel .order-price{display:grid;gap:5px;margin:0 0 24px;padding:18px 20px;border:1px solid #dce8d9;border-radius:10px;background:#f3f7f0}
.compose-panel .order-price>span{color:#5e735f;font-size:10px;font-weight:700;letter-spacing:.09em}
.compose-panel .order-price strong{color:#1d422f;font-size:25px;font-weight:700;letter-spacing:-.03em;line-height:1.2}
.compose-panel .order-price small{color:#66776a;font-size:11px;line-height:1.45}
.compose-panel .commerce-terms{margin:4px 0 19px;border:1px solid #dbe5dc;border-radius:9px;background:#fbfdfb;color:#53665a}
.compose-panel .commerce-terms summary{position:relative;list-style:none;padding:14px 44px 14px 16px;color:#2d5740;font-size:12px;font-weight:700;cursor:pointer}
.compose-panel .commerce-terms summary::-webkit-details-marker{display:none}
.compose-panel .commerce-terms summary::after{content:'+';position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:21px;font-weight:400;line-height:1}
.compose-panel .commerce-terms[open] summary::after{content:'−'}
.compose-panel .commerce-terms>div{padding:0 16px 16px;border-top:1px solid #e6ede6}
.compose-panel .commerce-terms p{margin:12px 0 0;font-size:11px;line-height:1.6}
.compose-panel .commerce-terms nav{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:15px}
.compose-panel .commerce-terms a{color:#246247;font-size:11px;font-weight:650;text-underline-offset:3px}
.compose-panel .sales-form>.checkbox{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px;color:#5d6e61;font-size:11px;line-height:1.55}
.compose-panel .sales-form>.checkbox input{margin-top:2px;flex:none}
dialog.compose-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:16px}
dialog.compose-dialog .portal-dialog-header{padding:17px 26px}
dialog.compose-dialog .portal-dialog-header h2{color:#20392c;font-size:19px;font-weight:700;letter-spacing:-.02em}
dialog.compose-dialog .modal-eyebrow{font-size:9px;letter-spacing:.1em}
dialog.compose-dialog .portal-dialog-content{padding:25px 28px 29px}
dialog.compose-dialog .modal-footer{display:none}
dialog.compose-dialog .dialog-close{position:relative;display:block;padding:0}
dialog.compose-dialog .dialog-close svg{position:absolute;top:50%;left:50%;display:block;width:18px;height:18px;margin:0;transform:translate(-50%,-50%)}
dialog.compose-dialog .compose-panel .sales-form .field{margin-bottom:20px}
dialog.compose-dialog .compose-panel .sales-form .field input,dialog.compose-dialog .compose-panel .sales-form .field select,dialog.compose-dialog .compose-panel .sales-form .field textarea{font-size:14px}
dialog.compose-dialog .compose-panel .sales-form .field textarea{min-height:112px;resize:vertical}
dialog.compose-dialog .compose-panel .sales-form>.button{width:100%;min-height:48px;border-radius:9px;font-size:13px;font-weight:700}
@media(max-width:700px){
 .compose-panel .commerce-brief{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px;padding-bottom:17px}
 .compose-panel .buyer-choice{grid-template-columns:1fr;gap:9px}
 .compose-panel .buyer-choice label{min-height:62px}
 .compose-panel .form-two{grid-template-columns:1fr;gap:0}
 .compose-panel .order-price strong{font-size:23px}
 dialog.compose-dialog{width:100vw;max-width:100vw;max-height:calc(100dvh - 8px);margin:auto 0 0;border:0;border-radius:18px 18px 0 0}
 dialog.compose-dialog .portal-dialog-header{padding:14px 18px}
 dialog.compose-dialog .portal-dialog-header h2{font-size:17px}
 dialog.compose-dialog .portal-dialog-content{padding:20px 18px calc(25px + env(safe-area-inset-bottom))}
}