.send-page{gap:var(--spacing-md);flex-direction:column;min-height:100%;padding-bottom:80px;display:flex}.send-header{gap:var(--spacing-sm);flex-direction:column;display:flex}.back-link{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-base);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-primary)}.back-link .material-icons{font-size:18px}.wizard-progress{gap:var(--spacing-sm);padding:var(--spacing-base);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.wizard-step{align-items:center;gap:var(--spacing-base);padding:var(--spacing-base)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;background:0 0;border:2px solid #0000;flex:1;display:flex}.wizard-step:hover:not(:disabled){background:var(--color-bg-secondary)}.wizard-step.active{background:var(--color-primary-lighter);border-color:var(--color-primary)}.wizard-step.completed{background:var(--color-bg-secondary)}.wizard-step.completed .step-number{background:var(--ew-success);color:#fff}.wizard-step:disabled{opacity:.5;cursor:not-allowed}.step-number{background:var(--color-bg-tertiary);width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wizard-step.active .step-number{background:var(--color-primary);color:#fff}.step-info{flex-direction:column;gap:2px;min-width:0;display:flex}.step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.step-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.wizard-content{flex:1;min-height:400px}.step-panel{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.step-panel-header{margin-bottom:var(--spacing-lg)}.step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)0}.step-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.recipients-toolbar{align-items:center;gap:var(--spacing-base);margin-bottom:var(--spacing-base);display:flex}.recipients-toolbar .search-container{flex:1;position:relative}.recipients-toolbar .search-icon{left:var(--spacing-base);color:var(--color-text-muted);font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.recipients-toolbar .search-input{width:100%;padding:var(--spacing-sm)var(--spacing-base);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);padding-left:44px}.recipients-toolbar .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.recipients-actions{gap:var(--spacing-sm);display:flex}.selected-recipients{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-base);background:var(--color-primary-lighter);border-radius:var(--radius-base);margin-bottom:var(--spacing-base);flex-wrap:wrap;display:flex}.selected-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.selected-chips{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.recipient-chip{align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-primary);background:#fff;display:inline-flex}.recipient-chip.more{background:var(--color-primary);color:#fff}.chip-remove{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.chip-remove .material-icons{font-size:14px}.chip-remove:hover{color:var(--ew-error)}.clients-grid{gap:var(--spacing-base);max-height:400px;padding:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;overflow-y:auto}.client-card{align-items:center;gap:var(--spacing-base);padding:var(--spacing-base);background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;border:2px solid #0000;display:flex}.client-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.client-card.selected{background:var(--color-primary-lighter);border-color:var(--color-primary)}.client-avatar{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.client-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.client-email{font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-checkbox{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.client-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.client-checkbox .material-icons{font-size:16px}.commtype-grid{gap:var(--spacing-base);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.commtype-card{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;border:2px solid #0000;flex-direction:column;display:flex;position:relative}.commtype-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.commtype-card.selected{background:var(--color-primary-lighter);border-color:var(--color-primary)}.commtype-header{justify-content:space-between;align-items:flex-start;display:flex}.commtype-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.commtype-archetype{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:2px 8px}.commtype-stages{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.mini-stage{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mini-arrow{color:var(--color-border);margin:0 2px}.commtype-badge{font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--spacing-xs);display:inline-block}.selected-indicator{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-primary);position:absolute}.selected-indicator .material-icons{font-size:24px}.channel-selector{padding:var(--spacing-base);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.channel-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);display:block}.channel-options{gap:var(--spacing-sm);display:flex}.channel-option{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-base);border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:#fff;display:flex}.channel-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.channel-option.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.channel-option .material-icons{font-size:18px}.compose-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input{padding:var(--spacing-base);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.form-textarea{padding:var(--spacing-base);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);resize:vertical;font-family:inherit}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.template-hint{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-base);background:var(--color-bg-secondary);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.template-hint .material-icons{color:var(--color-primary);flex-shrink:0;font-size:18px}.preview-summary{gap:var(--spacing-base);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.preview-section{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-base);background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex}.preview-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:120px;margin:0}.preview-value{font-size:var(--font-size-base);color:var(--color-text-primary);flex:1}.preview-value.preview-message{white-space:pre-wrap;color:var(--color-text-secondary)}.preview-separator{color:var(--color-text-muted);margin:0 var(--spacing-xs)}.preview-edit{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0}.preview-edit:hover{text-decoration:underline}.preview-notice{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-base);background:var(--color-primary-lighter);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-primary);display:flex}.preview-notice .material-icons{font-size:20px}.send-wizard-footer .btn .material-icons{font-size:var(--font-size-lg)}@media (max-width:1024px){.commtype-grid{grid-template-columns:1fr}}@media (max-width:768px){.wizard-progress{flex-direction:column}.wizard-step{justify-content:flex-start}.clients-grid{grid-template-columns:1fr}.channel-options{flex-wrap:wrap}.preview-section{gap:var(--spacing-xs);flex-direction:column}.preview-section-title{min-width:auto}}
