#wpcm-banner[hidden],
#wpcm-modal[hidden],
#wpcm-manage[hidden] { display:none !important; }

.wpcm-banner {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999999;
	padding: 14px;
	background: #fff;
	color: #222;
	border-top: 1px solid #ddd;
	box-shadow: 0 -4px 22px rgba(0,0,0,.12);
	font-family: inherit;
}
.wpcm-banner.wpcm-top {
	top: 0;
	bottom: auto;
	border-top: 0;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 4px 22px rgba(0,0,0,.12);
}
.wpcm-inner {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	gap: 22px;
	align-items: center;
	justify-content: space-between;
}
.wpcm-copy { flex: 1; }
.wpcm-copy strong { display:block; font-size:16px; margin-bottom:5px; }
.wpcm-copy p { margin:0 0 7px; font-size:13px; line-height:1.55; }
.wpcm-links { display:flex; gap:14px; font-size:12px; }
.wpcm-links a { text-decoration:underline; }
.wpcm-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.wpcm-btn {
	border:1px solid #ccc;
	border-radius:6px;
	padding:10px 14px;
	cursor:pointer;
	font:inherit;
	font-size:13px;
	line-height:1.2;
	background:#fff;
}
.wpcm-btn.wpcm-primary {
	background:#111;
	color:#fff;
	border-color:#111;
}
.wpcm-btn.wpcm-secondary:hover,
.wpcm-btn.wpcm-primary:hover { opacity:.9; }

.wpcm-modal {
	position:fixed;
	inset:0;
	z-index:1000000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
}
.wpcm-backdrop {
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.55);
}
.wpcm-dialog {
	position:relative;
	width:min(620px,100%);
	max-height:90vh;
	overflow:auto;
	background:#fff;
	color:#222;
	border-radius:10px;
	padding:24px;
	box-shadow:0 12px 50px rgba(0,0,0,.25);
	font-family:inherit;
}
.wpcm-dialog h2 { margin:0 30px 8px 0; font-size:22px; }
.wpcm-dialog p { font-size:13px; line-height:1.55; }
.wpcm-close {
	position:absolute;
	right:14px;
	top:10px;
	border:0;
	background:transparent;
	font-size:28px;
	line-height:1;
	cursor:pointer;
}
.wpcm-category {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:14px 0;
	border-top:1px solid #eee;
}
.wpcm-category div { display:flex; flex-direction:column; gap:4px; }
.wpcm-category strong { font-size:14px; }
.wpcm-category span { font-size:12px; color:#666; }
.wpcm-category input { width:18px; height:18px; }
.wpcm-modal-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:18px; }
.wpcm-manage {
	position:fixed;
	left:12px;
	bottom:12px;
	z-index:999998;
	border:1px solid #bbb;
	border-radius:999px;
	padding:8px 12px;
	background:#fff;
	color:#222;
	font:inherit;
	font-size:12px;
	cursor:pointer;
	box-shadow:0 2px 10px rgba(0,0,0,.12);
}

@media (max-width:700px) {
	.wpcm-inner { flex-direction:column; align-items:stretch; gap:12px; }
	.wpcm-actions { justify-content:stretch; }
	.wpcm-actions .wpcm-btn { flex:1; }
	.wpcm-dialog { padding:20px; }
}

.wpcm-shortcode-manage {
	position: static;
	display: inline-block;
	box-shadow: none;
}