/**
 * Frontend Styles for Company Authors Manager
 *
 * Designed with modern agency aesthetics, semantic BEM-friendly classes,
 * CSS variables, and fully responsive layouts.
 *
 * @package CompanyAuthorsManager
 */

:root {
	--cam-font-family: inherit;
	--cam-color-text: #1e293b;
	--cam-color-heading: #0f172a;
	--cam-color-muted: #64748b;
	--cam-color-primary: #2563eb;
	--cam-color-primary-hover: #1d4ed8;
	--cam-color-border: #e2e8f0;
	--cam-color-bg-card: #ffffff;
	--cam-color-bg-subtle: #f8fafc;
	--cam-radius-sm: 6px;
	--cam-radius-md: 10px;
	--cam-radius-full: 9999px;
	--cam-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
	--cam-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
	--cam-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
	--cam-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Container */
.cam-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

/* Base Authors Box Container */
.company-authors-box {
	margin: 40px 0;
	padding: 24px;
	background: var(--cam-color-bg-subtle);
	border: 1px solid var(--cam-color-border);
	border-radius: var(--cam-radius-md);
}

.company-authors-section-title {
	margin: 0 0 20px 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--cam-color-heading);
	letter-spacing: -0.02em;
}

/* Layout: Grid */
.company-authors.cam-layout-grid .company-authors-list {
	display: grid;
	gap: 20px;
}

.company-authors.cam-cols-1 .company-authors-list { grid-template-columns: 1fr; }
.company-authors.cam-cols-2 .company-authors-list { grid-template-columns: repeat(2, 1fr); }
.company-authors.cam-cols-3 .company-authors-list { grid-template-columns: repeat(3, 1fr); }
.company-authors.cam-cols-4 .company-authors-list { grid-template-columns: repeat(4, 1fr); }
.company-authors.cam-cols-5 .company-authors-list { grid-template-columns: repeat(5, 1fr); }
.company-authors.cam-cols-6 .company-authors-list { grid-template-columns: repeat(6, 1fr); }

@media (max-width: 1024px) {
	.company-authors.cam-cols-3 .company-authors-list,
	.company-authors.cam-cols-4 .company-authors-list,
	.company-authors.cam-cols-5 .company-authors-list,
	.company-authors.cam-cols-6 .company-authors-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.company-authors.cam-layout-grid .company-authors-list {
		grid-template-columns: 1fr !important;
	}
}

/* Layout: List */
.company-authors.cam-layout-list .company-authors-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.company-authors.cam-layout-list .company-author-card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
}

@media (max-width: 540px) {
	.company-authors.cam-layout-list .company-author-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/* Layout: Inline Compact */
.company-authors.cam-layout-inline .company-authors-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: center;
}

.company-authors.cam-layout-inline .company-author-card {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 12px;
	background: #ffffff;
	border: 1px solid var(--cam-color-border);
	border-radius: var(--cam-radius-full);
	box-shadow: var(--cam-shadow-sm);
	gap: 10px;
}

.company-authors.cam-layout-inline .company-author-photo-wrapper {
	width: 32px;
	height: 32px;
}

.company-authors.cam-layout-inline .company-author-name {
	font-size: 0.9rem;
	margin: 0;
}

.company-authors.cam-layout-inline .company-author-job {
	font-size: 0.75rem;
	margin: 0;
}

.company-authors.cam-layout-inline .company-author-bio,
.company-authors.cam-layout-inline .company-author-social {
	display: none;
}

/* Author Card Design Base */
.company-author-card {
	background: var(--cam-color-bg-card);
	border: 1px solid var(--cam-color-border);
	border-radius: var(--cam-radius-md);
	padding: 20px;
	box-shadow: var(--cam-shadow-sm);
	transition: var(--cam-transition);
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-break: break-word;
}

.company-author-card:hover {
	box-shadow: var(--cam-shadow-md);
	border-color: #cbd5e1;
	transform: translateY(-2px);
}

.company-author-photo-wrapper {
	width: 72px;
	height: 72px;
	border-radius: var(--cam-radius-full);
	overflow: hidden;
	flex-shrink: 0;
	margin-bottom: 14px;
	border: 2px solid var(--cam-color-border);
	background: var(--cam-color-bg-subtle);
	transition: var(--cam-transition);
}

.company-author-card:hover .company-author-photo-wrapper {
	transform: scale(1.03);
}

.company-author-photo-link {
	display: block;
	width: 100%;
	height: 100%;
}

.company-author-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: inherit;
}

.company-author-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.company-author-name {
	margin: 0 0 4px 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--cam-color-heading);
	line-height: 1.3;
}

.company-author-link {
	color: inherit;
	text-decoration: none;
	transition: var(--cam-transition);
}

.company-author-link:hover {
	color: var(--cam-color-primary);
}

.company-author-job {
	margin: 0 0 10px 0;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--cam-color-muted);
	letter-spacing: 0.01em;
}

.company-author-bio {
	margin: 0 0 14px 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--cam-color-text);
}

.company-author-bio p {
	margin: 0;
}

/* ==========================================================================
   THE 6 DESIGN PRESETS
   ========================================================================== */

/* PRESET 1: CLEAN / MINIMALIST (Default) */
.cam-style-clean .company-author-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 22px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* PRESET 2: GLASSMORPHISM / FROST MODERN */
.cam-style-glassmorphism .company-author-card {
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07), 0 2px 6px rgba(0, 0, 0, 0.03);
}

.cam-style-glassmorphism .company-author-card:hover {
	background: rgba(255, 255, 255, 0.88);
	border-color: rgba(37, 99, 235, 0.3);
	box-shadow: 0 14px 38px 0 rgba(37, 99, 235, 0.12);
}

.cam-style-glassmorphism .company-author-photo-wrapper {
	border: 2px solid rgba(255, 255, 255, 0.95);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

/* PRESET 3: COMPACT PILL CARD */
.cam-style-compact_pill .company-author-card {
	flex-direction: row;
	align-items: center;
	padding: 10px 18px;
	border-radius: 9999px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	gap: 14px;
}

.cam-style-compact_pill .company-author-photo-wrapper {
	width: 48px;
	height: 48px;
	margin-bottom: 0;
}

.cam-style-compact_pill .company-author-job {
	display: inline-block;
	background: #f1f5f9;
	color: #475569;
	font-size: 0.75rem;
	padding: 2px 8px;
	border-radius: 10px;
	margin: 0;
}

.cam-style-compact_pill .company-author-bio {
	display: none;
}

.cam-style-compact_pill .company-author-social {
	margin-top: 0;
	padding-top: 0;
}

/* PRESET 4: CREATIVE AGENCY / BOLD DARK THEME */
.cam-style-creative_dark .company-author-card {
	background: #0f172a;
	border: 1px solid #334155;
	border-radius: 14px;
	color: #f8fafc;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
}

.cam-style-creative_dark .company-author-card:hover {
	border-color: #38bdf8;
	box-shadow: 0 14px 30px -5px rgba(56, 189, 248, 0.15);
}

.cam-style-creative_dark .company-author-name {
	color: #ffffff;
}

.cam-style-creative_dark .company-author-job {
	color: #38bdf8;
	font-weight: 600;
}

.cam-style-creative_dark .company-author-bio {
	color: #cbd5e1;
}

.cam-style-creative_dark .company-author-photo-wrapper {
	border-color: #38bdf8;
}

.cam-style-creative_dark .company-author-social-link {
	background: #1e293b;
	border-color: #334155;
	color: #94a3b8;
}

.cam-style-creative_dark .company-author-social-link:hover {
	background: #38bdf8;
	border-color: #38bdf8;
	color: #0f172a;
}

/* PRESET 5: EDITORIAL MAGAZINE / FLOATING AVATAR */
.cam-style-floating_avatar .company-author-card {
	margin-top: 45px;
	padding-top: 50px;
	border-radius: 16px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	text-align: center;
	align-items: center;
}

.cam-style-floating_avatar .company-author-photo-wrapper {
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
	width: 90px;
	height: 90px;
	border: 4px solid #ffffff;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
}

.cam-style-floating_avatar .company-author-card:hover .company-author-photo-wrapper {
	transform: translateX(-50%) scale(1.05);
}

.cam-style-floating_avatar .company-author-job {
	display: inline-block;
	background: #eff6ff;
	color: #2563eb;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 0.8rem;
}

.cam-style-floating_avatar .company-author-social {
	justify-content: center;
	border-top: 1px solid #f1f5f9;
	width: 100%;
}

/* PRESET 6: EXECUTIVE / HERO BANNER */
.cam-style-hero_banner .company-author-card {
	flex-direction: row;
	align-items: center;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06);
	gap: 30px;
}

.cam-style-hero_banner .company-author-photo-wrapper {
	width: 110px;
	height: 110px;
	margin-bottom: 0;
	border-width: 3px;
}

.cam-style-hero_banner .company-author-name {
	font-size: 1.4rem;
}

.cam-style-hero_banner .company-author-job {
	font-size: 0.95rem;
	color: var(--cam-color-primary);
	font-weight: 600;
}

@media (max-width: 640px) {
	.cam-style-hero_banner .company-author-card {
		flex-direction: column;
		text-align: center;
		padding: 20px;
		gap: 16px;
	}
}

/* Social Links */
.company-author-social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
	padding-top: 10px;
}

.company-author-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--cam-radius-full);
	background: var(--cam-color-bg-subtle);
	border: 1px solid var(--cam-color-border);
	color: var(--cam-color-muted);
	text-decoration: none;
	transition: var(--cam-transition);
}

.company-author-social-link:hover {
	background: var(--cam-color-primary);
	border-color: var(--cam-color-primary);
	color: #ffffff;
	transform: scale(1.08);
}

/* Social Icons (Pure CSS SVG Masks) */
.cam-social-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: currentColor;
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}

.cam-icon-linkedin {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>');
}

.cam-icon-twitter {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>');
}

.cam-icon-github {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>');
}

.cam-icon-facebook {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>');
}

.cam-icon-instagram {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>');
}

.cam-icon-behance {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 7h-7v-2h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-4.254 0-5.625-3.323-5.625-5.908 0-3.984 2.875-6.092 5.86-6.092 4.195 0 5.378 3.197 4.954 6.275h-7.794c.053 2.016 1.348 3.09 3.189 3.09 1.488 0 2.373-.836 2.684-1.637l1.833 1.272zm-7.669-4.707h4.897c-.105-1.447-.947-2.457-2.434-2.457-1.637 0-2.358 1.157-2.463 2.457zm-10.057 7.707h-6v-16h6.732c3.486 0 5.268 1.547 5.268 4.331 0 1.748-.898 3.011-2.222 3.655 1.791.688 2.672 2.261 2.672 4.172 0 2.92-2.122 3.842-6.45 3.842zm-3-13v4h3.109c1.422 0 2.291-.497 2.291-1.979 0-1.411-.849-2.021-2.291-2.021h-3.109zm0 7v6h3.486c1.696 0 2.514-.683 2.514-2.28 0-1.656-.913-2.72-2.514-2.72h-3.486z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 7h-7v-2h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-4.254 0-5.625-3.323-5.625-5.908 0-3.984 2.875-6.092 5.86-6.092 4.195 0 5.378 3.197 4.954 6.275h-7.794c.053 2.016 1.348 3.09 3.189 3.09 1.488 0 2.373-.836 2.684-1.637l1.833 1.272zm-7.669-4.707h4.897c-.105-1.447-.947-2.457-2.434-2.457-1.637 0-2.358 1.157-2.463 2.457zm-10.057 7.707h-6v-16h6.732c3.486 0 5.268 1.547 5.268 4.331 0 1.748-.898 3.011-2.222 3.655 1.791.688 2.672 2.261 2.672 4.172 0 2.92-2.122 3.842-6.45 3.842zm-3-13v4h3.109c1.422 0 2.291-.497 2.291-1.979 0-1.411-.849-2.021-2.291-2.021h-3.109zm0 7v6h3.486c1.696 0 2.514-.683 2.514-2.28 0-1.656-.913-2.72-2.514-2.72h-3.486z"/></svg>');
}

.cam-icon-whatsapp {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>');
}

.cam-icon-youtube {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>');
}

.cam-icon-telegram {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.562 8.161c-.18.717-.962 4.084-1.362 5.811-.169.731-.439.976-.699.1001-.566.052-1.001-.368-1.568-.741l-2.217-1.637c-.312-.23-.054-.356.069-.484.032-.033 1.226-1.123 2.247-2.073.047-.044.094-.148-.014-.148-.108 0-.271.072-.387.126l-3.52 2.219c-.516.326-1.008.489-1.477.478-.517-.012-1.512-.293-2.251-.534-.907-.295-1.627-.451-1.564-.952.033-.261.393-.529 1.08-.804 4.237-1.846 7.064-3.064 8.481-3.655 4.037-1.688 4.877-1.982 5.424-1.992.12 0 .39.03.564.172.147.12.188.283.208.4.02.116.035.385.018.595z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.562 8.161c-.18.717-.962 4.084-1.362 5.811-.169.731-.439.976-.699.1001-.566.052-1.001-.368-1.568-.741l-2.217-1.637c-.312-.23-.054-.356.069-.484.032-.033 1.226-1.123 2.247-2.073.047-.044.094-.148-.014-.148-.108 0-.271.072-.387.126l-3.52 2.219c-.516.326-1.008.489-1.477.478-.517-.012-1.512-.293-2.251-.534-.907-.295-1.627-.451-1.564-.952.033-.261.393-.529 1.08-.804 4.237-1.846 7.064-3.064 8.481-3.655 4.037-1.688 4.877-1.982 5.424-1.992.12 0 .39.03.564.172.147.12.188.283.208.4.02.116.035.385.018.595z"/></svg>');
}

.cam-icon-pinterest {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C24.007 5.367 18.624 0 12.017 0z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C24.007 5.367 18.624 0 12.017 0z"/></svg>');
}

.cam-icon-tiktok {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.82.56-1.31 1.54-1.34 2.52-.06 1.34.69 2.64 1.84 3.21.93.47 2.06.49 3.03.11.95-.36 1.7-1.18 1.94-2.16.14-.54.16-1.1.16-1.65.01-5.32 0-10.64.01-15.96z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.82.56-1.31 1.54-1.34 2.52-.06 1.34.69 2.64 1.84 3.21.93.47 2.06.49 3.03.11.95-.36 1.7-1.18 1.94-2.16.14-.54.16-1.1.16-1.65.01-5.32 0-10.64.01-15.96z"/></svg>');
}

.cam-icon-dribbble {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm9.849 10.742c-2.316-.484-4.636-.29-6.852.374-.119-.272-.244-.544-.378-.813 2.766-1.336 4.962-3.266 6.541-5.711 1.517 1.776 2.373 4.07 2.373 6.516 0 .428-.028.852-.084 1.268l-.85.366zm-4.148-7.794c-1.385 2.193-3.327 3.939-5.787 5.155-1.144-2.115-2.483-4.07-4.004-5.834 1.282-.468 2.66-.723 4.09-.723 2.091 0 4.041.537 5.701 1.402zm-11.455.513c1.554 1.748 2.923 3.687 4.086 5.795-2.738 1.01-5.718 1.344-8.825.922 1.026-2.87 2.877-5.281 4.739-6.717zm-4.321 8.878c.203.023.407.034.611.034 3.018 0 6.002-.387 8.827-1.397.165.342.321.689.467 1.04-3.642 1.388-6.611 3.824-8.815 7.189-1.312-1.849-2.09-4.093-2.09-6.52 0-.116.004-.23.012-.346zm4.182 8.358c2.003-3.155 4.743-5.449 8.163-6.772.846 2.228 1.464 4.545 1.83 6.906-2.529.986-5.32 1.157-8.152.417-.678-.179-1.285-.353-1.841-.551zm11.758 1.111c-.394-2.261-.99-4.479-1.797-6.615 2.029-.623 4.144-.817 6.264-.383-.341 2.849-1.864 5.345-4.467 6.998z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm9.849 10.742c-2.316-.484-4.636-.29-6.852.374-.119-.272-.244-.544-.378-.813 2.766-1.336 4.962-3.266 6.541-5.711 1.517 1.776 2.373 4.07 2.373 6.516 0 .428-.028.852-.084 1.268l-.85.366zm-4.148-7.794c-1.385 2.193-3.327 3.939-5.787 5.155-1.144-2.115-2.483-4.07-4.004-5.834 1.282-.468 2.66-.723 4.09-.723 2.091 0 4.041.537 5.701 1.402zm-11.455.513c1.554 1.748 2.923 3.687 4.086 5.795-2.738 1.01-5.718 1.344-8.825.922 1.026-2.87 2.877-5.281 4.739-6.717zm-4.321 8.878c.203.023.407.034.611.034 3.018 0 6.002-.387 8.827-1.397.165.342.321.689.467 1.04-3.642 1.388-6.611 3.824-8.815 7.189-1.312-1.849-2.09-4.093-2.09-6.52 0-.116.004-.23.012-.346zm4.182 8.358c2.003-3.155 4.743-5.449 8.163-6.772.846 2.228 1.464 4.545 1.83 6.906-2.529.986-5.32 1.157-8.152.417-.678-.179-1.285-.353-1.841-.551zm11.758 1.111c-.394-2.261-.99-4.479-1.797-6.615 2.029-.623 4.144-.817 6.264-.383-.341 2.849-1.864 5.345-4.467 6.998z"/></svg>');
}

.cam-icon-other {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>');
}

/* ==========================================================================
   AUTHOR PROFILE PAGE (single-author.php)
   ========================================================================== */
.company-author-profile-hero {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	background: #ffffff;
	border: 1px solid var(--cam-color-border);
	border-radius: var(--cam-radius-md);
	padding: 40px;
	box-shadow: var(--cam-shadow-md);
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.company-author-profile-hero {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 24px;
		gap: 20px;
	}
}

.company-author-profile-photo-wrap {
	width: 140px;
	height: 140px;
	border-radius: var(--cam-radius-full);
	overflow: hidden;
	flex-shrink: 0;
	border: 3px solid var(--cam-color-border);
	background: var(--cam-color-bg-subtle);
}

.company-author-profile-details {
	flex: 1;
}

.company-author-profile-details .company-author-name {
	font-size: 2.2rem;
	margin-bottom: 6px;
	letter-spacing: -0.03em;
}

.company-author-profile-details .company-author-job {
	font-size: 1.1rem;
	color: var(--cam-color-primary);
	font-weight: 600;
	margin-bottom: 16px;
}

.company-author-meta-info {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 15px 0;
	font-size: 0.9rem;
}

.company-author-contact-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--cam-color-muted);
	text-decoration: none;
	transition: var(--cam-transition);
}

.company-author-contact-item:hover {
	color: var(--cam-color-primary);
}

.cam-icon {
	display: inline-block;
	vertical-align: middle;
}

/* ==========================================================================
   AUTHOR ASSOCIATED PROJECTS GRID
   ========================================================================== */
.company-author-projects-section {
	margin-top: 40px;
}

.company-author-projects-title {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--cam-color-heading);
	margin-bottom: 25px;
	letter-spacing: -0.02em;
}

.company-author-projects-grid {
	display: grid;
	gap: 25px;
}

.cam-grid-cols-1 { grid-template-columns: 1fr; }
.cam-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.cam-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.cam-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
	.cam-grid-cols-3, .cam-grid-cols-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.company-author-projects-grid {
		grid-template-columns: 1fr !important;
	}
}

.company-author-project-card {
	background: #ffffff;
	border: 1px solid var(--cam-color-border);
	border-radius: var(--cam-radius-md);
	overflow: hidden;
	box-shadow: var(--cam-shadow-sm);
	transition: var(--cam-transition);
	display: flex;
	flex-direction: column;
}

.company-author-project-card:hover {
	box-shadow: var(--cam-shadow-hover);
	transform: translateY(-4px);
	border-color: #cbd5e1;
}

.company-author-project-thumbnail {
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--cam-color-bg-subtle);
}

.company-author-project-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.company-author-project-card:hover .company-author-project-thumbnail img {
	transform: scale(1.05);
}

.company-author-project-content {
	padding: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.company-author-project-type {
	display: inline-block;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--cam-color-primary);
	letter-spacing: 0.05em;
	margin-bottom: 6px;
}

.company-author-project-title {
	margin: 0 0 10px 0;
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--cam-color-heading);
	line-height: 1.35;
}

.company-author-project-title a {
	color: inherit;
	text-decoration: none;
	transition: var(--cam-transition);
}

.company-author-project-title a:hover {
	color: var(--cam-color-primary);
}

.company-author-project-excerpt {
	margin: 0 0 15px 0;
	font-size: 0.9rem;
	color: var(--cam-color-muted);
	line-height: 1.5;
}

.company-author-project-link {
	margin-top: auto;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--cam-color-primary);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	transition: var(--cam-transition);
}

.company-author-project-link:hover {
	color: var(--cam-color-primary-hover);
	transform: translateX(4px);
}

/* Pagination */
.cam-pagination {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	gap: 6px;
}

.cam-pagination .page-numbers {
	padding: 8px 14px;
	border: 1px solid var(--cam-color-border);
	background: #ffffff;
	border-radius: var(--cam-radius-sm);
	color: var(--cam-color-text);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	transition: var(--cam-transition);
}

.cam-pagination .page-numbers.current,
.cam-pagination .page-numbers:hover {
	background: var(--cam-color-primary);
	border-color: var(--cam-color-primary);
	color: #ffffff;
}

.cam-no-projects-box {
	padding: 30px;
	background: var(--cam-color-bg-subtle);
	border: 1px dashed var(--cam-color-border);
	border-radius: var(--cam-radius-md);
	text-align: center;
	color: var(--cam-color-muted);
}