/* PPM Tools: the shared look for the dashboard and every tool (wp-admin and the [ppm_tools] page). Matches the PPM Bulk CPT Importer. */
@font-face { font-family: 'PPM Neue Haas Text'; src: url('fonts/Neue-Haas-Grotesk-Text-Pro.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
/* The file named "...-Medium.woff2" is really the italic cut, so bold text uses the 75 Bold file (as the report does). */
@font-face { font-family: 'PPM Neue Haas Text'; src: url('fonts/neuehaasgrottext-75bold.otf') format('opentype'); font-weight: 600 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'PPM Neue Haas Display'; src: url('fonts/NeueHaasDisplay-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'PPM Neue Haas Display'; src: url('fonts/NeueHaasDisplay-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }

body.ppmt-screen { background: #ebeef9; }
body.ppmt-screen #wpcontent { padding-left: 0; }
.wrap.ppmt-wrap { margin: 0; }

.aiv, .aiv * { box-sizing: border-box; }
.aiv {
	--cta: #5339dd; --cta-dark: #432cc0; --purple: #522b82; --navy: #2c3d88; --plum: #2f052d;
	--text: #303030; --mute: #606074; --soft: #747488; --line: #cfcfe4; --bg: #ebeef9; --lav: #e4e1ff;
	--bad: #b33a5b; --ok: #1e8e5a;
	background: var(--bg); color: var(--text); font-family: 'PPM Neue Haas Text', Arial, sans-serif; font-size: 15px; line-height: 1.5;
	min-height: calc(100vh - 32px);
}

/* header */
.aiv-hero { position: relative; overflow: hidden; padding: 34px 40px 38px; color: #fff; background: linear-gradient(120deg, #522b82 0%, #3c328e 48%, #2c3d88 100%); }
.aiv-hero::after { content: ''; position: absolute; inset: 0; opacity: .13; background-image: radial-gradient(circle at 20% 30%, #fff 0 1px, transparent 1.5px); background-size: 20px 20px; pointer-events: none; }
.aiv-hero-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 28px; max-width: 1240px; }
.aiv-brand { display: flex; align-items: center; gap: 24px; }
.aiv-hero-logo { width: 230px; max-width: 34vw; height: auto; display: block; }
.aiv-hero-text h1 { margin: 0 0 7px; padding: 0; color: #fff; font: 900 38px/1.05 'PPM Neue Haas Display', Arial, sans-serif; letter-spacing: -.02em; }
.aiv-hero-text p { margin: 0; max-width: 620px; color: rgba(255,255,255,.86); font-size: 16px; line-height: 1.45; }
.aiv-version { flex: 0 0 auto; padding: 8px 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; font-size: 13px; font-weight: 600; }

/* layout */
.aiv-content { max-width: 1240px; padding: 34px 40px 48px; }
.aiv-card { margin: 0 0 24px; padding: 30px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(27,33,79,.08); transition: opacity .3s ease; }
.aiv-card.dormant { opacity: .55; box-shadow: none; }
.aiv h2 { margin: 0 0 9px; padding: 0; color: var(--plum); font: 700 27px/1.1 'PPM Neue Haas Display', Arial, sans-serif; }
.aiv h3 { margin: 24px 0 8px; color: var(--plum); font: 700 21px/1.2 'PPM Neue Haas Display', Arial, sans-serif; }
.aiv h4 { margin: 0 0 8px; color: var(--plum); font-size: 15px; }
.aiv-lead { margin: 0 0 18px; color: var(--mute); font-size: 15px; line-height: 1.5; max-width: 780px; }
.aiv-muted { color: var(--soft); font-size: 13px; }
.aiv-opt { color: var(--soft); font: 600 15px 'PPM Neue Haas Text', Arial, sans-serif; }
.aiv-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.aiv-card-head .aiv-lead { margin-bottom: 0; }
.aiv-card-head > div:first-child { flex: 1; }
.aiv-btns { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.aiv-back { margin: 0 0 14px; }
.aiv a { color: var(--cta); font-weight: 600; }
.aiv-scroll { overflow-x: auto; }

/* fields */
.aiv label { display: block; margin: 0 0 18px; color: var(--plum); font-size: 14px; font-weight: 600; }
.aiv label.aiv-inline { display: flex; align-items: center; gap: 9px; font-weight: 600; }
.aiv input:not([type=checkbox]):not([type=radio]), .aiv select, .aiv textarea {
	display: block; width: 100%; max-width: 100%; min-height: 46px; margin: 8px 0 0; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px;
	background-color: #fff; color: var(--text); font-family: inherit; font-size: 15px; font-weight: 400; box-shadow: none; }
.aiv textarea { min-height: 0; }
.aiv input:focus, .aiv select:focus, .aiv textarea:focus { border-color: var(--cta); box-shadow: 0 0 0 2px rgba(83,57,221,.14); outline: none; }
.aiv input[type=checkbox] { width: 18px; height: 18px; margin: 0; }
.aiv-hint { display: block; margin-top: 6px; color: var(--soft); font-size: 13px; font-weight: 400; }
.aiv-grid4 { display: grid; grid-template-columns: 2fr 2fr 2fr 1fr; gap: 0 16px; }
.aiv-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.aiv-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 16px; }
.aiv-scan tr.aiv-scan-group td { padding: 16px 8px 8px; border-bottom: 2px solid var(--line); color: var(--plum); font-weight: 600; text-align: left; }
.aiv-row { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.aiv-row input { flex: 1; margin: 0 !important; }
.aiv-qs { margin-top: 4px; }
.aiv-q { display: grid !important; grid-template-columns: 150px 1fr; align-items: center; gap: 12px; margin-bottom: 10px !important; }
.aiv-q span { color: var(--cta); }
.aiv-q input { margin: 0 !important; }
.aiv-startrow { display: flex; gap: 10px; max-width: 640px; }
.aiv-startrow input { flex: 1; margin: 0 !important; font-size: 17px !important; }

/* buttons */
.aiv-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 18px; border: 1px solid var(--cta); border-radius: 8px; background: #fff; color: var(--plum);
	font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer; white-space: nowrap;
	transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.aiv a.aiv-btn { color: var(--plum); }
.aiv-btn:hover, .aiv-btn:focus { background: var(--cta); border-color: var(--cta); color: #fff; transform: translateY(-1px); }
.aiv a.aiv-btn:hover, .aiv a.aiv-btn:focus { color: #fff; }
.aiv-btn.main, .aiv a.aiv-btn.main { background: var(--cta); color: #fff; }
.aiv-btn.main:hover, .aiv-btn.main:focus { background: var(--cta-dark); border-color: var(--cta-dark); }
.aiv-btn.big { min-height: 56px; padding: 14px 30px; font-size: 18px; border-radius: 10px; box-shadow: 0 8px 20px rgba(83,57,221,.28); }
.aiv-btn[disabled] { opacity: .5; cursor: wait; transform: none; }
.aiv-actions { margin-top: 22px; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* notes */
.aiv-note { margin: 14px 0; padding: 14px 18px; border: 1px solid var(--line); border-left: 4px solid var(--cta); border-radius: 10px; background: #f6f5ff; font-size: 14px; }
.aiv-note .aiv-btn { min-height: 36px; padding: 6px 12px; font-size: 14px; margin: 6px 6px 0 0; }
.aiv-note.warn { border-color: #e8cd93; border-left-color: #d9a441; background: #fdf8ec; color: #5c4718; }
.aiv-note.bad { border-color: #efc2cf; border-left-color: var(--bad); background: #fbe7ec; color: #6d1830; }
.aiv-note.ok { border-color: #b7dcc3; border-left-color: #3f9d5f; background: #f1faf3; color: #1f5533; }

/* logo */
.aiv-logo-row { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; }
.aiv-logo { flex: 0 0 auto; display: grid; place-items: center; min-width: 200px; min-height: 76px; padding: 14px 18px; border-radius: 10px; background: linear-gradient(120deg, #522b82, #2c3d88); }
.aiv-logo img { max-height: 48px; max-width: 220px; display: block; }
.aiv-logo.empty { color: rgba(255,255,255,.7); font-size: 13px; font-weight: 600; }
.aiv-logo-edit { flex: 1; min-width: 260px; }
.aiv-logo-edit label { margin-bottom: 8px; }

/* tables */
.aiv-table { width: 100%; border-collapse: collapse; }
.aiv-table th { background: var(--bg); color: var(--plum); font-weight: 600; text-align: left; padding: 11px 12px; }
.aiv-table td { padding: 11px 12px; border-bottom: 1px solid var(--line); }
.aiv-table tbody tr { cursor: pointer; }
.aiv-table tbody tr:hover { background: #fbfbfe; }
.aiv .aiv-search { max-width: 520px; margin: 0 0 14px; }
.aiv-table tr[hidden] { display: none; }
.aiv-latest { display: block; margin-top: 2px; color: var(--ok); font-size: 12px; font-weight: 600; }
.aiv-table td.aiv-del-cell { width: 52px; text-align: right; padding: 6px 8px; }
.aiv-del { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--soft); cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.aiv-del svg { width: 19px; height: 19px; }
.aiv-del:hover, .aiv-del:focus-visible { background: #fbe7ec; border-color: #efc2cf; color: var(--bad); outline: none; }
.aiv-run { border-collapse: collapse; width: 100%; margin: 14px 0; transition: opacity .3s ease; }
.aiv-run th { background: var(--bg); color: var(--plum); font-weight: 600; padding: 10px 8px; text-align: center; }
.aiv-run td { padding: 9px 8px; border-bottom: 1px solid var(--line); text-align: center; }
.aiv-run td:first-child, .aiv-run th:first-child { text-align: left; width: 46%; }
.aiv-run.dormant { opacity: .4; }
.aiv-run td.st-wait { color: #bbb; }
.aiv-run td.st-run { color: var(--cta); font-weight: 700; animation: aiv-blink 1.2s ease-in-out infinite; }
.aiv-run td.st-ok { color: var(--ok); font-weight: 700; }
.aiv-run td.st-err { color: var(--bad); font-weight: 700; cursor: help; }
@keyframes aiv-blink { 50% { opacity: .35; } }

/* result cells */
.aiv-cell { display: inline-flex; align-items: center; justify-content: center; min-width: 78px; min-height: 40px; padding: 7px 9px; border-radius: 8px; border: 2px solid transparent;
	font: 700 14px 'PPM Neue Haas Text', Arial, sans-serif; cursor: pointer; background: #f1f0f5; color: var(--bad); }
.aiv-cell.static { cursor: default; }
.aiv-cell.top, .aiv-cell.top-txt { background: var(--cta); color: #fff; }
.aiv-cell.low, .aiv-cell.low-txt { background: var(--lav); color: var(--cta); }
.aiv-cell.part { background: #f3e9f0; color: #7a3d68; }
.aiv-cell.err { background: #fbe7ec; color: var(--bad); }
.aiv-cell.wait { background: transparent; color: #aaa; }
.aiv-cell.edited { box-shadow: inset 0 -3px 0 #d9a441; }
.aiv-cell.open { border-color: var(--plum); }
button.aiv-cell { transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
button.aiv-cell:hover, button.aiv-cell:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(83,57,221,.28); filter: brightness(1.05); outline: none; }

/* scan results: each result is a button with a styled pop-up of who AI named first */
.aiv-cell.tip { position: relative; cursor: help; }
.aiv-cell.tip:focus { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(83,57,221,.28); outline: none; }
.aiv-cell.tip::after, .aiv-cell.tip::before { position: absolute; left: 50%; opacity: 0; pointer-events: none; transition: opacity .15s ease, transform .15s ease; z-index: 20; }
.aiv-cell.tip::after {
	content: attr(data-tip); bottom: calc(100% + 12px); transform: translate(-50%, 6px);
	width: max-content; min-width: 190px; max-width: 280px; padding: 11px 14px; border-radius: 10px; background: var(--plum); color: #fff;
	font: 400 13px/1.55 'PPM Neue Haas Text', Arial, sans-serif; text-align: left; white-space: pre-line; box-shadow: 0 12px 28px rgba(27,33,79,.28); }
.aiv-cell.tip::before { content: ''; bottom: calc(100% + 1px); transform: translate(-50%, 6px); border: 6px solid transparent; border-top-color: var(--plum); }
.aiv-cell.tip:hover::after, .aiv-cell.tip:focus::after, .aiv-cell.tip:hover::before, .aiv-cell.tip:focus::before { opacity: 1; transform: translate(-50%, 0); }
.aiv-cell.tip[data-tip=""]::after, .aiv-cell.tip[data-tip=""]::before { display: none; }
.aiv-scan td:last-child .aiv-cell.tip::after { left: auto; right: -8px; transform: translate(0, 6px); }
.aiv-scan td:last-child .aiv-cell.tip:hover::after, .aiv-scan td:last-child .aiv-cell.tip:focus::after { transform: translate(0, 0); }
.aiv-tip-hint { margin: 8px 0 0; color: var(--plum); font-size: 14px; font-weight: 600; }

.aiv-key { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 4px 0 8px; padding: 0; list-style: none; color: var(--mute); font-size: 13px; }
.aiv-key li { display: flex; align-items: center; gap: 8px; margin: 0; }
.aiv-key .aiv-cell { min-width: 0; min-height: 28px; padding: 4px 8px; font-size: 12px; cursor: default; }

/* progress */
.aiv-progress { margin: 18px 0 6px; }
.aiv-ptext { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-bottom: 8px; font-size: 14px; }
.aiv-ptext b { color: var(--plum); }
.aiv-ptext span { color: var(--soft); }
.aiv-progress.running .aiv-ptext b::before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: var(--cta); vertical-align: 1px; animation: aiv-pulse 1.1s ease-in-out infinite; }
.aiv-bar { height: 16px; border-radius: 999px; background: var(--lav); overflow: hidden; }
.aiv-bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #522b82, #5339dd); transition: width .45s ease; }
.aiv-progress.running .aiv-bar span {
	background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,.22) 0 10px, rgba(255,255,255,0) 10px 20px), linear-gradient(90deg, #522b82, #5339dd);
	background-size: 28.28px 28.28px, 100% 100%; animation: aiv-stripes .9s linear infinite; }
.aiv-progress.idle .aiv-ptext b { color: var(--soft); }
.aiv-progress.done .aiv-bar span { background: var(--ok); }
.aiv-progress.done .aiv-ptext b { color: var(--ok); }
.aiv-progress.bad .aiv-bar span { background: var(--bad); }
.aiv-progress.bad .aiv-ptext b { color: var(--bad); }
.aiv-card.active { border-color: var(--cta); box-shadow: 0 10px 34px rgba(83,57,221,.18); }
@keyframes aiv-stripes { to { background-position: 28.28px 0, 0 0; } }
@keyframes aiv-pulse { 50% { transform: scale(.6); opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .aiv-progress.running .aiv-bar span, .aiv-progress.running .aiv-ptext b::before, .aiv-run td.st-run { animation: none; } }

/* results */
.aiv-ready { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: -30px -30px 24px; padding: 26px 30px; border-radius: 14px 14px 0 0;
	background: linear-gradient(120deg, #522b82 0%, #3c328e 48%, #2c3d88 100%); color: #fff; }
.aiv-ready h2 { color: #fff; margin-bottom: 4px; }
.aiv-ready p { margin: 0; color: rgba(255,255,255,.86); }
.aiv .aiv-ready a.aiv-btn.main { background: #fff; border-color: #fff; color: var(--cta); box-shadow: 0 8px 24px rgba(0,0,0,.25); min-width: 220px; }
.aiv .aiv-ready a.aiv-btn.main:hover, .aiv .aiv-ready a.aiv-btn.main:focus { background: var(--lav); border-color: var(--lav); color: var(--cta-dark); }
.aiv-viewgroup { display: flex; gap: 10px; align-items: center; }
.aiv-btn.icon { width: 56px; padding: 0; }
.aiv-btn.icon svg { width: 24px; height: 24px; display: block; }
.aiv .aiv-ready a.aiv-btn.icon { background: transparent; border: 2px solid rgba(255,255,255,.85); color: #fff; box-shadow: none; }
.aiv .aiv-ready a.aiv-btn.icon:hover, .aiv .aiv-ready a.aiv-btn.icon:focus { background: #fff; border-color: #fff; color: var(--cta); }
/* internal notes */
.aiv-callout { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 20px; padding: 14px 18px; border: 1px solid #cfc7f7; border-left: 5px solid var(--cta); border-radius: 12px; background: #f6f5ff; color: var(--plum); font-size: 15px; box-shadow: 0 6px 18px rgba(83,57,221,.10); }
.aiv-callout > span:nth-child(2) { flex: 1; min-width: 220px; }
.aiv-callout-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--cta); color: #fff; flex: 0 0 38px; }
.aiv-callout-icon svg { width: 21px; height: 21px; }
.aiv-callout .aiv-btn { min-height: 40px; }
.aiv-notecount { color: var(--cta); font-weight: 600; }
.aiv-lastby { display: block; color: var(--soft); font-size: 12px; }
.aiv-notes { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.aiv-notelist-item { margin: 0; padding: 12px 16px; border: 1px solid var(--line); border-radius: 10px; background: #fbfbfe; }
.aiv-note-meta { display: flex; align-items: center; gap: 8px; color: var(--soft); font-size: 13px; }
.aiv-note-meta b { color: var(--plum); }
.aiv-note-meta .aiv-del { margin-left: auto; width: 32px; height: 32px; }
.aiv-note-text { margin-top: 6px; white-space: pre-line; font-size: 15px; }
.aiv-head { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.aiv-head > div:nth-child(2) { flex: 1; min-width: 260px; }
.aiv-head h3 { margin: 0 0 4px; }
.aiv-score { width: 96px; height: 96px; border-radius: 50%; border: 8px solid var(--cta); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.aiv-score b { font: 900 30px/1 'PPM Neue Haas Display', Arial, sans-serif; color: var(--plum); }
.aiv-score span { font-size: 10px; font-weight: 700; letter-spacing: .05em; color: var(--soft); }
.aiv-score.low { border-color: var(--bad); }
.aiv-detail { display: grid; grid-template-columns: 3fr 2fr; gap: 20px; border: 1px solid var(--line); border-radius: 12px; padding: 18px; margin: 12px 0 20px; background: #fbfbfe; }
.aiv-answer pre { white-space: pre-wrap; font: inherit; font-size: 14px; max-height: 420px; overflow: auto; background: #fff; border: 1px solid var(--line); padding: 12px; border-radius: 8px; }
.aiv-find { border: 1px solid var(--line); border-radius: 12px; padding: 10px 18px 4px; margin: 0 0 14px; background: #fbfbfe; }
.aiv-find legend { font-weight: 700; color: var(--cta); padding: 0 6px; }
.aiv small.cnt { float: right; font-weight: 400; color: var(--soft); }
.aiv small.cnt.over { color: var(--bad); font-weight: 700; }
.aiv details { margin-top: 10px; }
/* dashboard */
.ppmt-back { display: inline-block; margin: 0 0 8px; color: rgba(255,255,255,.85) !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.ppmt-back:hover { color: #fff !important; text-decoration: underline; }
.ppmt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.aiv a.ppmt-tool, .ppmt-tool { display: flex; flex-direction: column; margin: 0; color: var(--text); font-weight: 400; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.aiv a.ppmt-tool:hover, .aiv a.ppmt-tool:focus { transform: translateY(-3px); border-color: var(--cta); box-shadow: 0 14px 34px rgba(83,57,221,.18); outline: none; }
.ppmt-tool h2 { margin-bottom: 8px; }
.ppmt-tool .aiv-lead { flex: 1; }
.ppmt-tool .aiv-btn { align-self: flex-start; }
.ppmt-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 18px; border-radius: 12px; background: var(--lav); color: var(--cta); }
.ppmt-icon svg { width: 26px; height: 26px; }
.ppmt-tool.soon { opacity: .7; box-shadow: none; }
.ppmt-tool.soon .ppmt-icon { background: #ebeef9; color: var(--soft); }
.ppmt-soon { color: var(--soft); font-weight: 600; font-size: 14px; }
.aiv.ppmt-login { min-height: 0; padding: 40px 16px; background: transparent; } /* the page's own background shows around the card */
.ppmt-login .aiv-card { box-shadow: 0 18px 48px rgba(27,33,79,.28); border: 0; }
.ppmt-login .aiv-card { max-width: 440px; margin: 0 auto; }
.ppmt-login .login-remember label { display: flex; align-items: center; gap: 8px; }
.aiv.ppmt-login input[type=submit] { display: block; width: 100%; min-height: 46px; padding: 9px 22px; border: 1px solid var(--cta); border-radius: 8px; background-color: var(--cta); color: #fff; font: 600 16px 'PPM Neue Haas Text', Arial, sans-serif; cursor: pointer; }
.aiv.ppmt-login input[type=submit]:hover { background-color: var(--cta-dark); border-color: var(--cta-dark); }
.aiv-login { max-width: 420px; }

@media (max-width: 900px) {
	.aiv-hero-inner { align-items: flex-start; flex-direction: column; }
	.aiv-grid4 { grid-template-columns: 1fr 1fr; }
	.aiv-grid3 { grid-template-columns: 1fr 1fr; }
	.aiv-detail { grid-template-columns: 1fr; }
	.aiv-card-head { flex-direction: column; }
	.aiv-btns { justify-content: flex-start; }
}
@media (max-width: 600px) {
	.aiv-hero, .aiv-content { padding-left: 16px; padding-right: 16px; }
	.aiv-brand { align-items: flex-start; flex-direction: column; gap: 18px; }
	.aiv-hero-text h1 { font-size: 31px; }
	.aiv-card { padding: 20px 16px; }
	.aiv-ready { margin: -20px -16px 20px; padding: 20px 16px; }
	.aiv-grid2, .aiv-grid3, .aiv-grid4 { grid-template-columns: 1fr; }
	.aiv-q { grid-template-columns: 1fr; gap: 4px; }
	.aiv-startrow { flex-direction: column; }
	.aiv-run td:first-child { width: auto; min-width: 180px; }
	.aiv-scan td:first-child { min-width: 0; }
	.aiv-scan th, .aiv-scan td { padding-left: 4px; padding-right: 4px; }
	.aiv-scan .aiv-cell { min-width: 0; padding: 6px 7px; font-size: 12px; }
	.aiv-cell.tip::after { max-width: 210px; min-width: 160px; }
	.aiv-btn.big { width: 100%; }
	.aiv-viewgroup { width: 100%; }
	.aiv-viewgroup .aiv-btn.main { flex: 1; width: auto; }
	.aiv-btn.big.icon { width: 56px; flex: 0 0 56px; }
}