/* Owner workflow panels and private customer response pages. */
.workflow-panel{padding:24px;border:1px solid #ded8ca;border-radius:12px;background:#fff;margin:24px 0;color:#302e20}
.workflow-panel header{display:flex;align-items:center;justify-content:space-between}.workflow-panel h2{margin:4px 0;font-size:20px}.workflow-panel header p{margin:0;font-size:12px;color:#625e46}
.workflow-note{font-size:12px!important;line-height:1.8!important;color:#625e46!important;margin:8px 0 16px!important}
.workflow-followup{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;padding:16px 0;border:0;border-bottom:1px solid #e9e4da;background:transparent;text-align:start;font:inherit;cursor:pointer;color:#474329}
.workflow-followup>span:first-child{display:grid;gap:6px}.workflow-followup strong{font-size:14px;font-weight:600}.workflow-followup small{font-size:11px;color:#625e46}.workflow-followup span span{font-size:12px;line-height:1.8}
.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.workflow-link{padding:16px;border:1px solid #ded8ca;border-radius:8px}.workflow-link input{width:100%;font-size:16px}.workflow-link button{margin-top:10px}
.workflow-receipt{border:1px solid #ded8ca;border-radius:8px;padding:14px;margin:12px 0;overflow-wrap:anywhere}.workflow-receipt p{margin:0 0 10px;font-size:13px}.workflow-receipt>div{display:flex;flex-wrap:wrap;gap:10px}.workflow-receipt a{color:#474329;text-decoration:underline;align-self:center;font-size:12px}
[data-owner-workflows] blockquote{margin:10px 0;padding:12px;border-inline-start:2px solid #474329;background:#faf9f6;white-space:pre-wrap;overflow-wrap:anywhere}
.response-page{margin:0;background:#faf9f6;color:#302e20;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8}.response-page *{box-sizing:border-box}
.response-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(20px,calc((100vw - 900px)/2));background:#fff;border-bottom:1px solid #ded8ca}.response-header img{display:block;width:190px;max-width:60vw;height:auto}.response-header button{background:#fff;border:1px solid #ded8ca;padding:8px 14px;border-radius:6px;color:#474329;font:inherit;cursor:pointer}
.response-shell{max-width:760px;margin:48px auto;padding:0 20px}.response-shell>p:first-child{font-size:12px;color:#625e46}.response-shell h1{font-size:30px;color:#474329;font-weight:500}.response-card{padding:28px;border:1px solid #ded8ca;border-radius:12px;background:#fff}.response-card[hidden],.response-shell [hidden]{display:none!important}
.response-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid #ded8ca;padding-bottom:14px}.response-meta span{color:#625e46}
.response-card dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.response-card dt{font-size:12px;color:#625e46}.response-card dd{margin:5px 0 0;overflow-wrap:anywhere}.response-card [data-items]>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e9e4da;padding:12px 0}.response-total{display:flex;justify-content:space-between;gap:20px;margin:18px 0;color:#474329}.response-total strong{font-size:22px}.response-card [data-policy],.response-card [data-payment-note]{font-size:12px;color:#625e46}.response-card [data-expiry]{font-size:12px}
.response-check{display:flex;align-items:flex-start;gap:12px;font-size:13px;margin:24px 0}.response-check input{appearance:auto;width:18px;height:18px;flex-shrink:0;accent-color:#474329;margin-top:4px}
.workflow-primary{width:100%;padding:14px;border:1px solid #474329;background:#474329;color:white;border-radius:6px;font:inherit;cursor:pointer;min-height:48px}.workflow-primary:disabled{opacity:.5;cursor:wait}.response-page button:focus-visible,.response-page input:focus-visible,.response-page textarea:focus-visible,.workflow-followup:focus-visible{outline:2px solid #625e46;outline-offset:3px}
.response-rating{margin:24px 0;padding:0;border:0;min-width:0}.response-rating legend{margin-bottom:16px}.response-rating>div{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px;direction:ltr}.response-rating>div label{position:relative;flex:1;min-width:44px;cursor:pointer}.response-rating>div input{position:absolute;opacity:0}.response-rating>div span{display:block;border:1px solid #ded8ca;padding:10px 4px;text-align:center;border-radius:6px;color:#474329}.response-rating input:checked+span{background:#474329;color:#fff}.response-rating input:focus-visible+span{outline:2px solid #625e46;outline-offset:3px}.response-rating textarea{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #ded8ca;border-radius:6px;padding:12px;margin:8px 0;resize:vertical}
.response-saved{padding:16px;border:1px solid #9aab96;background:#f2f6f0;color:#31482e;border-radius:6px}.response-private{font-size:11px;color:#625e46;margin-top:24px}
@media(max-width:40rem){.workflow-panel{padding:16px}.response-shell{margin:28px auto}.response-shell h1{font-size:26px}.response-card{padding:18px}.response-card dl{grid-template-columns:1fr;gap:14px}.response-meta{align-items:start;flex-direction:column;gap:4px}.response-header{padding:16px 20px}.response-header img{width:165px}.response-check{font-size:12px}.workflow-actions>button{flex:1 1 160px}.response-card [data-items]>div{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.response-page *{scroll-behavior:auto}}

.response-card dl[data-items]{display:block;margin:0}