.admin-marketing-tab svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.admin-marketing-panel{display:grid;gap:18px;min-width:0}.admin-marketing-panel[hidden]{display:none!important}.marketing-head,.marketing-spend-box,.marketing-table-card,.marketing-recent-spend,.marketing-traffic-card,.marketing-funnel{background:var(--ddr-surface,#fff);border:1px solid var(--ddr-border,#e4e4e7);border-radius:8px;box-shadow:var(--ddr-shadow-card,0 8px 24px rgba(0,0,0,.06))}.marketing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px;background:linear-gradient(135deg,#111114 0%,#251116 62%,#53101d 100%);color:#fff}.marketing-eyebrow{display:block;margin-bottom:6px;color:#ff9cac;font-size:10px;font-weight:850;letter-spacing:.08em}.marketing-head h2,.marketing-head p,.marketing-spend-box h3,.marketing-spend-box p,.marketing-table-card h3,.marketing-table-card p,.marketing-recent-spend h3,.marketing-recent-spend p,.marketing-insight-grid h3,.marketing-insight-grid p{margin:0}.marketing-head h2{font-size:23px;line-height:1.25}.marketing-head p{margin-top:5px;color:#ffffffb8;font-size:12px}.marketing-date-filter{display:flex;align-items:flex-end;gap:8px}.marketing-date-filter label,.marketing-spend-box label{display:grid;gap:5px;color:inherit;font-size:10.5px;font-weight:750}.marketing-date-filter input,.marketing-date-filter button{height:38px;border:1px solid #ffffff38;border-radius:6px;background:#ffffff1a;color:#fff}.marketing-date-filter input{padding:0 9px;color-scheme:dark}.marketing-date-filter button{padding:0 14px;background:#fff;color:#17171a;font-weight:800}.marketing-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.marketing-summary article{display:grid;align-content:start;min-height:112px;padding:16px;border:1px solid var(--ddr-border,#e4e4e7);border-radius:8px;background:var(--ddr-surface,#fff)}.marketing-summary article.profit{border-color:#10b98159;background:color-mix(in srgb,var(--ddr-surface,#fff) 92%,#10b981)}.marketing-summary span{color:var(--ddr-muted,#73737d);font-size:10.5px;font-weight:750}.marketing-summary strong{margin-top:8px;color:var(--ddr-ink,#151519);font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums}.marketing-summary .profit strong{color:#059669}.marketing-summary small{margin-top:5px;color:var(--ddr-muted,#73737d);font-size:9.5px;line-height:1.35}.marketing-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.marketing-traffic-card,.marketing-funnel{padding:18px}.marketing-traffic-card>header,.marketing-funnel>header,.marketing-table-card>header,.marketing-recent-spend>header,.marketing-spend-box>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.marketing-insight-grid h3,.marketing-table-card h3,.marketing-recent-spend h3,.marketing-spend-box h3{color:var(--ddr-ink,#151519);font-size:13px}.marketing-insight-grid p,.marketing-table-card p,.marketing-recent-spend p,.marketing-spend-box p{margin-top:3px;color:var(--ddr-muted,#73737d);font-size:10.5px}.marketing-traffic-card>header>b{color:var(--ddr-ink,#151519);font-size:14px}.marketing-traffic-bar{display:flex;overflow:hidden;height:12px;margin:22px 0 13px;border-radius:4px;background:var(--ddr-surface-3,#ededf0)}.marketing-traffic-bar i{background:#10b981}.marketing-traffic-bar em{background:#ef334f}.marketing-traffic-card footer{display:flex;justify-content:space-between;gap:10px}.marketing-traffic-card footer span{display:flex;align-items:center;gap:6px;color:var(--ddr-muted,#73737d);font-size:10.5px}.marketing-traffic-card footer span>i{width:8px;height:8px;border-radius:50%;background:#10b981}.marketing-traffic-card footer span+span>i{background:#ef334f}.marketing-traffic-card footer b{color:var(--ddr-ink,#151519)}.marketing-funnel>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:17px}.marketing-funnel>div span{display:grid;gap:3px;min-width:0;padding:11px 7px;border-radius:6px;background:var(--ddr-surface-2,#f5f5f6);color:var(--ddr-muted,#73737d);text-align:center;font-size:9px}.marketing-funnel>div b{color:var(--ddr-ink,#151519);font-size:15px}.marketing-funnel>div>i{color:var(--ddr-muted,#73737d);font-style:normal}.marketing-table-card{overflow:hidden}.marketing-table-card>header{padding:17px 18px;border-bottom:1px solid var(--ddr-border,#e4e4e7)}.marketing-table-card>header>span{color:var(--ddr-muted,#73737d);font-size:10px;font-weight:750}.marketing-table-wrap{overflow-x:auto}.marketing-table-card table{min-width:980px;width:100%;border-collapse:collapse}.marketing-table-card th,.marketing-table-card td{padding:11px 12px;border-bottom:1px solid var(--ddr-border,#e4e4e7);text-align:right;font-size:10.5px;white-space:nowrap}.marketing-table-card th{background:var(--ddr-surface-2,#f5f5f6);color:var(--ddr-muted,#73737d);font-size:9.5px}.marketing-table-card th:first-child,.marketing-table-card td:first-child{min-width:210px;text-align:left}.marketing-table-card td strong,.marketing-table-card td small{display:block}.marketing-table-card td strong{color:var(--ddr-ink,#151519);font-size:11px;text-transform:capitalize}.marketing-table-card td small{margin-top:2px;color:var(--ddr-muted,#73737d);font-size:9px}.marketing-source{display:inline-flex!important;width:fit-content;margin-bottom:4px;padding:2px 6px;border-radius:4px;color:#047857!important;background:#10b9811f;font-size:8px!important;font-weight:850;text-transform:uppercase}.marketing-source.paid{color:#c51e3a!important;background:#ef334f1f}.marketing-table-card td.positive{color:#059669;font-weight:850}.marketing-table-card td.negative{color:#dc2626;font-weight:850}.marketing-spend-box{padding:18px}.marketing-spend-box>header>span{padding:4px 8px;border-radius:4px;color:#c51e3a;background:#ef334f1a;font-size:9px;font-weight:800}.marketing-spend-box form{display:grid;grid-template-columns:130px 120px 1fr 1fr 150px;gap:9px;margin-top:15px}.marketing-spend-box label{color:var(--ddr-muted,#73737d)}.marketing-spend-box input,.marketing-spend-box select{width:100%;height:38px;padding:0 10px;border:1px solid var(--ddr-border,#e4e4e7);border-radius:6px;background:var(--ddr-surface-2,#f5f5f6);color:var(--ddr-ink,#151519);outline:none}.marketing-spend-box input:focus,.marketing-spend-box select:focus{border-color:#ef334f;box-shadow:0 0 0 3px #ef334f1f}.marketing-note-field{grid-column:1/-2}.marketing-spend-box form>button{align-self:end;height:38px;border-radius:6px;background:#17171a;color:#fff;font-size:11px;font-weight:800}.marketing-recent-spend{padding:18px}.marketing-recent-spend ul{display:grid;gap:0;margin-top:12px;padding:0;list-style:none}.marketing-recent-spend li{display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--ddr-border,#e4e4e7)}.marketing-recent-spend li strong,.marketing-recent-spend li small{display:block}.marketing-recent-spend li strong{color:var(--ddr-ink,#151519);font-size:10.5px;text-transform:capitalize}.marketing-recent-spend li small{color:var(--ddr-muted,#73737d);font-size:9px}.marketing-recent-spend li>b{color:#ef334f;font-size:11px}.marketing-recent-spend li>button{width:28px;height:28px;border-radius:6px;color:#dc2626;background:#dc262614;font-size:18px}.marketing-loading,.marketing-empty{padding:28px;color:var(--ddr-muted,#73737d);text-align:center;font-size:11px}.marketing-message{padding:10px 12px;border:1px solid #10b98147;border-radius:6px;background:#10b98117;color:#047857;font-size:11px;font-weight:700}.marketing-message.error{border-color:#dc262640;background:#dc262614;color:#dc2626}@media(max-width:1100px){.marketing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-spend-box form{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-note-field{grid-column:auto}}@media(max-width:720px){.marketing-head{align-items:stretch;flex-direction:column;padding:17px}.marketing-head h2{font-size:19px}.marketing-date-filter{display:grid;grid-template-columns:1fr 1fr}.marketing-date-filter button{grid-column:1/-1}.marketing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-summary article{min-height:102px;padding:13px}.marketing-summary strong{font-size:17px}.marketing-insight-grid{grid-template-columns:1fr}.marketing-traffic-card footer{align-items:flex-start;flex-direction:column}.marketing-funnel>div{grid-template-columns:repeat(4,1fr)}.marketing-funnel>div>i{display:none}.marketing-spend-box form{grid-template-columns:1fr}.marketing-note-field{grid-column:auto}}


/* MARKETING HEADER TYPOGRAPHY & HIGH CONTRAST */
.marketing-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 22px 24px !important;
  border-radius: 12px 12px 0 0 !important;
  background: linear-gradient(135deg, #0f0f13 0%, #220d13 60%, #460c18 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.marketing-head .marketing-eyebrow {
  display: block !important;
  margin-bottom: 6px !important;
  color: #ff7a8d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.marketing-head h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

.marketing-head p {
  margin: 5px 0 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.marketing-date-filter label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.marketing-date-filter input {
  height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color-scheme: dark !important;
}

.marketing-date-filter button {
  height: 38px !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #17171a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  transition: transform .15s ease, background-color .15s ease !important;
}

.marketing-date-filter button:hover {
  background: #f4f4f5 !important;
  transform: translateY(-1px) !important;
}
