/* CallectiveLabs — e-posta gönderim modülü stilleri (premium koyu tema) */
:root{
  --mail-bg:#1e1c19;--mail-line:#332e29;--mail-ink:#f7f4ef;--mail-muted:#a89f93;
  --mail-accent:#a6f34c;--mail-accent-ink:#111807;--mail-danger:#ff6b5e;--mail-warn:#ffcf5c;
}

#results table{min-width:1440px}

#tabPanels>section{margin-top:38px}
.panelhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.panelhead h2{margin:0;font-size:22px;color:var(--mail-ink)}
.panelhead p{margin:6px 0 0;color:var(--mail-muted);font-size:12px}

.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stattile{position:relative;padding:18px;border:1px solid var(--mail-line);border-radius:16px;background:var(--mail-bg);overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.stattile::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--mail-accent);opacity:0;transition:opacity .2s ease}
.stattile:hover{transform:translateY(-3px);border-color:var(--mail-accent)}
.stattile:hover::before{opacity:1}
.stattile span{display:block;color:var(--mail-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.stattile strong{display:block;margin-top:8px;font-size:26px;color:var(--mail-ink)}
@media(max-width:820px){.statgrid{grid-template-columns:repeat(2,1fr)}}

.trendsgrid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trendcard{padding:16px 18px;border:1px solid var(--mail-line);border-radius:16px;background:var(--mail-bg)}
.trendcard span{display:block;margin-bottom:8px;color:var(--mail-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:800}
.sparkbars{width:100%;height:56px;display:block}
.sparkbars rect{animation:barGrow .5s ease backwards;transform-box:fill-box;transform-origin:bottom}
@media(max-width:820px){.trendsgrid{grid-template-columns:1fr}}

.recentlist{margin-top:18px;border:1px solid var(--mail-line);border-radius:16px;background:var(--mail-bg);overflow:hidden}
.recentrow{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--mail-line);font-size:12px;color:var(--mail-ink)}
.recentrow:first-child{border-top:0}
.recentrow small{display:block;color:var(--mail-muted);margin-top:3px}

.bulkToolbar{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bulkToolbar span{font-size:11px;color:var(--mail-muted);font-weight:800}
.bulkToolbar button{padding:9px 14px;border:1px solid var(--mail-line);border-radius:10px;background:var(--mail-bg);color:var(--mail-ink);font-size:12px;font-weight:800;cursor:pointer;transition:border-color .2s ease}
.bulkToolbar button:hover{border-color:var(--mail-accent)}
.bulkToolbar button:disabled{opacity:.5;cursor:not-allowed}

.rowActions{display:flex;flex-direction:column;gap:6px;min-width:132px}
.rowbtn{padding:7px 10px;border:1px solid var(--mail-line);border-radius:8px;background:var(--mail-bg);color:var(--mail-ink);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;transition:border-color .2s ease}
.rowbtn:hover{border-color:var(--mail-accent)}
.rowbtn.danger{color:var(--mail-danger);border-color:#5a2b26}

.cardpanel{padding:22px;border:1px solid var(--mail-line);border-radius:18px;background:var(--mail-bg);margin-bottom:14px;transition:border-color .2s ease}
.cardpanel:hover{border-color:#443e37}
.cardpanel h3{margin:0 0 4px;font-size:14px;color:var(--mail-ink)}
.cardpanel .meta{margin:0 0 12px;font-size:11px;color:var(--mail-muted)}
.cardpanel .subject{font-weight:800;font-size:13px;margin:0 0 6px;color:var(--mail-ink)}
.cardpanel .snippet{font-size:12px;color:var(--mail-muted);margin:0 0 12px;white-space:pre-line}
.cardpanel .actions{display:flex;gap:8px;flex-wrap:wrap}
.cardpanel .actions button{padding:8px 13px;border:1px solid var(--mail-line);border-radius:9px;background:transparent;color:var(--mail-ink);font-size:11px;font-weight:800;cursor:pointer;transition:border-color .2s ease}
.cardpanel .actions button.danger{color:var(--mail-danger);border-color:#5a2b26}
.cardpanel .actions button.primary{background:var(--mail-accent);color:var(--mail-accent-ink);border-color:var(--mail-accent)}
.cardpanel label{display:block;margin:12px 0 6px;font-size:11px;font-weight:900;color:var(--mail-ink)}
.cardpanel input,.cardpanel select,.cardpanel textarea{width:100%;padding:11px;border:1px solid var(--mail-line);border-radius:10px;background:#161412;color:var(--mail-ink);outline:none;font:inherit}
.cardpanel textarea{min-height:110px;resize:vertical}

.queuebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.queuebar .pill{padding:8px 13px;border-radius:999px;font-size:11px;font-weight:900;background:#ffffff12;color:var(--mail-muted)}
.queuebar .pill.on{background:#a6f34c22;color:#c5f98d}
.queuebar button{padding:10px 16px;border:0;border-radius:11px;background:var(--mail-accent);color:var(--mail-accent-ink);font-weight:900;cursor:pointer}
.queuebar button.stop{background:var(--mail-danger);color:#2a0a06}
.queuebar button:disabled{opacity:.55;cursor:not-allowed}

.settingsform{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.settingsform label{display:block;font-size:11px;font-weight:900;margin-bottom:7px;color:var(--mail-ink)}
.settingsform input,.settingsform textarea{width:100%;padding:11px;border:1px solid var(--mail-line);border-radius:10px;background:#161412;color:var(--mail-ink);outline:none}
.settingsform .full{grid-column:1/-1}
.settingsform textarea{min-height:70px;resize:vertical}
@media(max-width:720px){.settingsform{grid-template-columns:1fr}}
.settingsfoot{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.settingsfoot button{padding:11px 16px;border:1px solid var(--mail-line);border-radius:10px;background:var(--mail-bg);color:var(--mail-ink);font-weight:800;font-size:12px;cursor:pointer;transition:border-color .2s ease}
.settingsfoot button.primary{background:var(--mail-accent);color:var(--mail-accent-ink);border-color:var(--mail-accent)}

/* Modal */
.modalOverlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0a0908cc;overflow:auto}
.modalBox{width:min(640px,100%);max-height:92vh;overflow:auto;padding:28px;border-radius:20px;background:#1e1c19;color:var(--mail-ink);border:1px solid var(--mail-line);box-shadow:0 30px 90px #000000a0}
.modalBox h3{margin:0 0 4px;font-size:20px}
.modalBox .modalMeta{margin:0 0 18px;color:var(--mail-muted);font-size:12px}
.modalBox label{display:block;margin:14px 0 7px;font-size:11px;font-weight:900}
.modalBox input,.modalBox textarea,.modalBox select{width:100%;padding:12px;border:1px solid var(--mail-line);border-radius:10px;background:#161412;color:inherit;outline:none;font:inherit}
.modalBox input[readonly]{opacity:.7}
.modalBox textarea{min-height:170px;resize:vertical;line-height:1.6}
.modalRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.modalRow{grid-template-columns:1fr}}
.modalFoot{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.modalFoot button{padding:11px 16px;border:1px solid var(--mail-line);border-radius:10px;background:transparent;color:inherit;font-weight:800;font-size:12px;cursor:pointer;transition:border-color .2s ease}
.modalFoot button.primary{background:var(--mail-accent);border-color:var(--mail-accent);color:var(--mail-accent-ink)}
.modalFoot button.danger{color:var(--mail-danger);border-color:#5a2b26}
.modalFoot button:disabled{opacity:.5;cursor:not-allowed}
.modalClose{position:absolute;top:18px;right:18px;border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.modalBox{position:relative}
.wordcount{font-size:10px;color:var(--mail-muted);margin-top:5px}

/* Toasts */
.toastHost{position:fixed;bottom:22px;right:22px;z-index:80;display:flex;flex-direction:column;gap:10px;max-width:340px}
.toast{padding:13px 16px;border-radius:12px;background:#1e1c19;color:var(--mail-ink);border:1px solid var(--mail-line);box-shadow:0 18px 40px #000000a0;font-size:12px;font-weight:700;animation:toastIn .18s ease-out}
.toast.success{border-color:#4f7a2c}
.toast.error{border-color:#5a2b26;color:var(--mail-danger)}
.toast.info{border-color:#33465e}
@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}