.mail-page{max-width:1160px;margin:0 auto;padding:30px 24px 60px;color:#172033}.mail-heading{position:relative;margin-bottom:28px;padding-right:180px}.mail-eyebrow{display:flex;align-items:center;gap:8px;color:#8156cf;font-size:12px;font-weight:700;letter-spacing:.08em}.mail-heading h1{font-size:32px;letter-spacing:-.035em;margin:12px 0}.mail-heading p,.mail-card p{color:#637086;line-height:1.6}.mail-webmail{position:absolute;right:0;top:30px;color:#744ac1;font-weight:600;display:flex;gap:8px;align-items:center;text-decoration:none}.mail-card{background:#fff;border:1px solid #e8e3f0;border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 5px 22px #25334a03}.mail-card h2{font-size:19px;margin:0 0 14px}.mail-page label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.mail-page input,.mail-page select{font:inherit;padding:12px;border:1px solid #ddd5e9;border-radius:9px;color:#172033;background:white;min-width:0;box-sizing:border-box}.mail-page :focus-visible{outline:3px solid #ac8de0;outline-offset:3px}.mail-page button{font:inherit;border:1px solid #e3daef;background:#fff;color:#4e4266;border-radius:9px;padding:10px 14px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;cursor:pointer}.mail-page button:disabled{opacity:.5;cursor:not-allowed}.mail-page .mail-primary{background:#8154d3;color:#fff;border-color:#8154d3}.mail-toolbar,.mail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mail-toolbar{justify-content:space-between;margin-bottom:20px}.mail-toolbar label{min-width:240px}.mail-toolbar .mail-actions{align-self:flex-end}.mail-table-wrap{overflow-x:auto}.mail-page table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.mail-page caption{text-align:left;color:#7a8495;font-size:12px;margin-bottom:16px}.mail-page th{font-size:12px;font-weight:500;color:#798296;border-bottom:1px solid #ede9f2;padding:12px 10px}.mail-page td{padding:18px 10px;border-bottom:1px solid #f1edf5;vertical-align:middle}.mail-page td strong{overflow-wrap:anywhere}.mail-account-name{display:block;color:#798296;font-size:12px;margin-top:6px}.mail-badge{border-radius:20px;padding:5px 10px;background:#f2f0f6;color:#756a86;font-size:12px}.mail-badge.is-active{background:#eaf7ef;color:#28784c}.mail-page .mail-danger{color:#bc3d55;border-color:#edcbd2}.mail-empty{text-align:center;padding:40px 20px;color:#9278ba}.mail-empty h2{margin-top:16px;color:#28324b}.mail-pending{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#fff8e9;color:#7a5b23;border:1px solid #f1e4c7;border-radius:14px}.mail-pending p{margin-bottom:0;font-size:14px;line-height:1.5}.mail-success,.mail-error{padding:16px;border-radius:12px;line-height:1.6;overflow-wrap:anywhere}.mail-success{background:#eaf7ef;color:#286443}.mail-error{background:#fff0f2;color:#a02e43}.mail-error button{margin-left:12px}.mail-form{max-width:660px}.mail-form fieldset{border:0;margin:0;padding:0;display:grid;gap:18px}.mail-form small,.mail-connection small{color:#758095;font-size:12px;font-weight:400;line-height:1.6}.mail-address-input{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mail-address-input input{flex:1;width:160px}.mail-address-input span{color:#786b8b;overflow-wrap:anywhere;max-width:100%}.mail-address{font-size:18px;font-weight:700;overflow-wrap:anywhere}.mail-page .mail-checkbox{display:block}.mail-checkbox input{margin-right:8px}.mail-checkbox small{display:block;margin-top:8px}.mail-delete{max-width:660px;border-color:#eec6ce}.mail-delete .mail-actions{margin-top:18px}.mail-connection dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mail-connection dt{font-size:12px;color:#7b8497;margin-bottom:6px}.mail-connection dd{margin:0;font-size:14px;overflow-wrap:anywhere}.mail-form-anchor{scroll-margin-top:20px}.mail-form-anchor:focus{outline:none}@media(max-width:700px){.mail-page{padding:22px 12px 40px}.mail-heading{padding-right:0}.mail-heading h1{font-size:27px}.mail-webmail{position:static;margin-top:18px}.mail-card{padding:18px 14px}.mail-toolbar{align-items:stretch;flex-direction:column}.mail-toolbar label{min-width:0}.mail-toolbar .mail-actions{align-self:stretch}.mail-connection dl{grid-template-columns:1fr}.mail-page table{min-width:560px}.mail-page td{padding:14px 7px}.mail-delete input{width:100%}}