/* eVendor: dashboard and auth styles. Change the variables to rebrand. */
.icmkt-app,
.icmkt-box {
	--ink: #17213b;
	--muted: #64708a;
	--line: #e1e6f1;
	--paper: #f5f7fc;
	--accent: #042371;
	--brand-red: #EA1711;
	--accent-ink: #ffffff;
	--warn: #b45309;
	--danger: #c0140f;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--ink);
	line-height: 1.5;
	box-sizing: border-box;
}
.icmkt-app *,
.icmkt-box * { box-sizing: border-box; }

.icmkt-app { max-width: 820px; margin: 0 auto; padding: 16px; }
.icmkt-box { max-width: 440px; margin: 24px auto; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }

.icmkt-app h2, .icmkt-box h2 { margin: 0 0 4px; font-size: 1.5rem; line-height: 1.2; }
.icmkt-app h3 { margin: 0 0 6px; font-size: 1.1rem; }
.icmkt-sub { margin: 0 0 16px; color: var(--muted); font-size: .95rem; }

.icmkt-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.icmkt-card { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 20px; margin-bottom: 16px; }

.icmkt-app label, .icmkt-box label { display: block; margin-bottom: 14px; font-weight: 600; font-size: .92rem; }
.icmkt-app small, .icmkt-box small { display: block; margin-top: 4px; font-weight: 400; color: var(--muted); font-size: .82rem; }
.icmkt-app input[type="text"],
.icmkt-app input[type="email"],
.icmkt-app input[type="tel"],
.icmkt-app input[type="password"],
.icmkt-app input[type="file"],
.icmkt-app select,
.icmkt-app textarea,
.icmkt-box input[type="text"],
.icmkt-box input[type="email"],
.icmkt-box input[type="password"] {
	display: block; width: 100%; margin-top: 6px; padding: 10px 12px;
	font: inherit; font-weight: 400; color: var(--ink); background: #fff;
	border: 1px solid #ccd3e3; border-radius: 8px;
}
.icmkt-app input[type="color"] { display: block; width: 100%; height: 42px; margin-top: 6px; padding: 3px; border: 1px solid #ccd3e3; border-radius: 8px; background: #fff; }
.icmkt-app input:focus, .icmkt-app select:focus, .icmkt-app textarea:focus,
.icmkt-box input:focus { outline: 3px solid rgba(4, 35, 113, .25); border-color: var(--accent); }

.icmkt-grid2 { display: grid; gap: 0 16px; grid-template-columns: 1fr; }
.icmkt-grid3 { display: grid; gap: 0 16px; grid-template-columns: 1fr; }
@media (min-width: 640px) {
	.icmkt-grid2 { grid-template-columns: 1fr 1fr; }
	.icmkt-grid3 { grid-template-columns: 2fr 1fr 1fr; }
}

.icmkt-btn {
	display: inline-block; padding: 11px 18px; font: inherit; font-weight: 600; text-align: center;
	color: var(--accent-ink); background: var(--accent); border: 1px solid var(--accent);
	border-radius: 8px; cursor: pointer; text-decoration: none; line-height: 1.2;
}
.icmkt-btn:hover { filter: brightness(.94); }
.icmkt-btn:focus-visible { outline: 3px solid rgba(4, 35, 113, .35); outline-offset: 2px; }
.icmkt-btn[disabled] { opacity: .45; cursor: not-allowed; }
.icmkt-btn-ghost { color: var(--ink); background: #fff; border-color: #ccd3e3; }
.icmkt-filebtn { margin: 0; cursor: pointer; }
.icmkt-row { display: flex; gap: 10px; flex-wrap: wrap; }

.icmkt-link { color: var(--accent); font-weight: 600; font-size: .92rem; text-decoration: underline; text-underline-offset: 2px; }
.icmkt-alt { margin: 14px 0 0; font-size: .92rem; color: var(--muted); }

.icmkt-msg { min-height: 1.2em; margin: 0 0 12px; font-size: .92rem; }
.icmkt-msg.is-error { color: var(--danger); }
.icmkt-msg.is-ok { color: var(--accent); }
.icmkt-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Status + checklist */
.icmkt-status-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 12px; }
.icmkt-pill { display: inline-block; padding: 3px 12px; border-radius: 999px; font-size: .85rem; font-weight: 700; background: #eef1f8; color: var(--muted); }
.icmkt-pill-live { background: #d9f2e8; color: #065f44; }
.icmkt-pill-suspended { background: #fde4e1; color: var(--danger); }
.icmkt-check { list-style: none; margin: 0 0 16px; padding: 0; }
.icmkt-check li { position: relative; padding: 4px 0 4px 28px; font-size: .94rem; }
.icmkt-check li::before { content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #ccd3e3; }
.icmkt-check li.is-done { color: var(--muted); }
.icmkt-check li.is-done::before { background: var(--accent); border-color: var(--accent); }
.icmkt-check li.is-done::after { content: ""; position: absolute; left: 5px; top: 10px; width: 4px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.icmkt-note { color: var(--danger); font-weight: 600; }

/* Logo */
.icmkt-logo-row { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.icmkt-logo-prev { width: 84px; height: 84px; display: grid; place-items: center; flex: none; background: var(--paper); border: 1px dashed #b9c3dc; border-radius: 10px; overflow: hidden; font-size: .8rem; color: var(--muted); }
.icmkt-logo-prev img { width: 100%; height: 100%; object-fit: contain; }

/* Products */
.icmkt-plist { display: grid; gap: 10px; margin-top: 20px; }
.icmkt-pitem { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; }
.icmkt-pimg { width: 64px; height: 64px; flex: none; background: var(--paper); border-radius: 8px; overflow: hidden; }
.icmkt-pimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.icmkt-pbody { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.icmkt-pbody strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.icmkt-pbody span { color: var(--muted); font-size: .9rem; }
.icmkt-pactions { display: flex; gap: 6px; }
.icmkt-mini { padding: 6px 12px; font: inherit; font-size: .85rem; font-weight: 600; color: var(--ink); background: #fff; border: 1px solid #ccd3e3; border-radius: 6px; cursor: pointer; }
.icmkt-danger { color: var(--danger); border-color: #f0c4bf; }
.icmkt-empty { margin: 20px 0 0; color: var(--muted); }
.is-editing { outline: 3px solid rgba(4, 35, 113, .25); }

.icmkt-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 99999; max-width: 90vw; padding: 12px 18px; border-radius: 8px; color: #fff; background: var(--ink, #17213b); font: 600 .92rem/1.3 system-ui, sans-serif; }
.icmkt-toast.is-error { background: #c0140f; }

@media (prefers-reduced-motion: no-preference) {
	.icmkt-toast { animation: icmkt-in .2s ease-out; }
}
@keyframes icmkt-in { from { opacity: 0; transform: translate(-50%, 8px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* Fixes: label-styled button and the hidden attribute */
.icmkt-app label.icmkt-filebtn { display: inline-block; margin: 0 0 6px; }
.icmkt-app [hidden] { display: none !important; }

/* Orders list */
.icmkt-olist { display: grid; gap: 10px; }
.icmkt-order { padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; }
.icmkt-order.is-done { opacity: .6; }
.icmkt-order p { margin: 2px 0; font-size: .92rem; }
.icmkt-o-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.icmkt-o-meta { color: var(--muted); }
.icmkt-order .icmkt-row { margin-top: 10px; }
.icmkt-order a.icmkt-mini { text-decoration: none; display: inline-block; }

/* Verification + Turnstile */
.icmkt-soft { margin: 0 0 14px; padding: 10px 12px; font-size: .92rem; background: #fff7e6; border: 1px solid #f1d9a4; border-radius: 8px; color: #6b4a00; }
.icmkt-link-btn { padding: 0; font: inherit; font-weight: 700; color: var(--accent); background: none; border: 0; text-decoration: underline; cursor: pointer; }
.icmkt-banner { margin: 0 0 16px; padding: 12px 14px; border-radius: 8px; font-weight: 600; font-size: .94rem; }
.icmkt-banner.is-ok { background: #d9f2e8; color: #065f44; }
.icmkt-banner.is-bad { background: #fde4e1; color: var(--danger); }
.icmkt-ts { margin: 0 0 12px; }

/* Second brand color */
.icmkt-c2 { display: block; margin-bottom: 14px; }
.icmkt-c2 .icmkt-check { display: flex; align-items: center; gap: 8px; font-weight: 600; margin: 0; }
.icmkt-c2 .icmkt-check input { width: auto; margin: 0; }
.icmkt-app .icmkt-c2 input[type="color"]:disabled { opacity: .4; }
.icmkt-c2 small { display: block; margin-top: 6px; color: #5d6985; }

.icmkt-o-items { margin: 6px 0 8px 18px; padding: 0; font-size: .92rem; }
.icmkt-o-items li { margin: 2px 0; }

/* Store QR code card + printing partner */
.icmkt-qr { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.icmkt-qr h4 { margin: 0 0 12px; font-size: 1.05rem; }
.icmkt-qr-body { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.icmkt-qr-img { flex: none; width: 160px; height: 160px; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 4px; }
.icmkt-qr-body > div { flex: 1; min-width: 220px; }
.icmkt-qr .icmkt-btn { padding: 9px 14px; font-size: .9rem; }
.icmkt-print { margin-top: 18px; padding: 14px 16px; background: #f5f7fc; border: 1px solid #e1e6f1; border-left: 5px solid var(--brand-red); border-radius: 8px; }
.icmkt-print p { margin: 4px 0 12px; font-size: .92rem; }
.icmkt-btn-print { color: #fff; background: var(--brand-red); border-color: var(--brand-red); }

/* eVendor brand */
.icmkt-app h2, .icmkt-app h3, .icmkt-box h2 { color: var(--accent); }
.icmkt-app a, .icmkt-box a { color: var(--accent); }
.icmkt-app .icmkt-btn, .icmkt-box .icmkt-btn { color: var(--accent-ink); }
.icmkt-app .icmkt-btn-ghost { color: var(--ink); }
.icmkt-app .icmkt-btn-print { color: #fff; }


/* ==========================================================================
   0.8.0: readable buttons on every theme, hover effects, order export,
   description word counter and the LAskill printing partner box.
   Themes and page builders often style every <a> and <button> on the page
   (link colors, hover colors, button backgrounds). These rules win over them,
   so blue and red buttons always keep white text.
   ========================================================================== */

.icmkt-app .icmkt-btn,
.icmkt-box .icmkt-btn,
.icmkt-app .icmkt-btn:link,
.icmkt-app .icmkt-btn:visited,
.icmkt-box .icmkt-btn:link,
.icmkt-box .icmkt-btn:visited,
.icmkt-app .icmkt-btn:hover,
.icmkt-app .icmkt-btn:focus,
.icmkt-app .icmkt-btn:active,
.icmkt-box .icmkt-btn:hover,
.icmkt-box .icmkt-btn:focus,
.icmkt-box .icmkt-btn:active {
	background-color: var(--accent) !important;
	background-image: none !important;
	border: 1px solid var(--accent) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-decoration: none !important;
	text-shadow: none !important;
	opacity: 1;
}
.icmkt-app .icmkt-btn:hover,
.icmkt-box .icmkt-btn:hover {
	background-color: #EA1711 !important;
	border-color: #EA1711 !important;
}

/* Ghost (white) buttons keep dark text */
.icmkt-app .icmkt-btn.icmkt-btn-ghost,
.icmkt-app .icmkt-btn.icmkt-btn-ghost:link,
.icmkt-app .icmkt-btn.icmkt-btn-ghost:visited,
.icmkt-app .icmkt-btn.icmkt-btn-ghost:focus,
.icmkt-app .icmkt-btn.icmkt-btn-ghost:active {
	background-color: #ffffff !important;
	border-color: #ccd3e3 !important;
	color: var(--ink) !important;
	-webkit-text-fill-color: var(--ink) !important;
}
.icmkt-app .icmkt-btn.icmkt-btn-ghost:hover {
	background-color: var(--accent) !important;
	border-color: var(--accent) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Disabled buttons stay readable */
.icmkt-app .icmkt-btn[disabled],
.icmkt-box .icmkt-btn[disabled],
.icmkt-app .icmkt-btn[disabled]:hover,
.icmkt-box .icmkt-btn[disabled]:hover {
	background-color: #8a96b4 !important;
	border-color: #8a96b4 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1;
	transform: none !important;
	box-shadow: none !important;
	cursor: not-allowed;
}

/* Small white buttons (Edit, Mark as done, Reply on WhatsApp) */
.icmkt-app .icmkt-mini,
.icmkt-app .icmkt-mini:link,
.icmkt-app .icmkt-mini:visited,
.icmkt-app .icmkt-mini:focus {
	background-color: #ffffff !important;
	background-image: none !important;
	border: 1px solid #ccd3e3 !important;
	color: var(--ink) !important;
	-webkit-text-fill-color: var(--ink) !important;
	text-decoration: none !important;
}
.icmkt-app .icmkt-mini:hover {
	background-color: var(--accent) !important;
	border-color: var(--accent) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
.icmkt-app .icmkt-mini.icmkt-danger,
.icmkt-app .icmkt-mini.icmkt-danger:focus {
	color: var(--danger) !important;
	-webkit-text-fill-color: var(--danger) !important;
	border-color: #f0c4bf !important;
}
.icmkt-app .icmkt-mini.icmkt-danger:hover {
	background-color: var(--danger) !important;
	border-color: var(--danger) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Text style buttons */
.icmkt-app .icmkt-link-btn,
.icmkt-app .icmkt-link-btn:hover,
.icmkt-app .icmkt-link-btn:focus {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--accent) !important;
	-webkit-text-fill-color: var(--accent) !important;
	padding: 0 !important;
}

/* Hover and press motion */
.icmkt-btn,
.icmkt-mini {
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.icmkt-btn:not([disabled]):hover,
.icmkt-mini:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(4, 35, 113, .18);
}
.icmkt-btn:not([disabled]):active,
.icmkt-mini:active { transform: translateY(0); box-shadow: none; }
.icmkt-card { transition: box-shadow .25s ease, border-color .25s ease; }
.icmkt-card:hover { box-shadow: 0 12px 30px rgba(4, 35, 113, .07); border-color: #d3dbee; }
.icmkt-pitem, .icmkt-order { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.icmkt-pitem:hover, .icmkt-order:hover { border-color: #c5cfe6; box-shadow: 0 6px 16px rgba(4, 35, 113, .07); }
.icmkt-link { transition: color .2s ease; }
.icmkt-app a.icmkt-link:hover { color: #EA1711; }
.icmkt-app input:focus, .icmkt-app select:focus, .icmkt-app textarea:focus { transition: border-color .2s ease, outline-color .2s ease; }

/* Orders card header and export */
.icmkt-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 10px; }
.icmkt-card-head h3 { margin: 0; }
.icmkt-export { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.icmkt-app .icmkt-export label { margin: 0; }
.icmkt-app .icmkt-export select { width: auto; margin: 0; padding: 8px 10px; font-size: .88rem; }
.icmkt-app .icmkt-btn.icmkt-btn-sm { padding: 8px 14px; font-size: .88rem; }
.icmkt-app .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Description word counter */
.icmkt-app small.icmkt-wc { transition: color .2s ease; }
.icmkt-app small.icmkt-wc.is-near { color: var(--warn); }
.icmkt-app small.icmkt-wc.is-over { color: var(--danger); font-weight: 600; }
.icmkt-app textarea.is-over { border-color: var(--danger) !important; }

/* LAskill printing partner (LAskill brand: #d99515 gold, #232323 charcoal) */
.icmkt-app .icmkt-print {
	position: relative;
	margin-top: 20px;
	padding: 20px 20px 18px;
	background: #232323;
	border: 0;
	border-left: 5px solid #d99515;
	border-radius: 10px;
	color: #ffffff;
	overflow: hidden;
}
.icmkt-app .icmkt-print::after {
	content: "";
	position: absolute;
	right: -40px;
	top: -40px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(217, 149, 21, .28), rgba(217, 149, 21, 0) 70%);
	pointer-events: none;
}
.icmkt-app .icmkt-print-tag {
	display: inline-block;
	margin-bottom: 8px;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(217, 149, 21, .16);
	color: #d99515;
	font-size: .76rem;
	font-weight: 700;
}
.icmkt-app .icmkt-print strong { display: block; color: #d99515; font-size: 1.05rem; }
.icmkt-app .icmkt-print p { color: #f1f1f1; margin: 6px 0 14px; }
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print,
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print:link,
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print:visited,
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print:focus {
	background-color: #d99515 !important;
	border-color: #d99515 !important;
	color: #232323 !important;
	-webkit-text-fill-color: #232323 !important;
	font-weight: 700;
}
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print:hover {
	background-color: #f0aa25 !important;
	border-color: #f0aa25 !important;
	color: #232323 !important;
	-webkit-text-fill-color: #232323 !important;
	box-shadow: 0 8px 18px rgba(217, 149, 21, .35);
}
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print-alt,
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print-alt:link,
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print-alt:visited,
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print-alt:focus {
	background-color: transparent !important;
	border-color: #d99515 !important;
	color: #d99515 !important;
	-webkit-text-fill-color: #d99515 !important;
}
.icmkt-app .icmkt-print .icmkt-btn.icmkt-btn-print-alt:hover {
	background-color: #d99515 !important;
	color: #232323 !important;
	-webkit-text-fill-color: #232323 !important;
}

@media (prefers-reduced-motion: reduce) {
	.icmkt-btn, .icmkt-mini, .icmkt-card, .icmkt-pitem, .icmkt-order { transition: none !important; }
	.icmkt-btn:hover, .icmkt-mini:hover { transform: none !important; }
}

/* ==========================================================================
   1.0.0: plans, done for you setup, referrals and custom domain
   ========================================================================== */
.icmkt-app .icmkt-banner.is-warn { background: #fff7e6; border-color: #f3d18a; color: #7a4b00; }
.icmkt-pill { display: inline-block; padding: 4px 12px; border-radius: 999px; background: #eef1f8; color: var(--ink); font-size: .8rem; font-weight: 700; }
.icmkt-pill.is-trial { background: #fff0ef; color: #b10f0a; }
.icmkt-pill.is-paid { background: #e8f7ee; color: #137a3d; }
.icmkt-usage { margin: 14px 0 16px; }
.icmkt-usage-top { display: flex; justify-content: space-between; font-size: .9rem; margin-bottom: 6px; }
.icmkt-bar { height: 8px; border-radius: 99px; background: #eef1f8; overflow: hidden; }
.icmkt-bar i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #042371, #EA1711); transition: width .6s ease; }
.icmkt-app .icmkt-warn-text { display: block; margin-top: 6px; color: #9a5b00; }
.icmkt-insights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.icmkt-insights div { padding: 12px 14px; border-radius: 10px; background: #f5f7fc; }
.icmkt-insights span { display: block; font-size: .78rem; color: var(--muted); }
.icmkt-insights strong { display: block; font-size: 1.25rem; color: #042371; }
.icmkt-locked { padding: 12px 14px; border-radius: 10px; background: #f5f7fc; color: var(--muted); font-size: .9rem; }
.icmkt-period { display: inline-flex; gap: 6px; padding: 4px; margin: 6px 0 14px; border-radius: 999px; background: #f0f3fa; }
.icmkt-app .icmkt-period .icmkt-mini { border-radius: 999px !important; border-color: transparent !important; background-color: transparent !important; }
.icmkt-app .icmkt-period .icmkt-mini.is-on { background-color: #042371 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.icmkt-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.icmkt-plan-opt { position: relative; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 14px; transition: border-color .25s, box-shadow .25s, transform .25s; }
.icmkt-plan-opt:hover { border-color: #c5cfe8; box-shadow: 0 12px 28px rgba(4, 35, 113, .08); transform: translateY(-3px); }
.icmkt-plan-opt.is-pop { border: 2px solid #042371; }
.icmkt-pop { position: absolute; top: -11px; left: 16px; padding: 2px 10px; border-radius: 999px; background: #EA1711; color: #fff; font-size: .72rem; font-weight: 700; }
.icmkt-plan-opt h4 { margin: 0 0 4px; color: #042371; font-size: 1.05rem; }
.icmkt-price { margin: 0 0 10px; }
.icmkt-price span { font-size: 1.7rem; font-weight: 800; color: var(--ink); }
.icmkt-price small { color: var(--muted); }
.icmkt-plan-opt ul { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 6px; font-size: .88rem; flex: 1; }
.icmkt-plan-opt li::before { content: "\2713"; color: #EA1711; font-weight: 800; margin-right: 8px; }
.icmkt-fine { margin: 12px 0 0; font-size: .8rem; color: var(--muted); }
.icmkt-dfy { border: 2px solid #042371; background: linear-gradient(135deg, #f5f7ff, #fff 60%); }
.icmkt-dfy-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.icmkt-dfy-price { flex: none; text-align: center; padding: 10px 14px; border-radius: 12px; background: #042371; color: #fff; }
.icmkt-dfy-price strong { display: block; font-size: 1.5rem; line-height: 1; }
.icmkt-dfy-price span { font-size: .72rem; opacity: .8; }
.icmkt-dfy-form { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.icmkt-copy { display: flex; gap: 8px; margin: 12px 0; }
.icmkt-app .icmkt-copy input { flex: 1; margin: 0; background: #f5f7fc; }
.icmkt-inline-form { display: grid; gap: 10px; margin-top: 12px; }
.icmkt-steps { margin: 8px 0 12px; padding-left: 20px; font-size: .9rem; display: grid; gap: 6px; }
.icmkt-steps code { background: #f0f3fa; padding: 1px 6px; border-radius: 4px; }
.icmkt-domain-state { margin: 10px 0 0; font-size: .9rem; color: #9a5b00; }
.icmkt-domain-state.is-ok { color: #137a3d; }
@media (max-width: 640px) {
	.icmkt-plans, .icmkt-insights { grid-template-columns: 1fr; }
	.icmkt-dfy-head { flex-direction: column; }
}
.icmkt-app .icmkt-price small { display: inline; margin-left: 2px; }
.icmkt-plan-opt ul { align-content: start; }

/* 1.0.1: setup price, Live label and Preview button */
.icmkt-dfy-head { margin-bottom: 18px; }
.icmkt-dfy-price { background: #EA1711; box-shadow: 0 10px 22px rgba(234, 23, 17, .25); }
.icmkt-app .icmkt-pill.icmkt-pill-live { display: inline-flex; align-items: center; gap: 7px; background: #e3f6ea; color: #137a3d; }
.icmkt-app .icmkt-pill.icmkt-pill-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #1fa855; box-shadow: 0 0 0 3px rgba(31, 168, 85, .2); }
.icmkt-app a.icmkt-preview,
.icmkt-app a.icmkt-preview:link,
.icmkt-app a.icmkt-preview:visited,
.icmkt-app a.icmkt-preview:focus { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 999px; background-color: #EA1711 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 700; text-decoration: none !important; transition: background-color .2s, transform .2s; }
.icmkt-app a.icmkt-preview:hover { background-color: #c9110c !important; transform: translateY(-1px); }
.icmkt-ref-how { margin: 0 0 12px; padding-left: 20px; display: grid; gap: 6px; font-size: .92rem; color: var(--muted); }