
:root{
  --bg:#eef6ff;
  --bg-2:#f8fbff;
  --panel:#ffffff;
  --panel-soft:#f6fbff;
  --line:#d8e8f7;
  --line-strong:#bfd6ec;
  --text:#16324a;
  --text-soft:#5e7891;
  --accent:#2b8cff;
  --accent-2:#7a5cff;
  --accent-3:#19c3b3;
  --ok:#15a56b;
  --warn:#d7931a;
  --danger:#df5570;
  --shadow:0 18px 48px rgba(38,76,120,.10);
  --shadow-soft:0 10px 26px rgba(38,76,120,.08);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
}
*{box-sizing:border-box;min-width:0}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font:16px/1.5 Inter,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 0% 0%, rgba(43,140,255,.15), transparent 22%),
    radial-gradient(circle at 100% 0%, rgba(122,92,255,.12), transparent 20%),
    radial-gradient(circle at 100% 100%, rgba(25,195,179,.10), transparent 20%),
    linear-gradient(180deg, #f8fbff 0%, #f2f8ff 40%, #edf5fb 100%);
  overflow-x:hidden;
}
a{color:#1a73d8;text-decoration:none}
a:hover{text-decoration:underline}

body .site-header *{transform:none}
button,input,select,textarea{font:inherit;max-width:100%}
img,svg,canvas{max-width:100%;display:block}
.site-header,
header,
header.site-header,
.site-header .wrap,
.site-header .hero{
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:auto !important;
}
.site-header{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  border-bottom:1px solid rgba(191,214,236,.9);
  box-shadow:0 6px 24px rgba(35,79,120,.05);
}
.wrap{width:min(100%,1560px);margin:0 auto;padding:20px clamp(14px,2.2vw,28px)}
main, .page-main{display:block}
.hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) auto;
  gap:18px;
  align-items:center;
}
.hero h1{margin:0 0 8px;font-size:clamp(2rem,3vw,3rem);line-height:1.05;color:#102a43;letter-spacing:-.02em}
.sub,.mini{color:var(--text-soft)}
.sub{max-width:76ch;font-size:1rem}
.badge-row,.right-actions,.export-links,.tabs,.checks,.pager{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pill,.soft-badge,.tab-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);
  background:#fff;color:#225074;box-shadow:var(--shadow-soft)
}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.soft-badge{background:linear-gradient(180deg,#ffffff,#f7fbff)}
.layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.panel-stack{display:grid;gap:18px}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,255,.98));
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  padding:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.title{margin:0 0 10px;font-size:1.3rem;color:#16324f}
.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.stat,.summary-box,.feed-item,.job-item{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft)
}
.stat,.summary-box{padding:15px;border-radius:22px}
.stat b,.summary-box b{display:block;font-size:clamp(1.35rem,2.2vw,1.8rem);margin-top:6px;color:#143450}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.full{grid-column:1/-1}
label{display:block;margin:10px 0 6px;font-size:.92rem;font-weight:700;color:#29516f}
input,select,textarea{
  width:100%;padding:13px 14px;border-radius:16px;resize:vertical;background:#fff;color:var(--text);
  border:1px solid var(--line-strong);outline:none;transition:border-color .2s, box-shadow .2s, transform .12s;
}
textarea{min-height:132px}
input:focus,select:focus,textarea:focus{border-color:#7bbdff;box-shadow:0 0 0 4px rgba(43,140,255,.12)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:0;
  border-radius:16px;font-weight:800;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 14px 28px rgba(58,112,255,.22)
}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn.alt{background:#fff;border:1px solid var(--line-strong);color:#1e4468;box-shadow:none}
.btn.ok{background:linear-gradient(135deg,#1dc97b,#149c63)}
.btn.warn{background:linear-gradient(135deg,#f2b74a,#c7830f)}
.btn.danger{background:linear-gradient(135deg,#f46a84,#d84763)}
.job-list,.feed{display:grid;gap:10px;max-height:360px;overflow:auto;padding-right:4px}
.job-item{
  width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;
  border-radius:18px;cursor:pointer;text-align:left;color:inherit
}
.job-item.active{border-color:#8fc5ff;background:linear-gradient(180deg,#f2f9ff,#e8f3ff);outline:2px solid rgba(43,140,255,.14)}
.status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800;background:#eef6ff;color:#35689a;border:1px solid #d4e6fb}
.top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;align-items:start}
.map-card{padding:0}
.map-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:18px;border-bottom:1px solid var(--line)}
#map{height:min(58vh,560px);min-height:320px;background:#dce9f6}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tabs{margin-top:4px}
.tab-btn{cursor:pointer;font-weight:800}
.tab-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}
.tab-panel{display:none;margin-top:16px}
.tab-panel.active{display:block}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.toolbar>*{flex:1 1 170px}
.toolbar .tight{flex:0 0 auto}
.checks{margin:12px 0 14px}
.checks label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:999px;background:#f4f9ff;border:1px solid var(--line);font-weight:600}
.checks input{width:auto}
.table-wrap{overflow:auto;max-width:100%;max-height:60vh;border-radius:20px;border:1px solid var(--line);background:#fff}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:1080px}
th,td{padding:12px;border-bottom:1px solid #e7f0f8;text-align:left;vertical-align:top;font-size:.94rem;color:#234865;background:#fff}
th{position:sticky;top:0;z-index:2;background:#f4f9ff;color:#355e84;font-weight:800}
tr:hover td{background:#fbfdff}
.row-new td{animation:flash .9s ease}
@keyframes flash{0%{background:rgba(29,201,123,.16)}100%{background:#fff}}
.log{height:340px;overflow:auto;background:#fcfeff;border:1px solid var(--line);border-radius:18px;padding:14px;color:#27506f;font:12px/1.5 Consolas,monospace;white-space:pre-wrap}
.feed-item{padding:12px;border-radius:18px}
.template-item{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.template-item .feed-main{min-width:220px;flex:1 1 auto}
.template-actions{margin:0}
.modal{position:fixed;inset:0;background:rgba(18,42,66,.34);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}
.modal.show{display:flex}
.modal-box{width:min(1100px,96vw);max-height:94vh;overflow:auto}
.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.section-gap{margin-top:18px}
.leaflet-container a{color:#1a74dc}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c6d7ea;border-radius:999px}
::-webkit-scrollbar-track{background:#eef4fb}
@media (max-width:1280px){
  .layout,.top-grid,.summary-grid,.form-grid,.hero{grid-template-columns:1fr}
  .stats,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .toolbar>*{flex:1 1 100%}
  .checks{flex-direction:column;align-items:flex-start}
  .table-wrap{max-height:55vh}
  #map{height:360px}
}
@media (max-width:640px){
  .wrap{padding:14px}
  .card{padding:14px;border-radius:22px}
  .stats,.kpi-row{grid-template-columns:1fr}
  .hero h1{font-size:1.6rem}
  .sub{font-size:.92rem}
  .pill,.soft-badge{width:100%}
  .right-actions{width:100%}
  .map-head{padding:14px}
  th,td{padding:10px}
}

.hidden{display:none!important}
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.send-progress,.test-mail-box{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#f6fbff);
  padding:14px;
  box-shadow:var(--shadow-soft)
}
.send-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.spinner{width:34px;height:34px;border-radius:50%;border:4px solid #d8e8f7;border-top-color:var(--accent);animation:spin .85s linear infinite;flex:0 0 34px}
@keyframes spin{to{transform:rotate(360deg)}}
.progress-line{height:12px;border-radius:999px;background:#e8f2fb;overflow:hidden;border:1px solid var(--line);margin:10px 0 14px}
.progress-line i{display:block;height:100%;width:0%;background:linear-gradient(135deg,var(--accent),var(--accent-3));border-radius:999px;transition:width .28s ease}
.send-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}
.send-stats .summary-box{padding:11px;border-radius:16px}
.send-stats .summary-box b{font-size:1.25rem}
.send-feed{max-height:260px;overflow:auto;display:grid;gap:8px;padding-right:4px}
.send-step{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;animation:mailIn .22s ease}
.send-step span{color:var(--text-soft);font-size:.82rem}
.send-step.ok{border-color:rgba(21,165,107,.28);background:#f2fff9}
.send-step.bad{border-color:rgba(223,85,112,.35);background:#fff5f7}
@keyframes mailIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.btn.is-loading{opacity:.82;pointer-events:none;position:relative}
.btn.is-loading:after{content:'';width:16px;height:16px;border-radius:50%;border:3px solid rgba(255,255,255,.55);border-top-color:#fff;animation:spin .75s linear infinite}
.form-grid.compact{margin-top:10px}
.report-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.report-tab{cursor:pointer}
.report-panel{display:none}
.report-panel.active{display:block}
.content-preview{max-width:320px;max-height:72px;overflow:auto;white-space:pre-wrap;color:#385d7a;font-size:.86rem}
.response-cell{min-width:260px}
.response-cell textarea{min-height:78px;font-size:.9rem;margin-bottom:8px}
.response-cell select{margin-bottom:8px}
.mail-content-modal .modal-box{width:min(900px,96vw)}
.mail-content-view{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;max-height:60vh;overflow:auto}
@media (max-width:900px){.send-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.send-step{grid-template-columns:1fr}.action-row .btn{width:100%}}

/* v6.3 ayrı rapor sayfaları */
.report-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px;align-items:center}
.report-nav .active-link{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}
.report-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;align-items:stretch}
.report-card{display:grid;gap:14px;align-content:start;min-height:260px;padding:22px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f7fbff);box-shadow:var(--shadow);color:var(--text);text-decoration:none;position:relative;overflow:hidden}
.report-card:before{content:'';position:absolute;inset:auto -20% -45% -20%;height:130px;background:radial-gradient(circle,rgba(43,140,255,.12),transparent 70%)}
.report-card:hover{transform:translateY(-2px);text-decoration:none;border-color:#9bcbff}
.report-card.big{grid-column:span 1}
.report-card.muted{background:linear-gradient(180deg,#fbfdff,#eef7ff)}
.report-card h2{margin:0 0 6px;font-size:1.35rem;color:#12304d}
.report-card p{margin:0;color:var(--text-soft)}
.report-icon{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#eef6ff;border:1px solid var(--line);font-size:1.7rem;box-shadow:var(--shadow-soft)}
.report-metrics{display:grid;gap:8px;margin-top:auto;position:relative;z-index:1}
.report-metrics span{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px 12px;color:#315978}
.report-metrics b{font-size:1.08rem;color:#12304d}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn.tight,.pill.tight{min-height:34px;padding:7px 10px;border-radius:12px;font-size:.86rem}
.report-error{margin:0 0 12px;padding:12px 14px;border-radius:16px;background:#fff2f4;border:1px solid rgba(223,85,112,.35);color:#9d2340;font-weight:700}
@media (max-width:1180px){.report-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:740px){.report-hub-grid{grid-template-columns:1fr}.report-card{min-height:auto}.report-nav .pill{width:100%}.row-actions .btn{width:100%}}


/* v6.4 rapor merkezi düzeltme - cache kırıldı, emoji ikon yerine metin rozetleri */
.report-home-page .site-header{background:linear-gradient(180deg,#ffffff,#f7fbff)}
.report-home{padding-top:22px;padding-bottom:48px}
.page-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#315978;font-weight:800;font-size:.9rem;box-shadow:var(--shadow-soft)}
.back-pill{font-weight:800;background:#fff}
.report-intro-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff 0%,#f1f8ff 100%);box-shadow:var(--shadow)}
.report-intro-card h2{margin:0 0 6px;color:#112f4b;font-size:clamp(1.35rem,2vw,2rem)}
.report-intro-card p{margin:0;color:var(--text-soft)}
.report-grid-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.report-tile{display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;min-height:330px;padding:24px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:var(--shadow);color:var(--text);text-decoration:none;position:relative;overflow:hidden;isolation:isolate}
.report-tile:before{content:'';position:absolute;inset:-40% -30% auto auto;width:260px;height:260px;border-radius:50%;background:rgba(43,140,255,.10);z-index:-1}
.report-tile:hover{transform:translateY(-3px);border-color:#8fc5ff;text-decoration:none;box-shadow:0 24px 58px rgba(38,76,120,.14)}
.report-tile.primary{background:linear-gradient(180deg,#ffffff,#eef7ff)}
.report-mark{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:#fff;box-shadow:var(--shadow-soft);font-weight:900;letter-spacing:.03em;color:#114063}
.report-mark span{display:block;font-size:1.05rem;line-height:1}
.mark-scan{background:linear-gradient(135deg,#eef7ff,#ffffff)}
.mark-mail{background:linear-gradient(135deg,#f4f1ff,#ffffff)}
.mark-response{background:linear-gradient(135deg,#edfdf8,#ffffff)}
.mark-old{background:linear-gradient(135deg,#fff7e7,#ffffff)}
.report-tile h2,.old-report-card h2{margin:0 0 7px;color:#102a43;font-size:1.45rem;letter-spacing:-.01em}
.report-tile p,.old-report-card p{margin:0;color:var(--text-soft)}
.report-tile-body{position:relative;z-index:1}
.metric-row{display:grid;gap:9px;align-self:end;position:relative;z-index:1}
.metric-row span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.92);color:#315978}
.metric-row b{font-size:1.1rem;color:#11324e}
.tile-action{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(58,112,255,.20);position:relative;z-index:1}
.old-report-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:18px;padding:22px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:var(--shadow)}
.section-gap{margin-top:18px}
body[data-report-page] .report-nav{position:sticky;top:0;z-index:10;padding:10px 0;background:linear-gradient(180deg,rgba(248,251,255,.96),rgba(248,251,255,.88));backdrop-filter:blur(8px)}
body[data-report-page] .stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
body[data-report-page] .card{border-radius:28px}
body[data-report-page] .toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}
body[data-report-page] .toolbar .btn, body[data-report-page] .toolbar a.btn{width:100%}
@media (max-width:1180px){.report-grid-clean{grid-template-columns:1fr 1fr}.old-report-card{grid-template-columns:1fr}.old-report-card .row-actions .btn{width:auto}}
@media (max-width:760px){.report-hero{grid-template-columns:1fr}.report-intro-card{display:grid}.report-grid-clean{grid-template-columns:1fr}.report-tile{min-height:auto}.old-report-card{grid-template-columns:1fr}.old-report-card .row-actions .btn,.report-intro-card .btn{width:100%}.right-actions .pill{width:100%}}


/* v6.5 sade ve kararlı rapor düzeni */
.page-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#406783;font-weight:800;font-size:.82rem;letter-spacing:.02em}
.report-home-page{background:linear-gradient(135deg,#f7fbff 0%,#eef7ff 52%,#f8fbff 100%)}
.report-summary-clean{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:center;margin:10px 0 18px;padding:24px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.90);box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.report-summary-clean h2{margin:6px 0 8px;font-size:clamp(1.45rem,2.4vw,2.2rem);color:#102a43;letter-spacing:-.02em}.report-summary-clean p{margin:0;color:var(--text-soft)}
.soft-label{display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf6ff;color:#24649a;border:1px solid #d5e9fb;font-weight:900;font-size:.82rem}.quick-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-numbers div{padding:16px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.quick-numbers span{display:block;color:var(--text-soft);font-size:.86rem}.quick-numbers b{display:block;margin-top:5px;font-size:1.7rem;color:#102a43}
.report-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.report-choice-card{display:grid;gap:16px;min-height:320px;padding:24px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--text);position:relative;overflow:hidden}.report-choice-card:after{content:'';position:absolute;right:-80px;top:-90px;width:210px;height:210px;border-radius:50%;background:rgba(43,140,255,.10)}.report-choice-card:hover{text-decoration:none;transform:translateY(-2px);border-color:#8fc5ff;box-shadow:0 24px 58px rgba(38,76,120,.14)}.choice-badge{width:48px;height:48px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;box-shadow:0 14px 24px rgba(58,112,255,.22);position:relative;z-index:1}.report-choice-card h2{margin:0 0 7px;color:#102a43;font-size:1.42rem}.report-choice-card p{margin:0;color:var(--text-soft)}.choice-metrics{display:grid;gap:8px;margin-top:auto}.choice-metrics span{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;color:#315978;font-weight:700}.choice-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:16px;background:#f1f7ff;color:#1f5f9a;border:1px solid #d8eafd}.choice-action:after{content:' →';margin-left:6px}
.report-nav-clean{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 10px;padding:10px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.report-nav-clean a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:15px;color:#225074;text-decoration:none;font-weight:850;border:1px solid transparent}.report-nav-clean a:hover{background:#f1f7ff;text-decoration:none}.report-nav-clean .active-link{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 22px rgba(58,112,255,.18)}
body[data-report-page] .card-head{align-items:flex-start}body[data-report-page] .toolbar{padding:14px;border:1px solid var(--line);border-radius:22px;background:#fbfdff}.row-actions .btn.tight{min-height:38px;padding:8px 12px;border-radius:13px}body[data-report-page] .table-wrap{box-shadow:var(--shadow-soft)}
@media (max-width:1180px){.report-summary-clean,.report-choice-grid{grid-template-columns:1fr 1fr}.report-summary-clean{grid-template-columns:1fr}.report-choice-card:last-child{grid-column:1/-1}.quick-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.report-summary-clean,.report-choice-grid,.quick-numbers{grid-template-columns:1fr}.report-choice-card{min-height:auto}.report-nav-clean a,.right-actions .pill{width:100%}.report-nav-clean{position:static}.hero{grid-template-columns:1fr}}


button.pill{font:inherit;cursor:pointer;border:1px solid rgba(15,23,42,.10);background:#fff;color:#0f2544}
.report-disabled-trigger{background:linear-gradient(135deg,#f8fafc,#eef4ff);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.smtp-help-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(37,99,235,.18);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff)}
.disabled-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.disabled-card{max-width:680px;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:28px;padding:34px;box-shadow:0 24px 80px rgba(15,23,42,.14);text-align:center}
.disabled-card h1{margin:12px 0 10px;font-size:34px;color:#0f2544}
.disabled-card p{color:#52637a;line-height:1.7;margin:0 auto 20px;max-width:560px}
.disabled-badge{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:800;font-size:13px}
.disabled-actions{display:flex;justify-content:center;margin-top:18px}
@media(max-width:720px){.smtp-help-box{display:block}.smtp-help-box .btn{margin-top:10px;width:100%}.disabled-card{padding:24px}.disabled-card h1{font-size:27px}}

/* v6.7 mail hesabı düzenleme alanı */
.account-form-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#ffffff,#f5f9ff);box-shadow:var(--shadow-soft)}
.account-item{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-item .row-actions{flex-shrink:0}
@media(max-width:720px){.account-form-head,.account-item{display:block}.account-form-head .btn,.account-item .btn{width:100%;margin-top:10px}}

.account-item.needs-fix{border-color:rgba(245,158,11,.45);background:linear-gradient(135deg,#fff7ed,#ffffff)}
.mail-warning{margin-top:7px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:700}
.btn.warn{background:#f59e0b;color:#111827;border-color:#f59e0b}
.btn.warn:hover{filter:brightness(.98)}


.inbox-safe-box,.inbox-check-box{
  border:1px solid rgba(21,165,107,.24);
  border-radius:22px;
  background:linear-gradient(180deg,#f3fff9,#ffffff);
  padding:14px;
  box-shadow:var(--shadow-soft)
}
.inbox-check-box{border-color:rgba(43,140,255,.24);background:linear-gradient(180deg,#f4f9ff,#ffffff)}
.deliverability-lines{display:grid;gap:5px;line-height:1.45}

/* v6.14 zengin şablon editörü */
.rich-editor{
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.rich-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:10px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#f8fbff,#ffffff);
}
.rich-btn{
  min-height:36px;
  padding:8px 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:#193b59;
  font-weight:850;
  cursor:pointer;
}
.rich-btn:hover{background:#eef7ff;border-color:#b7dcff}
.rich-color{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:#385d7a;
  font-size:.86rem;
  font-weight:800;
}
.rich-color input{width:28px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.rich-box{
  min-height:260px;
  max-height:560px;
  overflow:auto;
  padding:18px;
  outline:none;
  line-height:1.65;
  color:#111827;
  background:#fff;
}
.rich-box:empty:before{
  content:attr(data-placeholder);
  color:#8aa1b5;
  pointer-events:none;
}
.rich-box img{max-width:100%;height:auto}
.rich-box a{color:#0b66c3;text-decoration:underline}
.rich-box ul,.rich-box ol{padding-left:24px}
#mailEditor.rich-box{min-height:220px}
@media(max-width:720px){.rich-toolbar{gap:6px}.rich-btn,.rich-color{width:auto;flex:1 1 auto;justify-content:center}.rich-box{min-height:220px;padding:14px}}

/* v6.15 toast uyarıları ve renk seçimi düzeltmesi */
.toast-root{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99999;
  display:grid;
  gap:10px;
  width:min(420px, calc(100vw - 32px));
  pointer-events:none;
}
.toast-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 30px;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:#ffffff;
  box-shadow:0 18px 48px rgba(15,23,42,.18);
  color:#16324a;
  pointer-events:auto;
  animation:toastIn .18s ease-out;
}
.toast-item.hide{animation:toastOut .22s ease-in forwards}
.toast-item.success{border-color:rgba(21,165,107,.26);background:linear-gradient(180deg,#f1fff8,#ffffff)}
.toast-item.info{border-color:rgba(43,140,255,.26);background:linear-gradient(180deg,#f2f8ff,#ffffff)}
.toast-item.error{border-color:rgba(223,85,112,.30);background:linear-gradient(180deg,#fff5f7,#ffffff)}
.toast-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-weight:900;
  color:#fff;
  background:var(--danger);
}
.toast-item.success .toast-icon{background:var(--ok)}
.toast-item.info .toast-icon{background:var(--accent)}
.toast-text{font-weight:800;line-height:1.35;word-break:break-word}
.toast-close{
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  background:rgba(15,23,42,.06);
  color:#18364f;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.toast-close:hover{background:rgba(15,23,42,.12)}
@keyframes toastIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastOut{to{opacity:0;transform:translateY(12px) scale(.98)}}
.rich-color input:focus{outline:2px solid rgba(43,140,255,.25);outline-offset:2px;border-radius:6px}
@media(max-width:720px){.toast-root{right:12px;bottom:12px;width:calc(100vw - 24px)}}

/* v6.18 yazı rengi: CSS artık inline rengi siyaha ezmez */
.rich-box [data-rich-inline]{display:inline}

/* v6.18 yazı rengi kesin düzeltme */
.rich-box [data-rich-inline]{display:inline}
.rich-box [data-rich-color-value]{color:inherit}
.rich-box [data-rich-color-value][style]{font-weight:inherit}

/* v6.21 - Şablon silme butonu kesin görünürlük */
.template-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.template-item .feed-main{min-width:0;flex:1 1 auto}
.template-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important}
.template-actions .btn,.delete-template-btn,.edit-template-btn,#deleteCurrentTemplateBtn{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
#deleteCurrentTemplateBtn.hidden{display:none!important}
@media(max-width:760px){.template-item{align-items:stretch!important;flex-direction:column!important}.template-actions{justify-content:flex-start!important}.template-actions .btn{width:auto!important}}
