/* /frontend/comm/email/response-page.css | TEST/STAGING AND PRODUCTION */
*{box-sizing:border-box}body{margin:0;background:#f4f6f7;color:#222;font:16px/1.45 Arial,sans-serif;padding:24px}main{max-width:1100px;margin:auto;background:#fff;border:1px solid #c4cbd0;border-radius:10px;padding:24px}header{display:flex;align-items:center;gap:22px;border-bottom:1px solid #ccd2d7;padding-bottom:18px}header img{width:180px;max-width:30%;height:auto}h1{font-size:26px;margin:0}header p{margin:6px 0 0;overflow-wrap:anywhere}h2{font-size:19px;margin:24px 0 12px}h2 small{font-weight:normal}.records{border:1px solid #ccd2d7}.record{display:flex;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid #ddd;text-decoration:none;color:#222;font-size:14px;white-space:nowrap}.record:last-child{border-bottom:0}.record:hover{background:#eef3f7}.record.selected{background:#e1edf6;box-shadow:inset 4px 0 #174b75}.record span{overflow:hidden;text-overflow:ellipsis}.date{flex:0 0 145px}.identity{flex:0 0 160px}.title{flex:1}.domain{flex:0 1 220px}.number{flex:0 0 55px;text-align:right}.details{margin-left:30px;margin-right:30px}.details table{border-collapse:collapse;width:100%;font-size:15px}.details th,.details td{border:1px solid #ddd;padding:8px;vertical-align:top;text-align:left;overflow-wrap:anywhere}.details th{width:28%;background:#f5f5f5}footer{display:flex;flex-wrap:wrap;gap:10px;margin:22px 30px}.button{display:flex;align-items:center;justify-content:center;width:300px;height:44px;padding:0 10px;background:#174b75;color:#fff;border:1px solid #174b75;border-radius:5px;text-decoration:none;text-align:center;font-size:15px}.button:hover{background:#123c5d;transform:translateY(-1px)}.email-history details{border-bottom:1px solid #ddd;padding:10px 0}.email-history summary{cursor:pointer;font-size:14px}.email-history pre{white-space:pre-wrap;font:14px/1.5 Arial,sans-serif}.error{color:#a12525}@media(max-width:700px){body{padding:8px}main{padding:14px}h1{font-size:21px}header{gap:12px}header img{width:130px}.records{overflow-x:auto}.record{min-width:680px}.details{margin:0}footer{margin:20px 0}.button{width:300px}}@media(max-width:420px){header{align-items:flex-start}.details th{width:34%}.button{width:100%}}