/* Pursae Manager on top of the WordPress admin styles. */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { content: "" !important; }
html body #wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo > .ab-item span.ab-icon {
	background-image: url(/brand/logo) !important; background-position: center !important;
	background-size: 24px 24px !important; background-repeat: no-repeat !important;
	width: 24px !important; height: 24px !important; padding: 0 !important; margin-top: 4px !important;
}
@media screen and (max-width: 782px) {
	html body #wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo > .ab-item span.ab-icon {
		background-size: 30px 30px !important; width: 52px !important; height: 46px !important; margin-top: 0 !important;
	}
}
#wpadminbar .manager-avatar {
	display: inline-block; width: 18px; height: 18px; margin: -3px 0 0 6px; vertical-align: middle;
	border-radius: 50%; background: #3858e9; color: #fff; font-size: 9px; line-height: 18px; text-align: center;
}
#wpadminbar .manager-logout { margin: 0; }
#wpadminbar .manager-logout button.ab-item {
	background: none; border: 0; color: #c3c4c7; cursor: pointer; font: inherit; height: auto;
	line-height: 26px; padding: 0 8px 0 10px; width: 100%; text-align: left;
}
#wpadminbar .manager-logout button.ab-item:hover { color: #72aee6; }
.login h1.wp-login-logo a { background-image: url(/brand/logo) !important; background-size: 84px !important; background-position: center !important; width: 84px !important; height: 84px !important; }
.login .manager-version { color: #50575e; text-align: center; font-size: 12px; }

.wrap .page-title-action + .manager-sub { margin-top: 4px; }
.manager-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin: 16px 0 20px; }
.manager-card {
	background: #fff; border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0,0,0,.04); padding: 14px 16px;
	text-decoration: none; color: #1d2327; display: block;
}
a.manager-card:hover { border-color: #3858e9; }
.manager-card .n { display: block; font-size: 26px; font-weight: 400; line-height: 1.2; }
.manager-card .l { display: block; color: #646970; margin-top: 2px; }
.manager-card .dashicons { float: right; color: #3858e9; width: 28px; height: 28px; font-size: 28px; }

.manager-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 0 20px; }
.manager-grid .postbox { margin-bottom: 20px; }
.postbox .inside > table.widefat { border: 0; box-shadow: none; margin: -6px -12px -12px; width: calc(100% + 24px); }
.postbox .inside p.manager-empty { color: #646970; }

.manager-badge {
	display: inline-block; padding: 0 6px; border-radius: 3px; font-size: 11px; line-height: 18px;
	background: #f0f0f1; color: #50575e; vertical-align: middle; white-space: nowrap;
}
.manager-badge.pro { background: #e5f0f9; color: #135e96; }
.manager-badge.beta { background: #fcf9e8; color: #8a6116; }
.manager-badge.private { background: #f6f0fb; color: #6c2eb9; }
.manager-badge.ok { background: #edfaef; color: #00701a; }
.manager-badge.err { background: #fcf0f1; color: #b32d2e; }
.manager-badge.local { background: #f0f0f1; }

.manager-chart { display: flex; align-items: flex-end; gap: 2px; height: 120px; padding: 4px 0 0; border-bottom: 1px solid #dcdcde; }
.manager-chart span { flex: 1; background: #3858e9; min-height: 1px; position: relative; }
.manager-chart span:hover { background: #2145e6; }
.manager-chart.alt span { background: #00a32a; }
.manager-chart-legend { display: flex; justify-content: space-between; color: #646970; font-size: 11px; margin-top: 4px; }

.manager-kv th { width: 200px; }
.manager-mono, td.manager-mono, .manager-mono code { font-family: Consolas, Monaco, monospace; }
.manager-key { font-family: Consolas, Monaco, monospace; font-size: 14px; letter-spacing: .5px; user-select: all; }
.manager-log {
	background: #1d2327; color: #f0f0f1; font: 12px/1.5 Consolas, Monaco, monospace; padding: 12px 14px;
	max-height: 520px; overflow: auto; white-space: pre-wrap; word-break: break-all;
}
.manager-upload { background: #fff; border: 1px solid #c3c4c7; padding: 16px 20px; margin: 16px 0; }
.manager-upload h2 { margin-top: 0; }
.manager-checks { columns: 2 240px; margin: 0; }
.manager-checks label { display: block; margin: 0 0 6px; break-inside: avoid; }
.manager-icon { width: 32px; height: 32px; vertical-align: middle; margin-right: 8px; border-radius: 4px; background: #f0f0f1; }
.manager-shot { width: 64px; height: 48px; object-fit: cover; vertical-align: middle; margin-right: 8px; background: #f0f0f1; }
.manager-num { text-align: right !important; font-variant-numeric: tabular-nums; }
.widefat td.manager-num, .widefat th.manager-num { white-space: nowrap; }
.manager-tab[hidden] { display: none; }
pre.manager-notes { white-space: pre-wrap; font-family: inherit; margin: 0; }
@media screen and (max-width: 782px) {
	.manager-grid { grid-template-columns: 1fr; }
	.manager-kv th { width: auto; }
}

/* No inline styles: the panel's CSP allows only this stylesheet. */
.manager-inline { display: inline; }
.manager-spin { float: none !important; margin: 0 4px !important; }
.manager-chart.small { height: 48px; }
.manager-gap { margin-top: 20px; }
.manager-preview { width: 100%; max-width: 360px; display: block; margin-bottom: 8px; }
.manager-version-input { width: 8em !important; }
.manager-break { word-break: break-all; }
.manager-danger, .manager-danger:hover { color: #b32d2e !important; }
.manager-gap-left { margin-left: 8px !important; }
.manager-logo-preview { background: #f0f0f1; border-radius: 4px; }
.manager-setup-msg { margin: 0 0 16px !important; }

/* ---------------------------------------------------------------------------------------------
   Design system (on top of WordPress' admin styles): tokens, page header, stat cards, panels,
   charts, activity feed, empty states. The menu and the admin bar stay WordPress'.
   --------------------------------------------------------------------------------------------- */
:root {
	--pm-accent: #3858e9; --pm-accent-dark: #2145e6; --pm-accent-soft: #eef1fd;
	--pm-green: #00a32a; --pm-green-soft: #e7f6eb; --pm-amber: #b26200; --pm-amber-soft: #fcf3e6;
	--pm-violet: #6c2eb9; --pm-violet-soft: #f4eefb; --pm-red: #b32d2e; --pm-red-soft: #fcf0f1;
	--pm-ink: #1e1e1e; --pm-ink-2: #50575e; --pm-ink-3: #757575; --pm-line: #e2e4e7; --pm-line-2: #f0f0f1;
	--pm-surface: #fff; --pm-radius: 8px; --pm-shadow: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.03);
	--pm-shadow-hover: 0 4px 14px rgba(30,30,30,.08);
}
#wpbody-content .wrap { max-width: 1480px; }

/* Page header: title, one line on what the screen is for, actions on the right. */
.pm-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 6px 0 18px; }
.pm-header h1 { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0; padding: 0; color: var(--pm-ink); }
.pm-header p { margin: 4px 0 0; color: var(--pm-ink-3); font-size: 13px; }
.pm-header .pm-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pm-header .button { min-height: 34px; line-height: 32px; padding: 0 14px; border-radius: 4px; }
.pm-header .button .dashicons { font-size: 16px; width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }

/* Stat cards. */
.manager-cards { grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); gap: 14px; margin: 0 0 18px; }
.manager-card {
	position: relative; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto auto; column-gap: 12px;
	align-items: center; padding: 14px 16px; border: 1px solid var(--pm-line); border-radius: var(--pm-radius);
	background: var(--pm-surface); box-shadow: var(--pm-shadow); transition: box-shadow .15s, border-color .15s, transform .15s;
}
a.manager-card:hover, a.manager-card:focus { border-color: #c9cfef; box-shadow: var(--pm-shadow-hover); transform: translateY(-1px); color: var(--pm-ink); }
a.manager-card:focus { outline: 2px solid var(--pm-accent); outline-offset: 2px; }
.manager-card .dashicons {
	grid-row: 1 / span 2; float: none; width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center;
	border-radius: 10px; background: var(--pm-accent-soft); color: var(--pm-accent);
}
.manager-card.green .dashicons { background: var(--pm-green-soft); color: var(--pm-green); }
.manager-card.amber .dashicons { background: var(--pm-amber-soft); color: var(--pm-amber); }
.manager-card.violet .dashicons { background: var(--pm-violet-soft); color: var(--pm-violet); }
.manager-card .n { font-size: 26px; font-weight: 600; line-height: 1.1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.manager-card .l { color: var(--pm-ink-2); font-size: 13px; margin: 2px 0 0; }
.manager-card .d { grid-column: 1 / -1; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--pm-line-2); color: var(--pm-ink-3); font-size: 12px; }
.manager-card .d b { color: var(--pm-ink); font-weight: 600; }
.manager-card:not(:has(.dashicons)) { grid-template-columns: 1fr; }

/* Panels: WordPress postboxes with a little more air, equal heights in a row. */
.manager-grid { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 18px; align-items: stretch; }
.manager-grid .postbox { margin: 0; }
.postbox { border-color: var(--pm-line); border-radius: var(--pm-radius); box-shadow: var(--pm-shadow); display: flex; flex-direction: column; min-width: 0; }
.postbox .postbox-header { border-bottom-color: var(--pm-line-2); padding: 0 4px 0 0; }
.postbox .postbox-header .hndle { font-size: 14px; font-weight: 600; padding: 12px 16px; }
.postbox .postbox-header .pm-more { margin-right: 12px; font-size: 12px; text-decoration: none; white-space: nowrap; }
.postbox .inside { flex: 1; margin: 0; padding: 14px 16px 16px; }
.postbox .inside > table.widefat { margin: -14px -16px -16px; width: calc(100% + 32px); }
.manager-grid.wide { grid-template-columns: 2fr 1fr; }
@media screen and (max-width: 1100px) { .manager-grid.wide { grid-template-columns: 1fr; } }

/* Tables. */
.wrap .widefat { border-color: var(--pm-line); }
.wp-list-table, .wrap > table.widefat { border-radius: var(--pm-radius); overflow: hidden; box-shadow: var(--pm-shadow); }
.widefat thead th, .widefat thead td { font-size: 12px; font-weight: 600; color: var(--pm-ink-2); text-transform: none; }
.widefat tbody tr:hover > * { background: #f6f8fe; }
.widefat td.manager-num .pm-zero, .pm-zero { color: #a7aaad; }
.widefat td, .widefat th { vertical-align: middle; }

/* Badges. */
.manager-badge { border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 500; line-height: 18px; }

/* Column chart (single series, no legend: the panel title names it). */
.pm-chart { margin: 0; }
.pm-chart-summary { display: flex; gap: 28px; margin: 0 0 14px; }
.pm-chart-summary strong { display: block; font-size: 22px; font-weight: 600; line-height: 1.1; color: var(--pm-ink); font-variant-numeric: tabular-nums; }
.pm-chart-summary span { color: var(--pm-ink-3); font-size: 12px; }
.pm-chart-plot { display: grid; grid-template-columns: auto 1fr; gap: 8px; height: 140px; }
.pm-chart-axis { display: flex; flex-direction: column; justify-content: space-between; color: var(--pm-ink-3); font-size: 11px; text-align: right; line-height: 1; margin: -5px 0; font-variant-numeric: tabular-nums; }
.pm-chart-bars {
	position: relative; display: flex; align-items: flex-end; gap: 2px; border-bottom: 1px solid #c3c4c7;
	background: linear-gradient(to bottom, var(--pm-line-2) 1px, transparent 1px) 0 0 / 100% 50%;
}
.pm-bar { flex: 1; height: 100%; display: flex; align-items: flex-end; justify-content: center; cursor: default; outline: none; }
.pm-bar i { display: block; width: 100%; max-width: 18px; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--pm-accent); opacity: .85; transition: opacity .1s; }
.pm-chart.alt .pm-bar i { background: var(--pm-green); }
.pm-bar.today i { opacity: 1; }
.pm-bar:hover i, .pm-bar:focus i { opacity: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(56,88,233,.35); }
.pm-bar i.pmh-0 { background: var(--pm-line); min-height: 2px; }
.pm-chart-x { display: flex; justify-content: space-between; color: var(--pm-ink-3); font-size: 11px; margin: 6px 0 0 calc(2ch + 8px); }
.pm-chart-note { color: var(--pm-ink-3); margin: 8px 0 0; font-size: 12px; }
.pm-tip {
	position: absolute; z-index: 100000; pointer-events: none; padding: 4px 8px; border-radius: 4px; background: var(--pm-ink); color: #fff;
	font-size: 12px; line-height: 1.4; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.pm-tip[hidden] { display: none; }

/* Activity feed. */
.pm-feed { list-style: none; margin: -6px 0; padding: 0; }
.pm-feed li { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--pm-line-2); margin: 0; }
.pm-feed li:last-child { border-bottom: 0; }
.pm-feed .dashicons { width: 28px; height: 28px; line-height: 28px; font-size: 15px; text-align: center; border-radius: 50%; background: var(--pm-line-2); color: var(--pm-ink-2); }
.pm-feed .ev-install .dashicons, .pm-feed .ev-update .dashicons { background: var(--pm-accent-soft); color: var(--pm-accent); }
.pm-feed .ev-activate .dashicons, .pm-feed .ev-core .dashicons { background: var(--pm-green-soft); color: var(--pm-green); }
.pm-feed .ev-preview .dashicons, .pm-feed .ev-demo .dashicons { background: var(--pm-violet-soft); color: var(--pm-violet); }
.pm-feed .ev-delete .dashicons, .pm-feed .ev-deactivate .dashicons { background: var(--pm-red-soft); color: var(--pm-red); }
.pm-feed .t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-feed .t a { text-decoration: none; font-weight: 500; }
.pm-feed .t code { font-size: 12px; background: none; padding: 0; color: var(--pm-ink-2); }
.pm-feed time { color: var(--pm-ink-3); font-size: 12px; white-space: nowrap; }

/* Ranked list with inline bars (top packages). */
.pm-rank { list-style: none; margin: -4px 0; padding: 0; }
.pm-rank li { margin: 0; padding: 7px 0; border-bottom: 1px solid var(--pm-line-2); }
.pm-rank li:last-child { border-bottom: 0; }
.pm-rank .row { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.pm-rank .row a { text-decoration: none; font-weight: 500; }
.pm-rank .row span { color: var(--pm-ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 12px; }
.pm-rank .track { height: 4px; border-radius: 2px; background: var(--pm-line-2); margin-top: 6px; overflow: hidden; }
.pm-rank .track i { display: block; height: 100%; border-radius: 2px; background: var(--pm-accent); }

/* Key/value rows, status dot, empty states. */
.pm-kv { display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; margin: 0; }
.pm-kv dt { color: var(--pm-ink-3); }
.pm-kv dd { margin: 0; min-width: 0; }
.pm-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #c3c4c7; margin-right: 6px; vertical-align: 1px; }
.pm-dot.on { background: var(--pm-green); box-shadow: 0 0 0 3px var(--pm-green-soft); }
.pm-empty { text-align: center; padding: 18px 8px; color: var(--pm-ink-3); }
.pm-empty .dashicons { width: 44px; height: 44px; font-size: 28px; line-height: 44px; border-radius: 50%; background: var(--pm-line-2); color: var(--pm-ink-3); margin-bottom: 8px; }
.pm-empty p { margin: 0 0 10px; }
.pm-empty .button { margin-top: 2px; }
.pm-inline-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.pm-core-version { display: flex; align-items: baseline; gap: 8px; margin: 0 0 6px; }
.pm-core-version strong { font-size: 26px; font-weight: 600; line-height: 1.1; }
.pm-bars-mini { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 0; }
.pm-bars-mini .row { display: grid; grid-template-columns: 70px 1fr 32px; gap: 8px; align-items: center; font-size: 12px; }
.pm-bars-mini .track { height: 6px; border-radius: 3px; background: var(--pm-line-2); overflow: hidden; }
.pm-bars-mini .track i { display: block; height: 100%; background: var(--pm-accent); border-radius: 3px; }
.pm-bars-mini .row span:last-child { text-align: right; color: var(--pm-ink-2); font-variant-numeric: tabular-nums; }

/* Upload / form panels. */
.manager-upload { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); box-shadow: var(--pm-shadow); padding: 18px 22px; margin: 22px 0; }
.manager-upload h2 { font-size: 16px; font-weight: 600; }
.manager-log { border-radius: var(--pm-radius); }

@media screen and (max-width: 782px) {
	.pm-header { align-items: flex-start; }
	.manager-grid { grid-template-columns: 1fr; }
	.pm-chart-summary { gap: 18px; }
}
.pmh-0 { height: 0%; }
.pmh-1 { height: 1%; }
.pmh-2 { height: 2%; }
.pmh-3 { height: 3%; }
.pmh-4 { height: 4%; }
.pmh-5 { height: 5%; }
.pmh-6 { height: 6%; }
.pmh-7 { height: 7%; }
.pmh-8 { height: 8%; }
.pmh-9 { height: 9%; }
.pmh-10 { height: 10%; }
.pmh-11 { height: 11%; }
.pmh-12 { height: 12%; }
.pmh-13 { height: 13%; }
.pmh-14 { height: 14%; }
.pmh-15 { height: 15%; }
.pmh-16 { height: 16%; }
.pmh-17 { height: 17%; }
.pmh-18 { height: 18%; }
.pmh-19 { height: 19%; }
.pmh-20 { height: 20%; }
.pmh-21 { height: 21%; }
.pmh-22 { height: 22%; }
.pmh-23 { height: 23%; }
.pmh-24 { height: 24%; }
.pmh-25 { height: 25%; }
.pmh-26 { height: 26%; }
.pmh-27 { height: 27%; }
.pmh-28 { height: 28%; }
.pmh-29 { height: 29%; }
.pmh-30 { height: 30%; }
.pmh-31 { height: 31%; }
.pmh-32 { height: 32%; }
.pmh-33 { height: 33%; }
.pmh-34 { height: 34%; }
.pmh-35 { height: 35%; }
.pmh-36 { height: 36%; }
.pmh-37 { height: 37%; }
.pmh-38 { height: 38%; }
.pmh-39 { height: 39%; }
.pmh-40 { height: 40%; }
.pmh-41 { height: 41%; }
.pmh-42 { height: 42%; }
.pmh-43 { height: 43%; }
.pmh-44 { height: 44%; }
.pmh-45 { height: 45%; }
.pmh-46 { height: 46%; }
.pmh-47 { height: 47%; }
.pmh-48 { height: 48%; }
.pmh-49 { height: 49%; }
.pmh-50 { height: 50%; }
.pmh-51 { height: 51%; }
.pmh-52 { height: 52%; }
.pmh-53 { height: 53%; }
.pmh-54 { height: 54%; }
.pmh-55 { height: 55%; }
.pmh-56 { height: 56%; }
.pmh-57 { height: 57%; }
.pmh-58 { height: 58%; }
.pmh-59 { height: 59%; }
.pmh-60 { height: 60%; }
.pmh-61 { height: 61%; }
.pmh-62 { height: 62%; }
.pmh-63 { height: 63%; }
.pmh-64 { height: 64%; }
.pmh-65 { height: 65%; }
.pmh-66 { height: 66%; }
.pmh-67 { height: 67%; }
.pmh-68 { height: 68%; }
.pmh-69 { height: 69%; }
.pmh-70 { height: 70%; }
.pmh-71 { height: 71%; }
.pmh-72 { height: 72%; }
.pmh-73 { height: 73%; }
.pmh-74 { height: 74%; }
.pmh-75 { height: 75%; }
.pmh-76 { height: 76%; }
.pmh-77 { height: 77%; }
.pmh-78 { height: 78%; }
.pmh-79 { height: 79%; }
.pmh-80 { height: 80%; }
.pmh-81 { height: 81%; }
.pmh-82 { height: 82%; }
.pmh-83 { height: 83%; }
.pmh-84 { height: 84%; }
.pmh-85 { height: 85%; }
.pmh-86 { height: 86%; }
.pmh-87 { height: 87%; }
.pmh-88 { height: 88%; }
.pmh-89 { height: 89%; }
.pmh-90 { height: 90%; }
.pmh-91 { height: 91%; }
.pmh-92 { height: 92%; }
.pmh-93 { height: 93%; }
.pmh-94 { height: 94%; }
.pmh-95 { height: 95%; }
.pmh-96 { height: 96%; }
.pmh-97 { height: 97%; }
.pmh-98 { height: 98%; }
.pmh-99 { height: 99%; }
.pmh-100 { height: 100%; }
.manager-chart span.h0 { height: 0%; }
.manager-chart span.h1 { height: 1%; }
.manager-chart span.h2 { height: 2%; }
.manager-chart span.h3 { height: 3%; }
.manager-chart span.h4 { height: 4%; }
.manager-chart span.h5 { height: 5%; }
.manager-chart span.h6 { height: 6%; }
.manager-chart span.h7 { height: 7%; }
.manager-chart span.h8 { height: 8%; }
.manager-chart span.h9 { height: 9%; }
.manager-chart span.h10 { height: 10%; }
.manager-chart span.h11 { height: 11%; }
.manager-chart span.h12 { height: 12%; }
.manager-chart span.h13 { height: 13%; }
.manager-chart span.h14 { height: 14%; }
.manager-chart span.h15 { height: 15%; }
.manager-chart span.h16 { height: 16%; }
.manager-chart span.h17 { height: 17%; }
.manager-chart span.h18 { height: 18%; }
.manager-chart span.h19 { height: 19%; }
.manager-chart span.h20 { height: 20%; }
.manager-chart span.h21 { height: 21%; }
.manager-chart span.h22 { height: 22%; }
.manager-chart span.h23 { height: 23%; }
.manager-chart span.h24 { height: 24%; }
.manager-chart span.h25 { height: 25%; }
.manager-chart span.h26 { height: 26%; }
.manager-chart span.h27 { height: 27%; }
.manager-chart span.h28 { height: 28%; }
.manager-chart span.h29 { height: 29%; }
.manager-chart span.h30 { height: 30%; }
.manager-chart span.h31 { height: 31%; }
.manager-chart span.h32 { height: 32%; }
.manager-chart span.h33 { height: 33%; }
.manager-chart span.h34 { height: 34%; }
.manager-chart span.h35 { height: 35%; }
.manager-chart span.h36 { height: 36%; }
.manager-chart span.h37 { height: 37%; }
.manager-chart span.h38 { height: 38%; }
.manager-chart span.h39 { height: 39%; }
.manager-chart span.h40 { height: 40%; }
.manager-chart span.h41 { height: 41%; }
.manager-chart span.h42 { height: 42%; }
.manager-chart span.h43 { height: 43%; }
.manager-chart span.h44 { height: 44%; }
.manager-chart span.h45 { height: 45%; }
.manager-chart span.h46 { height: 46%; }
.manager-chart span.h47 { height: 47%; }
.manager-chart span.h48 { height: 48%; }
.manager-chart span.h49 { height: 49%; }
.manager-chart span.h50 { height: 50%; }
.manager-chart span.h51 { height: 51%; }
.manager-chart span.h52 { height: 52%; }
.manager-chart span.h53 { height: 53%; }
.manager-chart span.h54 { height: 54%; }
.manager-chart span.h55 { height: 55%; }
.manager-chart span.h56 { height: 56%; }
.manager-chart span.h57 { height: 57%; }
.manager-chart span.h58 { height: 58%; }
.manager-chart span.h59 { height: 59%; }
.manager-chart span.h60 { height: 60%; }
.manager-chart span.h61 { height: 61%; }
.manager-chart span.h62 { height: 62%; }
.manager-chart span.h63 { height: 63%; }
.manager-chart span.h64 { height: 64%; }
.manager-chart span.h65 { height: 65%; }
.manager-chart span.h66 { height: 66%; }
.manager-chart span.h67 { height: 67%; }
.manager-chart span.h68 { height: 68%; }
.manager-chart span.h69 { height: 69%; }
.manager-chart span.h70 { height: 70%; }
.manager-chart span.h71 { height: 71%; }
.manager-chart span.h72 { height: 72%; }
.manager-chart span.h73 { height: 73%; }
.manager-chart span.h74 { height: 74%; }
.manager-chart span.h75 { height: 75%; }
.manager-chart span.h76 { height: 76%; }
.manager-chart span.h77 { height: 77%; }
.manager-chart span.h78 { height: 78%; }
.manager-chart span.h79 { height: 79%; }
.manager-chart span.h80 { height: 80%; }
.manager-chart span.h81 { height: 81%; }
.manager-chart span.h82 { height: 82%; }
.manager-chart span.h83 { height: 83%; }
.manager-chart span.h84 { height: 84%; }
.manager-chart span.h85 { height: 85%; }
.manager-chart span.h86 { height: 86%; }
.manager-chart span.h87 { height: 87%; }
.manager-chart span.h88 { height: 88%; }
.manager-chart span.h89 { height: 89%; }
.manager-chart span.h90 { height: 90%; }
.manager-chart span.h91 { height: 91%; }
.manager-chart span.h92 { height: 92%; }
.manager-chart span.h93 { height: 93%; }
.manager-chart span.h94 { height: 94%; }
.manager-chart span.h95 { height: 95%; }
.manager-chart span.h96 { height: 96%; }
.manager-chart span.h97 { height: 97%; }
.manager-chart span.h98 { height: 98%; }
.manager-chart span.h99 { height: 99%; }
.manager-chart span.h100 { height: 100%; }
.pm-w-0 { width: 0%; }
.pm-w-1 { width: 1%; }
.pm-w-2 { width: 2%; }
.pm-w-3 { width: 3%; }
.pm-w-4 { width: 4%; }
.pm-w-5 { width: 5%; }
.pm-w-6 { width: 6%; }
.pm-w-7 { width: 7%; }
.pm-w-8 { width: 8%; }
.pm-w-9 { width: 9%; }
.pm-w-10 { width: 10%; }
.pm-w-11 { width: 11%; }
.pm-w-12 { width: 12%; }
.pm-w-13 { width: 13%; }
.pm-w-14 { width: 14%; }
.pm-w-15 { width: 15%; }
.pm-w-16 { width: 16%; }
.pm-w-17 { width: 17%; }
.pm-w-18 { width: 18%; }
.pm-w-19 { width: 19%; }
.pm-w-20 { width: 20%; }
.pm-w-21 { width: 21%; }
.pm-w-22 { width: 22%; }
.pm-w-23 { width: 23%; }
.pm-w-24 { width: 24%; }
.pm-w-25 { width: 25%; }
.pm-w-26 { width: 26%; }
.pm-w-27 { width: 27%; }
.pm-w-28 { width: 28%; }
.pm-w-29 { width: 29%; }
.pm-w-30 { width: 30%; }
.pm-w-31 { width: 31%; }
.pm-w-32 { width: 32%; }
.pm-w-33 { width: 33%; }
.pm-w-34 { width: 34%; }
.pm-w-35 { width: 35%; }
.pm-w-36 { width: 36%; }
.pm-w-37 { width: 37%; }
.pm-w-38 { width: 38%; }
.pm-w-39 { width: 39%; }
.pm-w-40 { width: 40%; }
.pm-w-41 { width: 41%; }
.pm-w-42 { width: 42%; }
.pm-w-43 { width: 43%; }
.pm-w-44 { width: 44%; }
.pm-w-45 { width: 45%; }
.pm-w-46 { width: 46%; }
.pm-w-47 { width: 47%; }
.pm-w-48 { width: 48%; }
.pm-w-49 { width: 49%; }
.pm-w-50 { width: 50%; }
.pm-w-51 { width: 51%; }
.pm-w-52 { width: 52%; }
.pm-w-53 { width: 53%; }
.pm-w-54 { width: 54%; }
.pm-w-55 { width: 55%; }
.pm-w-56 { width: 56%; }
.pm-w-57 { width: 57%; }
.pm-w-58 { width: 58%; }
.pm-w-59 { width: 59%; }
.pm-w-60 { width: 60%; }
.pm-w-61 { width: 61%; }
.pm-w-62 { width: 62%; }
.pm-w-63 { width: 63%; }
.pm-w-64 { width: 64%; }
.pm-w-65 { width: 65%; }
.pm-w-66 { width: 66%; }
.pm-w-67 { width: 67%; }
.pm-w-68 { width: 68%; }
.pm-w-69 { width: 69%; }
.pm-w-70 { width: 70%; }
.pm-w-71 { width: 71%; }
.pm-w-72 { width: 72%; }
.pm-w-73 { width: 73%; }
.pm-w-74 { width: 74%; }
.pm-w-75 { width: 75%; }
.pm-w-76 { width: 76%; }
.pm-w-77 { width: 77%; }
.pm-w-78 { width: 78%; }
.pm-w-79 { width: 79%; }
.pm-w-80 { width: 80%; }
.pm-w-81 { width: 81%; }
.pm-w-82 { width: 82%; }
.pm-w-83 { width: 83%; }
.pm-w-84 { width: 84%; }
.pm-w-85 { width: 85%; }
.pm-w-86 { width: 86%; }
.pm-w-87 { width: 87%; }
.pm-w-88 { width: 88%; }
.pm-w-89 { width: 89%; }
.pm-w-90 { width: 90%; }
.pm-w-91 { width: 91%; }
.pm-w-92 { width: 92%; }
.pm-w-93 { width: 93%; }
.pm-w-94 { width: 94%; }
.pm-w-95 { width: 95%; }
.pm-w-96 { width: 96%; }
.pm-w-97 { width: 97%; }
.pm-w-98 { width: 98%; }
.pm-w-99 { width: 99%; }
.pm-w-100 { width: 100%; }
.pm-sub-h { font-size: 12px; font-weight: 600; color: var(--pm-ink-2); margin: 14px 0 0; text-transform: uppercase; letter-spacing: .03em; }
.manager-grid + .manager-grid { margin-top: 18px; }
.manager-cards + .manager-grid { margin-top: 0; }
.pm-back { margin: 8px 0 -6px; }
.pm-back a { text-decoration: none; font-size: 13px; }
.pm-header h1 .pm-dot { vertical-align: 4px; }

/* Plugins / Themes: toolbar, bulk bar, grid tiles and the list. */
.pm-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 10px; }
.pm-toolbar .subsubsub { margin: 0; float: none; }
.pm-search { display: flex; gap: 8px; align-items: center; }
.pm-search input[type=search] { min-width: 240px; min-height: 34px; border-radius: 4px; }
.pm-view { display: inline-flex; }
.pm-view .button { min-height: 34px; padding: 0 8px; border-radius: 0; }
.pm-view .button:first-child { border-radius: 4px 0 0 4px; }
.pm-view .button:last-child { border-radius: 0 4px 4px 0; margin-left: -1px; }
.pm-view .button .dashicons { margin: 0; vertical-align: -4px; }
.pm-view .button.is-on { background: var(--pm-accent-soft); border-color: var(--pm-accent); color: var(--pm-accent); position: relative; z-index: 1; }
.pm-bulkbar {
	display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 12px; margin: 0 0 14px;
	background: var(--pm-surface); border: 1px solid var(--pm-line); border-radius: var(--pm-radius); box-shadow: var(--pm-shadow);
}
#pm-bulk.has-selection .pm-bulkbar { border-color: #c9cfef; background: #f8f9fe; }
.pm-checkall { display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; font-weight: 500; }
.pm-selected { color: var(--pm-accent); font-weight: 500; }
.pm-total { margin-left: auto; color: var(--pm-ink-3); }

.pm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.pm-tile {
	position: relative; background: var(--pm-surface); border: 1px solid var(--pm-line); border-radius: var(--pm-radius);
	box-shadow: var(--pm-shadow); overflow: hidden; transition: box-shadow .15s, border-color .15s, transform .15s;
}
.pm-tile:hover { box-shadow: var(--pm-shadow-hover); transform: translateY(-1px); }
.pm-tile.is-selected { border-color: var(--pm-accent); box-shadow: 0 0 0 1px var(--pm-accent), var(--pm-shadow-hover); }
.pm-tile-shot { display: block; aspect-ratio: 4 / 3; background: var(--pm-line-2); border-bottom: 1px solid var(--pm-line-2); overflow: hidden; }
.pm-tile-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; transition: transform .3s; }
.pm-tile:hover .pm-tile-shot img { transform: scale(1.02); }
.pm-tile-shot img.pm-tile-icon { width: 96px; height: 96px; object-fit: contain; margin: 13% auto 0; border-radius: 18px; }
.pm-tile.is-off .pm-tile-shot img { filter: grayscale(1); opacity: .55; }
.pm-tile-check { position: absolute; top: 10px; left: 10px; z-index: 2; background: rgba(255,255,255,.95); border-radius: 4px; padding: 3px 4px 1px; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.pm-tile-check input { margin: 0; }
.pm-state { position: absolute; top: 10px; right: 10px; z-index: 2; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.pm-state.on { background: var(--pm-green-soft); color: #00701a; }
.pm-state.off { background: #fff; color: var(--pm-ink-3); }
.pm-tile-body { padding: 12px 14px 14px; }
.pm-tile-title { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.pm-tile-title a { font-size: 14px; font-weight: 600; text-decoration: none; color: var(--pm-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-tile-title a:hover { color: var(--pm-accent); }
.pm-tile-title span { color: var(--pm-ink-3); font-size: 12px; font-variant-numeric: tabular-nums; }
.pm-tile-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 8px; min-height: 20px; }
.pm-dl { margin-left: auto; color: var(--pm-ink-3); font-size: 12px; }
.pm-dl .dashicons { font-size: 14px; width: 14px; height: 14px; vertical-align: -2px; }

.pm-list .column-primary { width: 38%; }
.pm-list .pm-col-state { width: 110px; white-space: nowrap; }
.pm-item { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pm-item > div { min-width: 0; }
.pm-item .row-title { font-weight: 600; }
.pm-item-sub { color: var(--pm-ink-3); font-size: 12px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-item-sub code { font-size: 12px; background: none; padding: 0; }
.pm-item .manager-shot { width: 72px; height: 54px; border-radius: 4px; border: 1px solid var(--pm-line-2); margin: 0; flex: none; }
.pm-item .manager-icon { width: 40px; height: 40px; margin: 0; flex: none; }
.pm-list tr.is-off .row-title { color: var(--pm-ink-3); }
.pm-list tr.is-off img { filter: grayscale(1); opacity: .6; }
@media screen and (max-width: 782px) { .pm-search input[type=search] { min-width: 0; flex: 1; } .pm-total { margin-left: 0; } }
.pm-list th.check-column, .pm-list td.check-column { vertical-align: middle; padding-top: 0; padding-bottom: 0; }
.pm-list th.check-column input, .pm-list td.check-column input { margin: 0 0 0 8px; }

/* ---- Spacing and layout pass: page rhythm, filter pills, bulk bar, upload card ---- */
#wpbody-content .wrap { padding: 8px 4px 40px; }
.pm-header { margin: 8px 0 22px; padding-bottom: 18px; border-bottom: 1px solid var(--pm-line); align-items: center; }
.pm-header p { max-width: 70ch; line-height: 1.5; }
.pm-toolbar { margin: 0 0 14px; }
.pm-toolbar .subsubsub { display: inline-flex; gap: 4px; padding: 3px; background: var(--pm-line-2); border-radius: 8px; }
.pm-toolbar .subsubsub li { margin: 0; padding: 0; }
.pm-toolbar .subsubsub li::after { content: none; }
.pm-toolbar .subsubsub a { display: block; padding: 5px 12px; border-radius: 6px; color: var(--pm-ink-2); text-decoration: none; font-weight: 500; }
.pm-toolbar .subsubsub a .count { color: var(--pm-ink-3); font-weight: 400; }
.pm-toolbar .subsubsub a.current { background: var(--pm-surface); color: var(--pm-ink); box-shadow: var(--pm-shadow); }
.pm-search { gap: 10px; }
.pm-bulkbar { padding: 8px 14px; min-height: 52px; gap: 10px; }
.pm-bulkbar select { min-height: 34px; border-radius: 4px; min-width: 200px; }
.pm-bulkbar .button { min-height: 34px; }
.pm-empty { padding: 56px 16px 48px; }
.pm-empty .dashicons { width: 64px; height: 64px; font-size: 32px; line-height: 64px; margin-bottom: 14px; background: var(--pm-accent-soft); color: var(--pm-accent); }
.pm-empty p { margin: 0 0 18px; font-size: 14px; }
.pm-empty + .button, .pm-empty .button-primary { min-height: 36px; line-height: 34px; padding: 0 18px; }
.postbox:has(> .inside > .pm-empty) { display: block; }

.pm-upload { padding: 0; margin: 28px 0 0; overflow: hidden; max-width: 920px; }
.pm-upload-head { display: flex; gap: 14px; align-items: center; padding: 18px 24px; border-bottom: 1px solid var(--pm-line-2); background: #fafbfe; }
.pm-upload-head > .dashicons { flex: none; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; border-radius: 10px; background: var(--pm-accent-soft); color: var(--pm-accent); }
.pm-upload-head h2 { margin: 0; padding: 0; font-size: 16px; line-height: 1.3; }
.pm-upload-head p { margin: 2px 0 0; color: var(--pm-ink-3); }
.pm-upload-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 28px; padding: 24px; }
.pm-field { margin: 0; padding: 0; border: 0; min-width: 0; }
.pm-field-wide { grid-column: 1 / -1; }
.pm-label { display: block; padding: 0; margin: 0 0 8px; font-weight: 600; font-size: 13px; color: var(--pm-ink); }
.pm-field .description { margin: 8px 0 0; color: var(--pm-ink-3); line-height: 1.55; }
.pm-field select { width: 100%; max-width: none; min-height: 40px; border-radius: 6px; }
.pm-file { display: block; width: 100%; box-sizing: border-box; padding: 22px; border: 2px dashed #c9cfef; border-radius: 10px; background: #f8f9fe; color: var(--pm-ink-2); cursor: pointer; }
.pm-file:hover { border-color: var(--pm-accent); background: var(--pm-accent-soft); }
.pm-file::file-selector-button { margin-right: 14px; padding: 7px 14px; border: 1px solid var(--pm-accent); border-radius: 4px; background: var(--pm-surface); color: var(--pm-accent); font: inherit; font-weight: 500; cursor: pointer; }
.pm-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pm-choice, .pm-check { display: flex; gap: 10px; align-items: flex-start; padding: 11px 13px; border: 1px solid var(--pm-line); border-radius: 8px; background: var(--pm-surface); cursor: pointer; transition: border-color .15s, background .15s; }
.pm-choice:hover, .pm-check:hover { border-color: #c9cfef; }
.pm-choice:has(input:checked), .pm-check:has(input:checked) { border-color: var(--pm-accent); background: var(--pm-accent-soft); }
.pm-choice input, .pm-check input { margin: 2px 0 0; flex: none; }
.pm-choice span, .pm-check span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pm-choice b, .pm-check b { font-weight: 600; color: var(--pm-ink); }
.pm-choice small, .pm-check small { color: var(--pm-ink-3); font-size: 12px; line-height: 1.4; }
.pm-switches { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pm-upload-foot { grid-column: 1 / -1; display: flex; justify-content: flex-end; padding-top: 18px; border-top: 1px solid var(--pm-line-2); }
.pm-upload-foot .button { min-height: 38px; padding: 0 22px; }
.pm-upload-foot .button .dashicons { font-size: 16px; width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; }
@media screen and (max-width: 782px) {
	.pm-upload-form, .pm-choices, .pm-switches { grid-template-columns: 1fr; }
	.pm-upload-head, .pm-upload-form { padding-left: 16px; padding-right: 16px; }
}

/* ---- Global layout pass: comfortable page width, card forms, calmer tables ---- */
#wpcontent { padding-left: 28px; }
#wpbody-content { padding-bottom: 32px; }
#wpbody-content .wrap { max-width: 1240px; margin: 0 auto 0 0; padding: 20px 8px 48px; }
.wrap > h2.title, .wrap > h2:not(.screen-reader-text) { font-size: 16px; font-weight: 600; margin: 32px 0 6px; padding: 0; }
.wrap > h2.title + p { margin: 0 0 14px; color: var(--pm-ink-3); max-width: 70ch; line-height: 1.55; }

/* Forms: every form-table directly in a form becomes a card. */
.wrap form > .form-table {
	background: var(--pm-surface); border: 1px solid var(--pm-line); border-radius: var(--pm-radius); box-shadow: var(--pm-shadow);
	margin: 0 0 16px; padding: 6px 24px; max-width: 920px; width: 100%; box-sizing: border-box;
}
.wrap form > .form-table tr + tr > * { border-top: 1px solid var(--pm-line-2); }
.wrap form > .form-table th { padding: 18px 20px 18px 0; width: 220px; font-weight: 600; color: var(--pm-ink); vertical-align: top; }
.wrap form > .form-table td { padding: 14px 0; }
.wrap form > .form-table td .description { margin: 6px 0 0; color: var(--pm-ink-3); line-height: 1.55; }
.wrap form > .form-table input[type=text], .wrap form > .form-table input[type=number], .wrap form > .form-table input[type=url],
.wrap form > .form-table input[type=password], .wrap form > .form-table select { min-height: 38px; border-radius: 6px; }
.wrap form > .form-table .regular-text { width: 100%; max-width: 440px; }
.wrap form > p.submit { margin: 0 0 8px; padding: 0; max-width: 920px; }
.wrap form > p.submit .button { min-height: 36px; padding: 0 18px; border-radius: 4px; }

/* Plain data tables get the same card feel and breathing room. */
.wrap .widefat { border-radius: var(--pm-radius); overflow: hidden; }
.widefat th, .widefat td { padding: 12px 14px; }
.widefat thead th, .widefat thead td { padding: 12px 14px; background: #fafbfc; border-bottom: 1px solid var(--pm-line); }
.widefat.striped > tbody > :nth-child(odd) { background: transparent; }
.widefat tbody tr + tr > * { border-top: 1px solid var(--pm-line-2); }

/* Notices and the empty state sit on the same rhythm as the rest. */
.wrap .notice { margin: 0 0 18px; border-radius: 6px; }
.manager-cards { margin-bottom: 22px; }
.manager-grid { gap: 20px; }
.manager-grid + .manager-grid, .manager-cards + .manager-grid { margin-top: 20px; }
.pm-tile-body { padding: 14px 16px 16px; }
.pm-grid { gap: 20px; }

@media screen and (max-width: 782px) {
	#wpcontent { padding-left: 12px; }
	.wrap form > .form-table { padding: 4px 16px; }
	.wrap form > .form-table th { width: auto; padding-bottom: 4px; }
}

/* ---- Modern pass: fluid width (no dead space on the right), soft canvas, floating cards ---- */
#wpbody-content .wrap { max-width: none; margin: 0; padding: 24px 32px 56px 8px; }
html.wp-toolbar, body, #wpwrap, #wpcontent { background: #f5f6fa; }
.pm-header { border-bottom: 0; padding-bottom: 0; margin: 0 0 24px; }
.pm-header h1 { font-size: 26px; letter-spacing: -.02em; }
.pm-header p { font-size: 14px; }

.manager-cards { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; }
.manager-card, .postbox, .pm-tile, .pm-bulkbar, .manager-upload, .wrap form > .form-table {
	border: 0; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 16px rgba(16,24,40,.04); border-radius: 14px;
}
.manager-card { padding: 18px 20px; }
.manager-card .dashicons { width: 44px; height: 44px; line-height: 44px; border-radius: 12px; }
.manager-card .n { font-size: 30px; }
a.manager-card:hover, .pm-tile:hover { box-shadow: 0 2px 4px rgba(16,24,40,.06), 0 10px 28px rgba(16,24,40,.09); }

.postbox .postbox-header { border-bottom: 0; padding: 6px 6px 0 0; }
.postbox .postbox-header .hndle { font-size: 15px; padding: 14px 20px 6px; }
.postbox .inside { padding: 10px 20px 20px; }
.postbox .inside > table.widefat { margin: -10px -20px -20px; width: calc(100% + 40px); border-radius: 0 0 14px 14px; }
.manager-grid { grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 20px; }
.manager-grid.wide { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
@media screen and (max-width: 1100px) { .manager-grid.wide { grid-template-columns: 1fr; } }

/* Long ranked lists scroll inside their panel instead of stretching the row. */
.pm-rank { max-height: 330px; overflow-y: auto; margin: 0; padding-right: 4px; }
.pm-feed { max-height: 330px; overflow-y: auto; margin: 0; }
.pm-rank li { padding: 10px 0; }
.pm-rank .track { height: 6px; border-radius: 3px; }
.pm-chart-plot { height: 170px; }

.widefat, .wp-list-table { border: 0 !important; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 16px rgba(16,24,40,.04); }
.pm-toolbar .subsubsub { background: #e9ebf3; }
.pm-view .button.is-on { background: #fff; }
.pm-upload { max-width: none; }
.wrap form > .form-table, .wrap form > p.submit { max-width: 1000px; }
.button-primary { border-radius: 8px !important; }
.pm-header .button, .pm-bulkbar .button, .pm-view .button { border-radius: 8px; }
.pm-view .button:first-child { border-radius: 8px 0 0 8px; }
.pm-view .button:last-child { border-radius: 0 8px 8px 0; }
@media screen and (max-width: 782px) { #wpbody-content .wrap { padding: 16px 12px 40px; } }

/* Signing keys: the endorse command to copy */
.manager-upload pre { margin: 8px 0 12px; padding: 10px 12px; background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 4px; white-space: pre-wrap; }
.manager-upload pre code { background: none; padding: 0; font-size: 12px; }