.dtf-app{margin:32px 0}.dtf-intro{margin-top:20px;color:#607782}.dtf-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.dtf-app fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.dtf-app label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.dtf-app input:not([type=checkbox]),.dtf-app select{width:100%;padding:12px;border:1px solid #cbdce3;border-radius:9px;font:inherit;min-width:0;background:white;color:#193b50}.dtf-app small{font-weight:400;color:#657b85;line-height:1.5}.dtf-app input[type=checkbox]{width:20px;height:20px;flex:none}.dtf-customer>label,.dtf-app .dtf-auto{flex-direction:row;align-items:center;gap:12px}.dtf-customer{padding-bottom:24px;border-bottom:1px solid #e0e9ed;margin-bottom:24px}.dtf-upload{padding:20px;background:#f3f8fa;border:1px dashed #b4cdd7;border-radius:12px}.dtf-motif{padding:22px 0;border-bottom:1px solid #e0e9ed}.dtf-motif-title{display:flex;align-items:start;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.dtf-motif-title button{flex:none;font-size:12px;padding:7px 10px}.dtf-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:14px 0}.dtf-auto{margin:22px 0 12px}.dtf-app .pd-d-primary{margin-top:24px;padding:16px 20px;width:100%}.dtf-summary{position:sticky;top:20px}.dtf-summary h3{margin-bottom:20px}.dtf-summary select{margin-bottom:16px}.dtf-board{width:100%;aspect-ratio:3/4;border:1px solid #b8ccd5;border-radius:4px;overflow:hidden;margin:0 0 16px}.dtf-board svg{display:block;width:100%;height:100%}.dtf-checker{background:conic-gradient(#d6dfe3 25%,#f6f8fa 0 50%,#d6dfe3 0 75%,#f6f8fa 0);background-size:20px 20px}.dtf-empty{aspect-ratio:3/4;display:grid;place-content:center;text-align:center;background:#eff5f7;color:#6e838d;border-radius:10px}.dtf-progress{position:fixed;z-index:200;bottom:20px;left:50%;transform:translateX(-50%);background:#193b50;color:white;box-shadow:0 8px 40px #0004;padding:20px 26px;border-radius:16px;display:flex;gap:18px;align-items:center;width:min(650px,calc(100% - 30px));flex-wrap:wrap}.dtf-progress progress{width:100%;height:6px}.dtf-app .poster-hint{margin:16px 0}.dtf-app .poster-warning{margin:12px 0}.dtf-app .poster-total{margin-top:24px}.dtf-app .poster-back{margin-top:15px}.dtf-app button{cursor:pointer}.dtf-app .poster-steps{display:flex}.dtf-app .poster-steps button{display:flex;align-items:center;gap:10px;border:0;background:#f0f6f8;border-radius:10px;padding:12px}
@media(max-width:850px){.dtf-grid{grid-template-columns:1fr}.dtf-summary{position:static;grid-row:auto}.dtf-board{max-width:300px;margin:0 auto 16px}.dtf-empty{aspect-ratio:auto;min-height:110px}.dtf-fields{gap:8px}.dtf-app .poster-panel{padding:20px}.dtf-motif-title{flex-wrap:wrap}.dtf-app label{font-size:13px}.dtf-app input,.dtf-app select{font-size:16px!important}}
@media(max-width:850px){.dtf-summary>p{display:block}.dtf-summary .poster-total{align-items:flex-start;gap:12px;flex-wrap:wrap}}

.dtf-customer{margin-top:24px;padding-top:16px;border-top:1px solid #dce4e8;font-size:14px}.dtf-app .dtf-customer>label{font-size:13px;font-weight:400}.dtf-app .dtf-express{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0 0 18px}.dtf-express input{width:auto}

/* Keep the existing reseller-proof label directly beside its checkbox. */
.dtf-app .dtf-customer .poster-hint>label:has(>input[type=checkbox]){flex-direction:row;align-items:flex-start;gap:8px;min-height:44px;padding:11px 0;margin-top:6px;line-height:22px;cursor:pointer}
.dtf-app .dtf-customer .poster-hint>label>input[type=checkbox]{margin:1px 0 0;flex:0 0 20px}