.mail-settings-page{color:#262626}.mail-settings-top,.mail-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.mail-settings-top h2,.mail-heading-row h3{margin:0;font-weight:850;color:#262626}.mail-settings-top p,.mail-heading-row p{margin:5px 0 0;color:#64748b;font-size:14px}.mail-settings-top button{border:0;border-radius:10px;background:#16a6b6;color:#fff;padding:12px 20px;font-weight:800;cursor:pointer}.mail-central-card,.mail-project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;margin-bottom:24px;box-shadow:0 3px 12px rgba(38,38,38,.04)}.mail-section-title{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;margin-bottom:18px}.mail-section-title>span{font-size:25px}.mail-section-title h3{margin:0;font-size:18px}.mail-section-title p{margin:4px 0 0;color:#64748b;font-size:13px}.mail-central-grid,.mail-company-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mail-central-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mail-central-grid label,.mail-company-fields label{font-size:12px;font-weight:750;color:#475569}.mail-central-grid input,.mail-company-fields input,.mail-company-fields textarea,.mail-project-list input{width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;font:inherit;color:#262626;background:#fff}.mail-company-fields .wide{grid-column:1/-1}.mail-server-note{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:13px;border:1px solid #bae6fd;background:#f0f9ff;border-radius:10px}.mail-server-note strong{white-space:nowrap;color:#0369a1;font-size:13px}.mail-server-note span{color:#64748b;font-size:12px;line-height:1.5}.mail-heading-row{margin-top:8px}.mail-heading-row>span{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:750}.mail-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.mail-company-card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid var(--company-color);border-radius:15px;padding:18px;min-width:0;box-shadow:0 3px 12px rgba(38,38,38,.04)}.mail-company-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.mail-company-icon{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--company-color) 11%,white);display:grid;place-items:center;font-size:21px}.mail-company-head h3{margin:0;font-size:16px}.mail-company-head div>span{display:block;margin-top:3px;color:var(--company-color);font-size:12px;font-weight:800}.mail-form-picker{margin-top:17px;border-top:1px solid #e2e8f0;padding-top:14px}.mail-form-picker-title{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:10px}.mail-form-picker-title strong{font-size:13px}.mail-form-picker-title span{font-size:10px;color:#94a3b8;text-align:right}.mail-form-list{display:flex;flex-direction:column;gap:7px;max-height:310px;overflow:auto;padding-right:3px}.mail-form-option{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #e2e8f0;border-radius:9px;background:#fafafa;cursor:pointer;font-size:12px;line-height:1.35}.mail-form-option:has(input:checked){border-color:var(--company-color);background:color-mix(in srgb,var(--company-color) 6%,white)}.mail-form-option input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--company-color)}.mail-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mail-project-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:11px}.mail-project-list label>span{min-width:0}.mail-project-list strong,.mail-project-list small{display:block}.mail-project-list strong{font-size:13px}.mail-project-list small{margin-top:3px;color:#94a3b8;font-size:10px}.mail-project-list input{max-width:230px;margin-top:0}.mail-empty{color:#94a3b8;font-size:13px;margin:8px 0}.mail-settings-page input:focus,.mail-settings-page textarea:focus{outline:0;border-color:#16a6b6;box-shadow:0 0 0 3px rgba(22,166,182,.1)}
@media(max-width:1050px){.mail-company-grid{grid-template-columns:1fr}.mail-central-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.mail-settings-top,.mail-heading-row,.mail-server-note{flex-direction:column}.mail-settings-top button{width:100%}.mail-central-grid,.mail-company-fields,.mail-project-list{grid-template-columns:1fr}.mail-project-list label{align-items:flex-start;flex-direction:column}.mail-project-list input{max-width:none}.mail-company-fields .wide{grid-column:auto}}