.workflow-form{display:grid;gap:18px;max-width:650px;margin:24px 0}.workflow-form label{display:grid;gap:8px;font-size:14px}.workflow-form input,.workflow-form select,.workflow-form textarea{width:100%;max-width:100%;min-width:0;padding:12px;border:1px solid #ddd;border-radius:4px;background:#fff;font:inherit;color:#222}.workflow-form textarea{resize:vertical}.workflow-form button{justify-self:start}.workflow-compose{border-bottom:1px solid #eee;padding:18px 0}.workflow-compose>summary{font-size:14px;cursor:pointer}.workflow-ticket-list{margin-top:30px}.workflow-ticket-list>a{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #eee;color:#222;text-decoration:none}.workflow-ticket-list small{color:#666;font-size:12px}.workflow-ticket-list b{overflow-wrap:anywhere}.workflow-ticket-list span{color:#6f39d8;font-size:12px}.workflow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0;font-size:13px}.workflow-actions button,.workflow-actions select{padding:9px 14px;background:white;border:1px solid #ddd;border-radius:3px;color:#222}.workflow-thread article{padding:22px;border:1px solid #e8e5ed;border-radius:7px;margin:14px 0;background:#fcfcfc}.workflow-thread article.staff-reply{background:#f7f3ff;border-color:#e6d8ff}.workflow-thread small{display:block;color:#666;font-size:12px;margin-top:5px}.workflow-thread p,.workflow-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px}.workflow-history{margin-top:70px}.workflow-history h2{font-size:18px}.workflow-history article{padding:20px 0;border-bottom:1px solid #eee}.workflow-history article>strong{float:right;color:#7b3ff2}.workflow-history p,.workflow-history small{font-size:12px;color:#666}.workflow-notice{padding:40px 0;color:#666;line-height:1.8;font-size:14px}.member-gift-form label.check{display:flex;gap:8px;align-items:flex-start}.member-gift-form label.check input{width:18px;flex:0 0 18px}.member-pagination a{color:#222;border:1px solid #ddd;padding:5px 12px}.workflow-form :focus-visible,.workflow-actions :focus-visible,.workflow-ticket-list>a:focus-visible{outline:2px solid #7b3ff2;outline-offset:3px}
@media(max-width:767px){.workflow-ticket-list>a{grid-template-columns:70px 1fr;gap:7px;font-size:12px}.workflow-ticket-list small{grid-column:2;font-size:10px}.workflow-form label,.workflow-thread p{font-size:13px}.workflow-thread article{padding:16px}.workflow-form input,.workflow-form select,.workflow-form textarea{font-size:16px}.workflow-actions{font-size:12px}.workflow-history{margin-top:45px}.workflow-history h2{font-size:16px}}