.utmify-settings { --utmify-ink:#193c55; --utmify-muted:#526d81; --utmify-line:#bfdce8; --utmify-surface:#fff; margin:24px 0; padding:24px; border:1px solid var(--utmify-line); border-radius:22px; background:linear-gradient(125deg,#effbff,#fff 70%); color:var(--utmify-ink); font:inherit; }
.utmify-settings *, .utmify-settings *::before, .utmify-settings *::after { box-sizing:border-box; }
.utmify-settings [hidden] { display:none !important; }
.utmify-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.utmify-eyebrow { font-size:10px; font-weight:800; letter-spacing:.12em; color:var(--utmify-muted); }
.utmify-settings h3 { margin:5px 0 8px; color:var(--utmify-ink); font-size:22px; }
.utmify-heading p { margin:0; font-size:13px; line-height:1.6; color:var(--utmify-muted); }
.utmify-badge { flex-shrink:0; border:1px solid var(--utmify-line); border-radius:99px; padding:8px 10px; font-size:11px; font-weight:700; }
.utmify-fields { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:start; gap:18px; margin:22px 0 16px; }
.utmify-fields > label:first-child { display:grid; gap:8px; font-size:13px; font-weight:700; }
.utmify-fields input[type=password] { width:100%; min-width:0; border:1px solid var(--utmify-line); border-radius:12px; background:var(--utmify-surface); color:var(--utmify-ink); font:inherit; font-size:16px; font-weight:400; padding:13px; }
.utmify-fields small { display:block; color:var(--utmify-muted); font-size:12px; font-weight:400; line-height:1.5; }
.utmify-toggle { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--utmify-line); border-radius:12px; font-size:13px; cursor:pointer; }
.utmify-settings input[type=checkbox] { width:20px; height:20px; flex:0 0 20px; margin:0; accent-color:#0299bb; }
.utmify-toggle strong { display:block; margin-bottom:4px; }
.utmify-clear { display:flex; align-items:center; gap:10px; font-size:12px; line-height:1.5; margin-bottom:18px; cursor:pointer; }
.utmify-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.utmify-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:11px 16px; border:1px solid #087d97; border-radius:11px; background:#087d97; color:white; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.utmify-button--outline { background:var(--utmify-surface); color:var(--utmify-ink); border-color:var(--utmify-line); }
.utmify-actions a { font-size:13px; font-weight:700; color:var(--utmify-ink); text-decoration:underline; text-underline-offset:3px; }
.utmify-message { margin:16px 0 8px; padding:12px 14px; border:1px solid var(--utmify-line); border-radius:12px; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.utmify-version { font-size:11px; color:var(--utmify-muted); margin:0 0 20px; }
.utmify-contract { margin:12px 0; padding:12px 14px; border-left:4px solid #db9200; border-radius:6px; background:var(--utmify-surface); color:var(--utmify-ink); font-size:13px; font-weight:700; line-height:1.6; }
.utmify-disclosure { display:grid; gap:10px; padding:16px; border-radius:14px; background:var(--utmify-surface); border:1px solid var(--utmify-line); }
.utmify-disclosure p { font-size:12px; line-height:1.7; color:var(--utmify-muted); margin:0; }
.utmify-disclosure strong { color:var(--utmify-ink); }
.utmify-deliveries { margin-top:24px; }
.utmify-deliveries-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.utmify-deliveries-heading h4 { margin:0; color:var(--utmify-ink); font-size:17px; }
.utmify-deliveries-heading small, .utmify-note { color:var(--utmify-muted); font-size:11px; line-height:1.7; }
.utmify-counts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.utmify-counts > div { border:1px solid var(--utmify-line); background:var(--utmify-surface); border-radius:12px; padding:12px; }
.utmify-counts span { display:block; font-size:11px; color:var(--utmify-muted); }
.utmify-counts strong { display:block; font-size:23px; margin-top:6px; }
.utmify-table-wrap { overflow-x:auto; max-width:100%; border:1px solid var(--utmify-line); border-radius:12px; }
.utmify-table-wrap table { width:100%; border-collapse:collapse; font-size:11px; text-align:left; color:var(--utmify-ink); }
.utmify-table-wrap caption { text-align:left; padding:12px; font-size:11px; color:var(--utmify-muted); }
.utmify-table-wrap th { font-weight:700; }
.utmify-table-wrap th, .utmify-table-wrap td { border-top:1px solid var(--utmify-line); padding:11px 12px; vertical-align:top; }
.utmify-table-wrap td:first-child { max-width:220px; overflow-wrap:anywhere; min-width:140px; }
.utmify-table-wrap td:not(:first-child) { min-width:95px; }
.utmify-settings :disabled { opacity:.55; cursor:not-allowed; }
.utmify-settings :focus-visible { outline:3px solid #08a4c8; outline-offset:3px; }
.utmify-settings--admin { --utmify-ink:#e7f2ff; --utmify-muted:#a9bdd0; --utmify-line:#29435c; --utmify-surface:#0d2238; background:linear-gradient(125deg,#102e43,#0c2035 75%); margin-top:0; }
[data-meta-capi] .utmify-fields > label { display:grid; gap:8px; min-width:0; font-size:13px; font-weight:700; }
[data-meta-capi] [data-capi-pixel] { width:100%; min-width:0; border:1px solid var(--utmify-line); border-radius:12px; background:var(--utmify-surface); color:var(--utmify-ink); font:inherit; padding:13px; }
[data-meta-capi] .utmify-toggle { margin-bottom:16px; }
[data-meta-capi] td small { display:block; margin-top:5px; overflow-wrap:anywhere; }
@media(max-width:650px) { .utmify-settings { padding:18px; } .utmify-heading { flex-wrap:wrap; } .utmify-fields { grid-template-columns:1fr; } .utmify-actions { align-items:stretch; flex-direction:column; } .utmify-actions a { padding:10px 0; } .utmify-counts { grid-template-columns:repeat(2,minmax(0,1fr)); } .utmify-counts > div:last-child { grid-column:1/-1; } }