#subscriberAdmin[hidden]{display:none!important}
#subscriberAdmin{padding:24px;scroll-margin-top:90px}
#subscriberAdmin h2{font-size:clamp(23px,3vw,30px);line-height:1.2}
#subscriberAdmin .subscriber-intro{margin:8px 0 18px;color:#19374b;font-size:14px}
#subscriberAdmin .subscriber-toolbar{display:flex;flex-wrap:wrap;gap:10px}
#subscriberAdmin button{font:inherit;font-size:14px;min-height:44px;white-space:normal}
#subscriberAdmin button:disabled{opacity:.55;cursor:default}
#subscriberAdmin .subscriber-export-help{margin-top:16px;font-size:13px;color:#19374b}
#subscriberAdmin summary{cursor:pointer}
#subscriberAdmin .subscriber-export-help p{margin:8px 0;max-width:65ch}
#subscriberStatus{font-size:14px;margin:18px 0 12px;overflow-wrap:anywhere}
#subscriberAdmin .subscriber-table{width:100%;table-layout:fixed;border-collapse:collapse;white-space:normal;font-size:14px}
#subscriberAdmin .subscriber-table th,#subscriberAdmin .subscriber-table td{width:auto;padding:14px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #ede9df}
#subscriberAdmin .subscriber-table thead th{font-size:12px;color:#19374b}
#subscriberAdmin .subscriber-table thead th:first-child{width:30%}
#subscriberAdmin .subscriber-table thead th:nth-child(2){width:16%}
#subscriberAdmin .subscriber-table thead th:nth-child(3){width:32%}
#subscriberAdmin .subscriber-table thead th:nth-child(4){width:22%}
#subscriberAdmin .subscriber-email{font-weight:650}
#subscriberAdmin .subscriber-state{display:inline-block;padding:3px 9px;border-radius:20px;background:#fff;border:1px solid #ede9df;font-size:12px;font-weight:650}
#subscriberAdmin .subscriber-details>summary{font-size:13px;color:#153147}
#subscriberAdmin .subscriber-details dl{margin:10px 0 0;display:grid;gap:8px}
#subscriberAdmin .subscriber-details dl div{min-width:0}
#subscriberAdmin .subscriber-details dt{font-size:11px;color:#19374b;font-weight:650}
#subscriberAdmin .subscriber-details dd{margin:2px 0 0;font-size:13px}
#subscriberAdmin .subscriber-actions{display:flex;flex-wrap:wrap;gap:8px}
#subscriberAdmin .subscriber-actions button{width:auto;margin:0;padding:8px 10px;font-size:12px;min-height:44px}
#subscriberAdmin .subscriber-remove{border-color:#c66a6a;color:#8f2929;background:#fffafa}
#subscriberAdmin button:focus-visible,#subscriberAdmin summary:focus-visible{outline:3px solid #19374b;outline-offset:3px}
@media(max-width:800px){
 #subscriberAdmin{padding:18px}
 #subscriberAdmin .subscriber-toolbar{display:grid;grid-template-columns:1fr}
 #subscriberAdmin .subscriber-table,#subscriberAdmin .subscriber-table tbody{display:block}
 #subscriberAdmin .subscriber-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #subscriberAdmin .subscriber-table tbody{display:grid;gap:12px}
 #subscriberAdmin .subscriber-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;border:1px solid #ede9df;border-radius:12px;background:#fff}
 #subscriberAdmin .subscriber-table tbody th,#subscriberAdmin .subscriber-table tbody td{display:block;width:100%;padding:0;border:0}
 #subscriberAdmin .subscriber-email{font-size:15px;line-height:1.45}
 #subscriberAdmin .subscriber-actions{display:flex;gap:8px}
 #subscriberAdmin .subscriber-actions button{width:auto;flex:1 1 auto}
}
@media print{#subscriberAdmin{display:none!important}}