/* Tech Akhil Marketing ROI Calculator — responsive magenta SaaS UI */
.dm-roi-widget {
    --dm-primary:#b20d55;
    --dm-card:#fff;
    max-width:1500px;
    margin:28px auto;
    padding:18px;
    background:#f7f8fc;
    color:#111b35;
    border:1px solid #e4e9f3;
    border-radius:18px;
    box-shadow:0 12px 38px rgba(26,35,67,.08);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    box-sizing:border-box;
    line-height:1.5
}
.dm-roi-widget * {
    box-sizing:border-box
}
.dm-roi-widget h2 {
    margin:0;
    padding:20px 24px;
    border-radius:13px;
    background:linear-gradient(105deg,#f41464 0%,#bd0758 55%,#86105f 100%);
    color:#fff;
    font-size:clamp(22px,2.6vw,32px);
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.025em;
    box-shadow:0 5px 14px rgba(177,13,85,.18)
}
.dm-roi-widget>.dm-roi-intro {
    display:none
}
.dm-roi-widget .dm-roi-form {
    margin-top:18px;
    padding:0;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);
    gap:18px;
    align-items:start
}
.dm-roi-widget .dm-roi-template-picker {
    grid-column:1/-1;
    margin:0!important;
    padding:18px 20px;
    background:#fff;
    border:1px solid #e7eaf2;
    border-radius:14px;
    box-shadow:0 4px 15px rgba(31,41,75,.035)
}
.dm-roi-widget .dm-roi-template-picker label,.dm-roi-widget .dm-roi-full>label {
    display:block;
    font-weight:750;
    font-size:15px;
    color:#111b35;
    margin:0 0 8px
}
.dm-roi-widget .dm-roi-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    padding:20px;
    background:#fff;
    border:1px solid #e7eaf2;
    border-radius:14px;
    box-shadow:0 4px 15px rgba(31,41,75,.035);
    min-width:0
}
.dm-roi-widget .dm-roi-full {
    grid-column:1/-1
}
.dm-roi-widget .dm-roi-dynamic-field {
    min-width:0
}
.dm-roi-widget label {
    display:block;
    font-weight:650;
    font-size:14px;
    margin:0 0 7px;
    color:#18233e
}
.dm-roi-widget input,.dm-roi-widget select,.dm-roi-widget textarea {
    width:100%;
    min-height:46px;
    padding:11px 13px;
    border:1px solid #cbd6e8;
    border-radius:9px;
    background:#fff;
    color:#111b35;
    font:inherit;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.02);
    transition:border-color .15s,box-shadow .15s
}
.dm-roi-widget input:focus,.dm-roi-widget select:focus,.dm-roi-widget textarea:focus {
    outline:0;
    border-color:var(--dm-primary);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--dm-primary) 15%,transparent)
}
.dm-roi-widget .dm-roi-form button[type=submit],.dm-roi-widget .dm-roi-calculate {
    grid-column:1;
    min-height:56px;
    width:100%;
    padding:14px 20px;
    border:0;
    border-radius:10px;
    background:linear-gradient(105deg,#f41464,#a90059);
    color:#fff;
    font-size:18px;
    font-weight:800;
    box-shadow:0 5px 12px rgba(177,13,85,.18);
    cursor:pointer
}
.dm-roi-widget .dm-roi-btn {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:10px 15px;
    border:1px solid var(--dm-primary);
    border-radius:9px;
    background:var(--dm-primary);
    color:#fff;
    font-weight:700;
    cursor:pointer;
    text-decoration:none;
    transition:transform .15s,box-shadow .15s
}
.dm-roi-widget .dm-roi-btn:hover {
    transform:translateY(-1px);
    box-shadow:0 5px 13px rgba(20,30,60,.12)
}
.dm-roi-widget .dm-roi-btn:focus-visible {
    outline:3px solid #111;
    outline-offset:3px
}
.dm-roi-widget .dm-roi-results {
    margin-top:18px;
    padding:20px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e5eaf3;
    box-shadow:0 5px 18px rgba(31,41,75,.04)
}
.dm-roi-widget .dm-roi-results-title {
    font-size:22px;
    font-weight:800;
    color:#fff;
    margin:-20px -20px 14px;
    padding:16px 20px;
    border-radius:13px 13px 0 0;
    background:linear-gradient(105deg,#f41464,#a90059)
}
.dm-roi-widget .dm-roi-results-platform {
    font-size:13px;
    color:#64718b;
    margin:0 0 12px
}
.dm-roi-widget .dm-roi-metrics {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:14px 0
}
.dm-roi-widget .dm-roi-metric {
    padding:15px 14px;
    background:linear-gradient(145deg,#fff,#fafbff);
    border:1px solid #e7eaf4;
    border-radius:12px;
    min-width:0;
    box-shadow:0 3px 10px rgba(31,41,75,.025)
}
.dm-roi-widget .dm-roi-metric:nth-child(4n+1) {
    background:linear-gradient(145deg,#fbf0ff,#fff)
}
.dm-roi-widget .dm-roi-metric:nth-child(4n+2) {
    background:linear-gradient(145deg,#ecfff6,#fff)
}
.dm-roi-widget .dm-roi-metric:nth-child(4n+3) {
    background:linear-gradient(145deg,#edf6ff,#fff)
}
.dm-roi-widget .dm-roi-metric:nth-child(4n) {
    background:linear-gradient(145deg,#fff3e7,#fff)
}
.dm-roi-widget .dm-roi-metric span {
    display:block;
    color:#5f6b83;
    font-size:12px;
    font-weight:650;
    margin-bottom:5px
}
.dm-roi-widget .dm-roi-metric strong {
    display:block;
    font-size:clamp(17px,1.5vw,24px);
    line-height:1.25;
    overflow-wrap:anywhere;
    color:var(--dm-primary);
    font-weight:850
}
.dm-roi-widget .dm-roi-actions {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:15px
}
.dm-roi-widget .dm-roi-whatsapp {
    background:#08794e;
    border-color:#08794e
}
.dm-roi-widget .dm-roi-status {
    margin-top:10px;
    font-size:14px;
    color:#48556d
}
.dm-roi-widget .dm-roi-compare-panel {
    margin-top:18px;
    padding:18px;
    border:1px solid #e3e9f4;
    border-radius:13px;
    background:#fff;
    overflow:hidden
}
.dm-roi-widget .dm-roi-compare-panel h3 {
    margin:0 0 14px;
    color:var(--dm-primary);
    font-size:21px
}
.dm-roi-widget .dm-roi-compare-picker {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
    padding:14px;
    margin-bottom:14px;
    background:#f8f9fd;
    border-radius:10px
}
.dm-roi-widget .dm-roi-compare-picker label {
    grid-column:1/-1
}
.dm-roi-widget .dm-roi-comparison-table {
    width:100%;
    border-collapse:collapse;
    font-size:13px
}
.dm-roi-widget .dm-roi-comparison-table th {
    background:#f2f4fa;
    color:#18233e;
    text-align:left;
    font-weight:750
}
.dm-roi-widget .dm-roi-comparison-table th,.dm-roi-widget .dm-roi-comparison-table td {
    padding:10px;
    border-bottom:1px solid #e6eaf2;
    vertical-align:top
}
.dm-roi-widget .dm-roi-comparison-table td {
    overflow-wrap:anywhere
}
.dm-roi-widget .dm-roi-comparison-winner {
    margin:12px 0 0;
    padding:12px 14px;
    border-radius:9px;
    background:#eafaf1;
    color:#12613e;
    font-weight:700
}
.dm-roi-widget .dm-roi-powered-by {
    margin:16px 0 0;
    text-align:center;
    font-size:12px;
    opacity:.8
}
.dm-roi-widget .dm-roi-powered-by a {
    color:var(--dm-primary)
}
.dm-roi-notice {
    padding:14px 16px;
    border:1px solid #e4b64d;
    border-radius:9px;
    background:#fffaf0;
    color:#60440b
}
.dm-roi-widget [hidden] {
    display:none!important
}
.dm-roi-widget.dm-roi-dark {
    background:#111827;
    color:#f8fafc;
    border-color:#374151
}
.dm-roi-widget.dm-roi-dark .dm-roi-form,.dm-roi-widget.dm-roi-dark .dm-roi-template-picker,.dm-roi-widget.dm-roi-dark .dm-roi-grid,.dm-roi-widget.dm-roi-dark .dm-roi-results,.dm-roi-widget.dm-roi-dark .dm-roi-metric,.dm-roi-widget.dm-roi-dark .dm-roi-compare-panel {
    background:#172033;
    color:#f8fafc;
    border-color:#334155
}
.dm-roi-widget.dm-roi-dark label,.dm-roi-widget.dm-roi-dark .dm-roi-template-picker label {
    color:#f8fafc
}
.dm-roi-widget.dm-roi-dark input,.dm-roi-widget.dm-roi-dark select {
    background:#0f172a;
    color:#f8fafc;
    border-color:#475569
}
.dm-roi-widget.dm-roi-dark .dm-roi-metric span,.dm-roi-widget.dm-roi-dark .dm-roi-results-platform {
    color:#cbd5e1
}
@media(min-width:1000px) {
    .dm-roi-widget .dm-roi-results {
        margin-top:18px
    }
    .dm-roi-widget .dm-roi-form {
        grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)
    }
    .dm-roi-widget .dm-roi-results {
        display:block
    }
}
@media(max-width:900px) {
    .dm-roi-widget .dm-roi-form {
        grid-template-columns:1fr
    }
    .dm-roi-widget .dm-roi-template-picker {
        grid-column:auto
    }
    .dm-roi-widget .dm-roi-form button[type=submit],.dm-roi-widget .dm-roi-calculate {
        grid-column:auto
    }
    .dm-roi-widget .dm-roi-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:560px) {
    .dm-roi-widget {
        padding:10px;
        margin:14px auto;
        border-radius:13px
    }
    .dm-roi-widget h2 {
        padding:17px;
        font-size:22px
    }
    .dm-roi-widget .dm-roi-form {
        gap:12px;
        margin-top:12px
    }
    .dm-roi-widget .dm-roi-grid,.dm-roi-widget .dm-roi-template-picker {
        padding:14px
    }
    .dm-roi-widget .dm-roi-grid {
        grid-template-columns:1fr;
        gap:12px
    }
    .dm-roi-widget .dm-roi-full {
        grid-column:auto
    }
    .dm-roi-widget .dm-roi-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px
    }
    .dm-roi-widget .dm-roi-metric {
        padding:11px
    }
    .dm-roi-widget .dm-roi-results {
        padding:13px
    }
    .dm-roi-widget .dm-roi-results-title {
        margin:-13px -13px 12px;
        padding:14px;
        font-size:19px
    }
    .dm-roi-widget .dm-roi-actions {
        display:grid;
        grid-template-columns:1fr
    }
    .dm-roi-widget .dm-roi-btn {
        width:100%
    }
    .dm-roi-widget .dm-roi-compare-picker {
        grid-template-columns:1fr
    }
    .dm-roi-widget .dm-roi-compare-picker label {
        grid-column:auto
    }
    .dm-roi-widget .dm-roi-comparison-table {
        min-width:720px
    }
    .dm-roi-widget .dm-roi-compare-list {
        overflow-x:auto
    }
}
@media print {
    body * {
        visibility:hidden!important
    }
    .dm-roi-widget,.dm-roi-widget * {
        visibility:visible!important
    }
    .dm-roi-widget {
        position:absolute!important;
        left:0!important;
        top:0!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#fff!important;
        color:#111!important
    }
    .dm-roi-widget .dm-roi-form button[type=submit],.dm-roi-widget .dm-roi-actions,.dm-roi-widget .dm-roi-status,.dm-roi-widget .dm-roi-compare-clear {
        display:none!important
    }
    .dm-roi-widget .dm-roi-results {
        display:block!important;
        background:#fff!important;
        border:1px solid #ddd!important;
        break-inside:avoid
    }
    .dm-roi-widget .dm-roi-metric {
        background:#fff!important;
        color:#111!important;
        break-inside:avoid
    }
}
/* Desktop composition mirrors the supplied reference: campaign inputs left, results right. */
@media(min-width:1000px) {
    .dm-roi-widget {
        display:grid;
        grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
        gap:18px;
        align-items:start
    }
    .dm-roi-widget>h2 {
        grid-column:1/-1
    }
    .dm-roi-widget>.dm-roi-form {
        display:contents
    }
    .dm-roi-widget .dm-roi-template-picker {
        grid-column:1/-1
    }
    .dm-roi-widget .dm-roi-grid {
        grid-column:1;
        grid-row:auto;
        margin:0
    }
    .dm-roi-widget .dm-roi-results {
        grid-column:2;
        grid-row:3;
        margin:0;
        min-width:0
    }
    .dm-roi-widget .dm-roi-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .dm-roi-widget .dm-roi-grid>.dm-roi-full:last-child {
        grid-column:1/-1
    }
    .dm-roi-widget .dm-roi-results-title {
        font-size:20px
    }
}
@media(max-width:999px) {
    .dm-roi-widget {
        display:block
    }
    .dm-roi-widget>.dm-roi-form {
        display:grid
    }
    .dm-roi-widget .dm-roi-results {
        margin-top:16px
    }
}
/* v2.8.1: closer visual match to the supplied Tech Akhil ROI dashboard reference */
.dm-roi-widget {
    background:#f7f8fc!important;
    border:1px solid #e7edf6!important;
    border-radius:16px!important;
    padding:18px!important;
    box-shadow:0 10px 30px rgba(25,35,65,.07)!important;
    color:#111c39!important
}
.dm-roi-widget>h2 {
    background:linear-gradient(105deg,#f41464 0%,#c20a60 58%,#83115f 100%)!important;
    border-radius:12px!important;
    padding:20px 24px!important;
    font-size:clamp(23px,2.4vw,32px)!important;
    color:#fff!important;
    letter-spacing:-.025em!important
}
.dm-roi-widget .dm-roi-form {
    gap:18px!important;
    margin-top:18px!important;
    align-items:start!important
}
.dm-roi-widget .dm-roi-template-picker {
    background:#fff!important;
    border:1px solid #e5eaf3!important;
    border-radius:12px!important;
    padding:15px 18px!important;
    box-shadow:0 3px 12px rgba(30,40,75,.035)!important
}
.dm-roi-widget .dm-roi-grid {
    background:#fff!important;
    border:1px solid #e6ebf4!important;
    border-radius:12px!important;
    padding:18px!important;
    gap:15px!important;
    box-shadow:0 3px 12px rgba(30,40,75,.035)!important
}
.dm-roi-widget .dm-roi-template-picker label,.dm-roi-widget .dm-roi-full>label,.dm-roi-widget label {
    font-size:14px!important;
    font-weight:700!important;
    color:#101b37!important;
    line-height:1.45!important
}
.dm-roi-widget input,.dm-roi-widget select,.dm-roi-widget textarea {
    min-height:46px!important;
    border:1px solid #ccd7e8!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#101b37!important;
    padding:10px 13px!important;
    font-size:15px!important;
    box-shadow:none!important
}
.dm-roi-widget input:focus,.dm-roi-widget select:focus,.dm-roi-widget textarea:focus {
    border-color:var(--dm-primary)!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--dm-primary) 14%,transparent)!important;
    outline:none!important
}
.dm-roi-widget .dm-roi-form button[type=submit],.dm-roi-widget .dm-roi-calculate {
    background:linear-gradient(105deg,#f41464,#a90059)!important;
    color:#fff!important;
    border:0!important;
    border-radius:10px!important;
    min-height:58px!important;
    font-size:18px!important;
    font-weight:800!important;
    box-shadow:0 5px 14px rgba(177,13,85,.16)!important
}
.dm-roi-widget .dm-roi-results {
    background:#fff!important;
    border:1px solid #e5eaf3!important;
    border-radius:13px!important;
    padding:18px!important;
    box-shadow:0 4px 15px rgba(30,40,75,.035)!important;
    min-width:0!important
}
.dm-roi-widget .dm-roi-results-title {
    margin:-18px -18px 14px!important;
    padding:16px 19px!important;
    background:linear-gradient(105deg,#f41464,#a90059)!important;
    color:#fff!important;
    border-radius:12px 12px 0 0!important;
    font-size:21px!important
}
.dm-roi-widget .dm-roi-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important
}
.dm-roi-widget .dm-roi-metric {
    border:1px solid #e7eaf4!important;
    border-radius:12px!important;
    padding:15px!important;
    min-height:94px!important;
    box-shadow:none!important
}
.dm-roi-widget .dm-roi-metric:nth-child(4n+1) {
    background:linear-gradient(145deg,#fbedff,#fff)!important
}
.dm-roi-widget .dm-roi-metric:nth-child(4n+2) {
    background:linear-gradient(145deg,#eafff5,#fff)!important
}
.dm-roi-widget .dm-roi-metric:nth-child(4n+3) {
    background:linear-gradient(145deg,#eaf4ff,#fff)!important
}
.dm-roi-widget .dm-roi-metric:nth-child(4n) {
    background:linear-gradient(145deg,#fff1e3,#fff)!important
}
.dm-roi-widget .dm-roi-metric span {
    font-size:12px!important;
    color:#52617a!important;
    font-weight:650!important
}
.dm-roi-widget .dm-roi-metric strong {
    font-size:clamp(18px,1.45vw,25px)!important;
    color:var(--dm-primary)!important;
    font-weight:850!important
}
.dm-roi-widget .dm-roi-assumption {
    background:#f4f7fc!important;
    border:1px solid #e4eaf4!important;
    border-radius:10px!important;
    color:#263550!important;
    line-height:1.55!important
}
.dm-roi-widget .dm-roi-actions {
    gap:10px!important;
    margin-top:15px!important
}
.dm-roi-widget .dm-roi-btn {
    min-height:44px!important;
    border-radius:9px!important;
    font-size:14px!important;
    font-weight:750!important
}
.dm-roi-widget .dm-roi-whatsapp {
    background:#08794e!important;
    border-color:#08794e!important;
    color:#fff!important
}
.dm-roi-widget .dm-roi-compare-panel {
    border:1px solid #e4eaf4!important;
    border-radius:12px!important;
    padding:16px!important;
    background:#fff!important
}
.dm-roi-widget .dm-roi-compare-panel h3 {
    color:var(--dm-primary)!important;
    font-weight:800!important
}
.dm-roi-widget .dm-roi-compare-picker {
    background:#f6f8fc!important;
    border:1px solid #e7ebf3!important;
    border-radius:10px!important
}
.dm-roi-widget .dm-roi-comparison-table th {
    background:#f1f4fa!important;
    color:#14203c!important
}
.dm-roi-widget .dm-roi-comparison-table td,.dm-roi-widget .dm-roi-comparison-table th {
    padding:11px 12px!important;
    border-bottom:1px solid #e5eaf2!important
}
/* The template selector uses native option rows; keep labels aligned and legible. */
.dm-roi-widget .dm-roi-platform {
    font-weight:600!important
}
/* Admin pages: match the same magenta / white-card system. */
.wrap .button-primary {
    background:linear-gradient(105deg,#f41464,#a90059)!important;
    border-color:#b50b59!important;
    color:#fff!important;
    box-shadow:none!important
}
.wrap .widefat {
    background:#fff;
    border:1px solid #e2e7f0!important;
    border-radius:10px!important;
    overflow:hidden
}
.wrap .widefat thead th {
    background:#f2f4f9!important;
    color:#18233e!important
}
.wrap .widefat td,.wrap .widefat th {
    padding:12px!important;
    vertical-align:middle!important
}
@media(min-width:1000px) {
    .dm-roi-widget {
        grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
        gap:18px!important
    }
    .dm-roi-widget .dm-roi-results {
        grid-column:2!important;
        grid-row:3!important
    }
    .dm-roi-widget .dm-roi-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}
@media(max-width:999px) {
    .dm-roi-widget .dm-roi-form {
        grid-template-columns:1fr!important
    }
    .dm-roi-widget .dm-roi-results {
        grid-column:auto!important;
        grid-row:auto!important
    }
}
@media(max-width:560px) {
    .dm-roi-widget {
        padding:10px!important;
        margin:14px auto!important
    }
    .dm-roi-widget>h2 {
        padding:16px!important;
        font-size:22px!important
    }
    .dm-roi-widget .dm-roi-grid {
        padding:13px!important;
        grid-template-columns:1fr!important
    }
    .dm-roi-widget .dm-roi-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important
    }
    .dm-roi-widget .dm-roi-metric {
        padding:10px!important;
        min-height:82px!important
    }
    .dm-roi-widget .dm-roi-results {
        padding:13px!important
    }
    .dm-roi-widget .dm-roi-results-title {
        margin:-13px -13px 12px!important;
        padding:13px!important;
        font-size:19px!important
    }
    .dm-roi-widget .dm-roi-actions {
        display:grid!important;
        grid-template-columns:1fr!important
    }
    .dm-roi-widget .dm-roi-btn {
        width:100%!important
    }
}
/* v2.8.2: correct the actual widget structure to match the supplied two-panel dashboard. */
@media (min-width: 1000px) {
    .dm-roi-widget {
        display:grid!important;
        grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
        gap:18px!important;
        align-items:stretch!important;
    }
    .dm-roi-widget > h2 {
        grid-column:1 / -1!important;
        grid-row:1!important;
        margin:0!important;
    }
    .dm-roi-widget > .dm-roi-intro {
        display:none!important;
    }
    .dm-roi-widget > .dm-roi-form {
        display:block!important;
        grid-column:1!important;
        grid-row:2!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        border:1px solid #e5eaf3!important;
        border-radius:13px!important;
        overflow:hidden!important;
        box-shadow:0 4px 15px rgba(30,40,75,.035)!important;
    }
    .dm-roi-widget > .dm-roi-form:before {
        content:"Campaign Details";
        display:block;
        padding:16px 20px;
        color:#fff;
        font-size:21px;
        font-weight:800;
        line-height:1.3;
        background:linear-gradient(105deg,#f41464 0%,#c20a60 58%,#83115f 100%);
    }
    .dm-roi-widget .dm-roi-template-picker {
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        padding:20px 20px 0!important;
    }
    .dm-roi-widget .dm-roi-grid {
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        padding:18px 20px 20px!important;
    }
    .dm-roi-widget > .dm-roi-results {
        display:block!important;
        grid-column:2!important;
        grid-row:2!important;
        align-self:stretch!important;
        min-width:0!important;
        margin:0!important;
    }
    .dm-roi-widget .dm-roi-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media (max-width: 999px) {
    .dm-roi-widget {
        display:block!important;
    }
    .dm-roi-widget > .dm-roi-form {
        display:block!important;
        margin:16px 0 0!important;
    }
    .dm-roi-widget > .dm-roi-form:before {
        content:"Campaign Details";
        display:block;
        padding:15px 18px;
        color:#fff;
        font-size:20px;
        font-weight:800;
        background:linear-gradient(105deg,#f41464,#a90059);
        border-radius:12px 12px 0 0;
    }
    .dm-roi-widget > .dm-roi-results {
        display:block!important;
        margin-top:16px!important;
    }
    .dm-roi-widget .dm-roi-template-picker {
        margin:0!important;
    }
}
/* Template identity and a dedicated, complete print report. */
.dm-roi-widget .dm-roi-template-identity {
    display:flex;
    align-items:center;
    gap:14px;
    margin:14px 0 18px;
    padding:14px 18px;
    border:1px solid #e7eaf2;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 14px rgba(31,41,75,.035)
}
.dm-roi-widget .dm-roi-template-identity-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 54px;
    width:54px;
    height:54px;
    border-radius:13px;
    background:color-mix(in srgb,var(--dm-primary) 10%,#fff);
    color:var(--dm-primary);
    font-size:31px;
    font-weight:800;
    line-height:1
}
.dm-roi-widget .dm-roi-template-identity strong,.dm-roi-widget .dm-roi-template-identity span {
    display:block
}
.dm-roi-widget .dm-roi-template-identity strong {
    font-size:clamp(20px,2vw,27px);
    line-height:1.2;
    color:var(--dm-primary);
    font-weight:850
}
.dm-roi-widget .dm-roi-template-identity div>span {
    margin-top:4px;
    color:#536078;
    font-size:14px
}
.dm-roi-widget .dm-roi-print-report {
    display:none
}
@media(max-width:560px) {
    .dm-roi-widget .dm-roi-template-identity {
        padding:12px;
        gap:11px
    }
    .dm-roi-widget .dm-roi-template-identity-icon {
        flex-basis:46px;
        width:46px;
        height:46px;
        font-size:26px
    }
}
@media print {
    @page {
        size:auto;
        margin:14mm
    }
    body * {
        visibility:hidden!important
    }
    .dm-roi-widget,.dm-roi-widget * {
        visibility:visible!important
    }
    .dm-roi-widget {
        position:static!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#fff!important;
        color:#111!important;
        display:block!important
    }
    .dm-roi-widget>h2,.dm-roi-widget>.dm-roi-intro,.dm-roi-widget>.dm-roi-template-identity,.dm-roi-widget>.dm-roi-form,.dm-roi-widget>.dm-roi-results,.dm-roi-widget>.dm-roi-powered-by {
        display:none!important
    }
    .dm-roi-widget .dm-roi-print-report {
        display:block!important;
        position:static!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        color:#111!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:10pt!important
    }
    .dm-roi-print-report-header {
        display:flex!important;
        justify-content:space-between!important;
        align-items:flex-start!important;
        gap:16px!important;
        padding:0 0 12px!important;
        border-bottom:3px solid #a90050!important;
        margin-bottom:16px!important
    }
    .dm-roi-print-brand {
        font-size:19pt!important;
        font-weight:800!important;
        color:#a90050!important
    }
    .dm-roi-print-date {
        font-size:9pt!important;
        color:#555!important;
        text-align:right!important
    }
    .dm-roi-print-template {
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
        margin:12px 0!important;
        padding:12px!important;
        border:1px solid #ddd!important;
        border-radius:8px!important;
        break-inside:avoid!important
    }
    .dm-roi-print-template .dm-roi-template-identity-icon {
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:44px!important;
        height:44px!important;
        flex:0 0 44px!important;
        background:#f8eaf1!important;
        color:#a90050!important;
        font-size:24pt!important
    }
    .dm-roi-print-template strong,.dm-roi-print-template span {
        display:block!important
    }
    .dm-roi-print-template strong {
        font-size:16pt!important;
        color:#a90050!important
    }
    .dm-roi-print-template div span {
        font-size:9pt!important;
        color:#555!important
    }
    .dm-roi-print-campaign {
        font-size:11pt!important;
        font-weight:700!important;
        margin:12px 0!important
    }
    .dm-roi-print-section {
        margin:14px 0!important;
        break-inside:avoid!important
    }
    .dm-roi-print-section h3 {
        padding:8px 10px!important;
        margin:0!important;
        background:#fce7f3!important;
        color:#9d174d!important;
        font-size:12pt!important;
        border:1px solid #f3c4d9!important
    }
    .dm-roi-print-section table {
        width:100%!important;
        border-collapse:collapse!important;
        font-size:9.5pt!important
    }
    .dm-roi-print-section th,.dm-roi-print-section td {
        padding:6px 8px!important;
        border:1px solid #ddd!important;
        text-align:left!important;
        vertical-align:top!important
    }
    .dm-roi-print-section th {
        width:55%!important;
        background:#fafafa!important;
        font-weight:700!important;
        color:#222!important
    }
    .dm-roi-print-section td {
        overflow-wrap:anywhere!important;
        color:#111!important
    }
    .dm-roi-print-footer {
        margin-top:22px!important;
        padding-top:8px!important;
        border-top:1px solid #ddd!important;
        text-align:center!important;
        color:#555!important;
        font-size:9pt!important
    }
    .dm-roi-print-footer a {
        color:#a90050!important;
        text-decoration:none!important
    }
}
/* v2.8.8: place template identity directly under the main title and above both panels. */
@media (min-width:1000px) {
    .dm-roi-widget > .dm-roi-template-identity {
        grid-column:1 / -1!important;
        grid-row:2!important;
        align-self:stretch!important;
        min-width:0!important;
        margin:0!important;
        box-sizing:border-box!important;
    }
    .dm-roi-widget > .dm-roi-form {
        grid-row:3!important;
    }
    .dm-roi-widget > .dm-roi-results {
        grid-row:3!important;
    }
}
.dm-roi-widget .dm-roi-template-identity-icon {
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    overflow:visible!important;
    text-align:center!important;
    padding:0!important;
    min-width:54px!important;
    min-height:54px!important;
    line-height:1!important;
    flex-shrink:0!important;
}
.dm-roi-widget .dm-roi-template-identity>div {
    min-width:0!important;
    flex:1 1 auto!important;
}
@media(max-width:999px) {
    .dm-roi-widget>.dm-roi-template-identity {
        margin:14px 0!important;
    }
}