label{padding-right:16px}.csmtp-loader{width:26px;height:26px;border:2px solid #b3b3b3;background-color:#fff;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.csmtp-loader::after{content:'';box-sizing:border-box;position:absolute;left:6px;top:6px;background:#2271b1;width:10px;height:10px;transform:translate(-50%,50%);border-radius:50%}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.csmtp-notice{max-width:400px}#csmtp-provider{min-width:200px}.csmtp-doc-link{margin-left:10px;text-decoration:none;color:#2271b1}.csmtp-doc-link:hover{color:#135e96}.csmtp-doc-link .dashicons{font-size:14px;width:14px;height:14px;vertical-align:middle}.csmtp-field-updated{animation:fieldHighlight 1.5s ease}@keyframes fieldHighlight{0%{background-color:#fff}30%{background-color:#d4edda}100%{background-color:#fff}}.csmtp-settings-wrap{max-width:800px}.csmtp-status-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:20px 0;border-radius:4px;font-size:14px}.csmtp-status-bar.is-configured{background:#edfaef;border:1px solid #00a32a;color:#00450a}.csmtp-status-bar.is-not-configured{background:#fcf9e8;border:1px solid #dba617;color:#6e4e00}.csmtp-status-bar .dashicons{font-size:20px;width:20px;height:20px}.csmtp-status-bar.is-configured .dashicons{color:#00a32a}.csmtp-status-bar.is-not-configured .dashicons{color:#dba617}.csmtp-status-text{flex:1}.csmtp-status-link{text-decoration:none;font-weight:500}.csmtp-card{background:#fff;border:1px solid #c3c4c7;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,.04)}.csmtp-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #dcdcde;background:#f6f7f7;border-radius:4px 4px 0 0}.csmtp-card-header h2{margin:0;padding:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.csmtp-card-header h2 .dashicons{font-size:18px;width:18px;height:18px;color:#646970}.csmtp-card-body{padding:0 16px}.csmtp-card-body .form-table th{padding-left:0;width:180px}.csmtp-card-body .form-table td{padding-right:0}.csmtp-card-toggle{cursor:pointer;user-select:none}.csmtp-card-toggle:hover{background:#f0f0f1}.csmtp-toggle-icon{color:#646970;transition:transform .2s ease}.csmtp-card-collapsed .csmtp-card-body{display:none}.csmtp-card-collapsed .csmtp-toggle-icon{transform:rotate(-90deg)}.csmtp-card-footer{padding:16px 0;border-top:1px solid #f0f0f1;margin-top:10px;text-align:right}.csmtp-card-footer .button{margin:0}@media screen and (max-width:782px){.csmtp-settings-wrap{max-width:100%}.csmtp-status-bar{flex-wrap:wrap}.csmtp-status-link{width:100%;margin-top:8px}.csmtp-card-body .form-table th{width:100%;padding-bottom:0}.csmtp-card-body{padding:0 12px}.csmtp-card-header{padding:10px 12px}}.csmtp-logs-wrap{max-width:100%}.csmtp-toolbar{display:flex;align-items:center;gap:12px;margin:15px 0;padding:10px 15px;background:#fff;border:1px solid #c3c4c7;border-radius:4px;flex-wrap:wrap}.csmtp-stats-bar{display:flex;gap:15px;padding-right:15px;border-right:1px solid #ddd;margin-right:3px}.csmtp-stat-item{font-size:13px;color:#50575e;white-space:nowrap}.csmtp-stat-item strong{font-weight:600;margin-right:2px}.csmtp-stat-sent strong{color:#00a32a}.csmtp-stat-failed strong{color:#d63638}.csmtp-filters-form{display:flex;align-items:center;gap:8px;flex:1}.csmtp-filter-select{min-width:110px}.csmtp-search-box{display:flex;align-items:center}.csmtp-search-box input[type=search]{width:180px;border-top-right-radius:0;border-bottom-right-radius:0;margin:0}.csmtp-search-box .button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;padding:0 8px;min-height:30px}.csmtp-clear-filters .dashicons,.csmtp-refresh-btn .dashicons,.csmtp-search-box .dashicons{font-size:16px;width:16px;height:16px;vertical-align:middle}.csmtp-clear-filters,.csmtp-refresh-btn{padding:0 8px;min-height:30px}.csmtp-refresh-btn.is-refreshing .dashicons{animation:rotation .8s linear infinite}.csmtp-toolbar>a.button{margin-left:auto;display:flex;align-items:center;gap:5px}.csmtp-toolbar>a.button .dashicons{font-size:16px;width:16px;height:16px}.csmtp-logs-layout{display:flex;gap:0;position:relative}.csmtp-logs-main{flex:1;min-width:0;transition:margin-right .3s ease}.csmtp-logs-layout:has(.csmtp-preview-sidebar.is-open) .csmtp-logs-main,.csmtp-preview-sidebar.is-open~.csmtp-logs-main{margin-right:420px}.csmtp-logs-table{border-collapse:collapse}.csmtp-logs-table .csmtp-col-date{width:110px}.csmtp-logs-table .csmtp-col-status{width:70px}.csmtp-logs-table .csmtp-col-actions{width:90px}.csmtp-logs-table tr.csmtp-has-preview{cursor:pointer}.csmtp-logs-table tr.csmtp-has-preview:hover td{background-color:#f0f6fc}.csmtp-logs-table tr.is-selected td{background-color:#e5f1fb;border-left:3px solid #2271b1}.csmtp-logs-table tr.is-selected td:first-child{padding-left:7px}.csmtp-logs-table .csmtp-col-actions .button{padding:0 5px;min-height:28px}.csmtp-logs-table .csmtp-col-actions .dashicons{font-size:16px;width:16px;height:16px;vertical-align:middle}.csmtp-logs-table .csmtp-delete-log{color:#b32d2e}.csmtp-logs-table .csmtp-delete-log:hover{color:#a00;border-color:#a00}.csmtp-error-row td{background:#fcf0f1!important;color:#8a1d1d;padding:8px 10px!important;font-size:12px}.csmtp-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500;text-transform:uppercase}.csmtp-badge-sent{background:#edfaef;color:#00a32a}.csmtp-badge-failed{background:#fcf0f1;color:#d63638}.csmtp-preview-sidebar{position:fixed;top:32px;right:-420px;width:400px;height:calc(100vh - 32px);background:#fff;border-left:1px solid #c3c4c7;box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:9999;display:flex;flex-direction:column;transition:right .3s ease}.csmtp-preview-sidebar.is-open{right:0}.csmtp-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ddd;background:#f6f7f7}.csmtp-sidebar-header h3{margin:0;font-size:14px;font-weight:600}.csmtp-sidebar-actions{display:flex;gap:8px;align-items:center}.csmtp-download-email{padding:0 6px!important;min-height:28px!important}.csmtp-download-email .dashicons{font-size:16px;width:16px;height:16px;vertical-align:middle}.csmtp-sidebar-close{background:0 0;border:none;cursor:pointer;padding:4px;color:#646970;border-radius:4px}.csmtp-sidebar-close:hover{background:#ddd;color:#1d2327}.csmtp-sidebar-close .dashicons{font-size:20px;width:20px;height:20px}.csmtp-sidebar-meta{padding:16px;border-bottom:1px solid #eee;background:#fafafa}.csmtp-meta-row{display:flex;margin-bottom:8px}.csmtp-meta-row:last-child{margin-bottom:0}.csmtp-meta-label{width:60px;flex-shrink:0;font-size:11px;font-weight:600;color:#646970;text-transform:uppercase}.csmtp-meta-value{flex:1;font-size:13px;color:#1d2327;word-break:break-word}.csmtp-sidebar-content{flex:1;overflow:hidden;display:none}.csmtp-preview-sidebar.is-open .csmtp-sidebar-content{display:block}.csmtp-preview-sidebar.is-open .csmtp-sidebar-empty{display:none}#csmtp-preview-frame{width:100%;height:100%;border:none;background:#fff}.csmtp-sidebar-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#646970}.csmtp-sidebar-empty .dashicons{font-size:48px;width:48px;height:48px;margin-bottom:12px;opacity:.3}.csmtp-sidebar-empty p{margin:0;font-size:14px}.csmtp-preview-sidebar.is-loading .csmtp-sidebar-content{opacity:.5;pointer-events:none}.csmtp-preview-sidebar.is-loading .csmtp-sidebar-content::after{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid #ddd;border-top-color:#2271b1;border-radius:50%;animation:rotation .8s linear infinite}.csmtp-sidebar-content{position:relative}.csmtp-no-items{text-align:center;color:#646970;padding:40px 20px!important}@media screen and (max-width:1100px){.csmtp-toolbar{flex-wrap:wrap}.csmtp-stats-bar{width:100%;border-right:none;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:5px;padding-right:0;margin-right:0}.csmtp-filters-form{flex-wrap:wrap}.csmtp-search-box input[type=search]{width:140px}.csmtp-btn-text{display:none}}@media screen and (max-width:1200px){.csmtp-preview-sidebar{width:350px;right:-370px}.csmtp-logs-layout:has(.csmtp-preview-sidebar.is-open) .csmtp-logs-main{margin-right:370px}}@media screen and (max-width:960px){.csmtp-preview-sidebar{width:100%;max-width:400px;right:-100%}.csmtp-logs-layout:has(.csmtp-preview-sidebar.is-open) .csmtp-logs-main{margin-right:0}}@media screen and (max-width:782px){.csmtp-preview-sidebar{top:46px;height:calc(100vh - 46px)}}