/* WP EasyCart Admin — Settings › Marketing ( 6.0.7 ). The cards, switches and lists are Store details', Products' and Accounts'
   ( setup-store-v2.css, setup-products-v2.css, setup-accounts-v2.css ); this file adds the 30-day figures, the Pro row, the links and
   the small storefront sketches each card shows beside its settings. */

.ecmk .ecsd2-head h2 .ecpr-plan { vertical-align:2px; }
/* A long line wraps beside the icon, never under it. */
.ecmk .ecsd2-head-flat > .ecsd2-head-text { flex-basis:240px; }

/* The last 30 days, three figures. */
.ecmk-figs { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.ecmk-figs > li { display:flex; flex-direction:column; gap:2px; margin:0; padding:10px 12px; border:1px solid var(--ecv2-g200); border-radius:10px; min-width:0; }
.ecmk-figs > li > b { font-size:18px; line-height:1.25; font-weight:700; color:var(--ecv2-g900); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ecmk-figs > li > span { font-size:12px; line-height:1.4; color:var(--ecv2-g600); }

/* A Pro job on a Free store. */
.ecmk-lock { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:12px 14px; border:1px solid var(--ecv2-g200); border-radius:10px; background:var(--ecv2-g50, #f9fafb); }
.ecmk-lock > span { flex:1 1 260px; min-width:0; font-size:13px; line-height:1.5; color:var(--ecv2-g700); }

/* The links under a card. */
.ecmk-links { display:flex; flex-wrap:wrap; gap:8px; }

/* Who sends the reminders. */
.ecmk-sender .ecsd2-seg { flex-wrap:wrap; }

/* What shoppers see. */
.ecmk-show { display:flex; flex-direction:column; align-items:stretch; }
.ecmk-show > [hidden] { display:none !important; }
.ecmk-tick { display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid var(--ecv2-g300, #d0d5dd); border-radius:8px; background:#fff; font-size:12.5px; color:var(--ecv2-g800); }
.ecmk-tick .ecac-box { flex:0 0 auto; }
.ecmk-popup { display:flex; flex-direction:column; align-items:center; gap:6px; padding:14px; border:1px solid var(--ecv2-g200); border-radius:10px; background:#fff; text-align:center; }
.ecmk-popup > b { font-size:15px; color:var(--ecv2-g900); }
.ecmk-popup > span { font-size:12.5px; color:var(--ecv2-g600); }
.ecmk-input { align-self:stretch; display:block; padding:8px 10px; border:1px solid var(--ecv2-g300, #d0d5dd); border-radius:6px; background:#fff; font-size:12.5px; color:var(--ecv2-g500); text-align:left; }
.ecmk-show .ecmk-btn { align-self:flex-start; display:inline-block; padding:7px 14px; border-radius:6px; background:var(--ecv2-g900); color:#fff; font-size:12px; font-weight:600; }
.ecmk-show .ecmk-popup .ecmk-btn { align-self:center; }
.ecmk-mail-subject { font-size:12px; color:var(--ecv2-g600); }
.ecmk-mail-heading { font-size:14px; font-weight:700; color:var(--ecv2-g900); overflow-wrap:anywhere; }
.ecmk-line { font-size:13px; color:var(--ecv2-g800); overflow-wrap:anywhere; }
.ecmk-line s { color:var(--ecv2-g500); }
.ecmk-save { font-size:12.5px; font-weight:600; color:#166534; }
.ecmk-stars { font-size:18px; letter-spacing:2px; color:#b45309; }
.ecmk-result-url { font-size:12px; color:var(--ecv2-g600); overflow-wrap:anywhere; }
.ecmk-result-title { font-size:15px; font-weight:500; color:#1a0dab; overflow-wrap:anywhere; }

/* Channels and partners: one list across the card. */
.ecmk-channels > li .ecsd2-link { white-space:nowrap; }

/* Settings › Email marketing ( 6.0.7 ): the services as tiles, each opening its box of settings, and what a service gets. */
.ecnl-places .ecst-toggle { flex:0 0 auto; }
.ecnl-tiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:10px; }
.ecnl-tile { display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin:0; padding:12px 14px; border:1px solid var(--ecv2-g200); border-radius:10px; background:#fff; color:var(--ecv2-g900); font:inherit; text-align:left; text-decoration:none; cursor:pointer; min-width:0; }
.ecnl-tile:hover, .ecnl-tile:focus-visible { border-color:var(--ecsu-accent, var(--ec-brand, #2271b1)); color:var(--ecv2-g900); }
.ecnl-tile:focus-visible { outline:2px solid var(--ecsu-accent, var(--ec-brand, #2271b1)); outline-offset:2px; }
.ecnl-tile.is-on { border-color:#86efac; background:#f0fdf4; }
.ecnl-tile.is-bad { border-color:#fca5a5; background:#fef2f2; } /* 6.0.7: a service that refuses the store's key */
.ecnl-tile.is-bad > span:not(.ecac-pill) { color:#7f1d1d; }
.ecnl-tile > b { font-size:14px; font-weight:700; }
.ecnl-tile > span:not(.ecac-pill) { flex:1 1 auto; font-size:12.5px; line-height:1.45; color:var(--ecv2-g600); overflow-wrap:anywhere; }
.ecnl-tile > .ecac-pill { margin-top:4px; }
.ecnl-gets { display:flex; flex-direction:column; gap:2px; padding:9px 11px; border:1px solid var(--ecv2-g200); border-radius:8px; background:#fff; }
.ecnl-gets > b { font-size:13px; color:var(--ecv2-g900); }
.ecnl-gets > span { font-size:12.5px; line-height:1.45; color:var(--ecv2-g600); }
.ecnl-gets.is-bad { border-color:#fecaca; background:#fef2f2; }
.ecnl-gets.is-bad > b, .ecnl-gets.is-bad > span { color:#7f1d1d; }

/* Settings › Analytics & ads ( 6.0.7 ): the consent ways, the store page check, each tag's three steps and the older Google fields. */
.ecan-ways { grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); }
.ecan .ecsd2-ic.ecan-mark { color:#fff; font-size:12px; font-weight:800; letter-spacing:.01em; }
.ecan-banner { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.ecan-banner label { font-size:13px; font-weight:600; color:var(--ecv2-g800); }
.ecan-banner select { min-width:220px; max-width:100%; }
.ecan-note { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:10px 12px; border:1px solid var(--ecv2-g200); border-radius:10px; background:var(--ecv2-g50, #f9fafb); }
.ecan-note > span { flex:1 1 260px; min-width:0; font-size:13px; line-height:1.5; color:var(--ecv2-g700); }
.ecan-note.is-on { border-color:#bbf7d0; background:#f0fdf4; }
.ecan-note.is-warn { border-color:#fde68a; background:#fffbeb; }
.ecan-note.is-warn > span { color:#92400e; }
.ecan-note.is-bad { border-color:#fecaca; background:#fef2f2; }
.ecan-note.is-bad > span { color:#991b1b; }
.ecan-checkbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:10px 14px; border:1px dashed var(--ecv2-g300, #d0d5dd); border-radius:10px; background:#fff; }
.ecan-checkbar > span { flex:1 1 240px; min-width:0; font-size:13px; color:var(--ecv2-g700); }
.ecan-steps { display:flex; flex-direction:column; margin:0; padding:0; list-style:none; }
.ecan-step { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px 12px; margin:0; padding:12px 0; border-top:1px solid var(--ecv2-g100); min-width:0; }
.ecan-step:first-child { border-top:0; padding-top:2px; }
.ecan-step-n { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--ecv2-g100); color:var(--ecv2-g700); font-size:12px; font-weight:700; }
.ecan-step.is-on .ecan-step-n { background:#dcfce7; color:#166534; }
.ecan-step.is-warn .ecan-step-n { background:#fef3c7; color:#92400e; }
.ecan-step-text { flex:1 1 240px; display:flex; flex-direction:column; gap:3px; min-width:0; }
.ecan-step-text > b { font-size:13.5px; font-weight:600; color:var(--ecv2-g900); }
.ecan-step-text > span { font-size:12.5px; line-height:1.5; color:var(--ecv2-g600); overflow-wrap:anywhere; }
.ecan-step-text > .ecan-check { display:flex; gap:6px; color:var(--ecv2-g700); }
.ecan-check::before { content:""; flex:0 0 auto; width:7px; height:7px; margin-top:6px; border-radius:50%; background:var(--ecv2-g400, #9ca3af); }
.ecan-check.is-on::before { background:#16a34a; }
.ecan-check.is-warn::before { background:#d97706; }
.ecan-check.is-bad::before { background:#dc2626; }
.ecan-step .ecv2-btn { flex:0 0 auto; }
.ecan-older { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:12px 14px; border:1px solid #fde68a; border-radius:10px; background:#fffbeb; }
.ecan-older > span { flex:1 1 260px; display:flex; flex-direction:column; gap:3px; min-width:0; font-size:12.5px; line-height:1.5; color:#92400e; }
.ecan-older > span > b { font-size:13px; color:#78350f; overflow-wrap:anywhere; }
.ecan-answer { align-self:flex-start; }

/* Settings › Search & AI ( 6.0.7 ): a card's lines, and how a product reads. */
.ecse-lines { flex:0 0 auto; }
.ecse-result { display:flex; flex-direction:column; gap:3px; padding:12px 14px; border:1px solid var(--ecv2-g200); border-radius:10px; background:#fff; }
.ecse-result-url { font-size:12px; color:#202124; overflow-wrap:anywhere; }
.ecse-result-title { font-size:16px; line-height:1.3; color:#1a0dab; overflow-wrap:anywhere; }
.ecse-result-rating, .ecse-result-facts { font-size:12.5px; color:#4d5156; overflow-wrap:anywhere; }
.ecse-result-rating .ecmk-stars { font-size:13px; letter-spacing:1px; }
.ecse-answer { display:flex; flex-direction:column; gap:4px; padding:12px 14px; border-radius:10px; background:var(--ecv2-g50, #f9fafb); border:1px solid var(--ecv2-g200); }
.ecse-answer > b { font-size:12px; font-weight:700; color:var(--ecv2-g700); letter-spacing:.02em; }
.ecse-answer > span { font-size:13px; line-height:1.55; color:var(--ecv2-g900); }

/* Settings › Documents ( 6.0.7 ): a tile per document. */
.ecdc-tiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.ecdc-tile { display:flex; flex-direction:column; gap:4px; margin:0; padding:12px 14px; border:1px solid var(--ecv2-g200); border-radius:10px; background:#fff; min-width:0; }
.ecdc-tile.is-locked { background:var(--ecv2-g50, #f9fafb); }
.ecdc-tile > b { font-size:14px; font-weight:700; color:var(--ecv2-g900); }
.ecdc-tile > span { font-size:12.5px; line-height:1.45; color:var(--ecv2-g600); overflow-wrap:anywhere; }
.ecdc-tile > .ecdc-profiles { color:var(--ecv2-g800); }
.ecdc-tile-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:6px; }

@media ( max-width:600px ) {
	.ecmk-figs { grid-template-columns:minmax(0,1fr); }
}