/**
 * Page styles — genie-social. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.social-calendar__day {
	padding:5px;
	border-right:1px solid var(--site-border);
}

.social-calendar__day--last {
	border-right:none;
}

.social-calendar__day--today {
	background:var(--site-teal-bg-light);
}

.social-calendar__weekday {
	padding:5px;
	text-align:center;
	font-size:8px;
	font-weight:700;
	color:var(--site-text-muted);
	text-transform:uppercase;
	letter-spacing:.05em;
}


.social-calendar__post {
	background:var(--site-teal-bg);
	border-left:2px solid var(--site-teal);
	border-radius:3px;
	padding:2px 4px;
	font-size:7px;
	font-weight:600;
	color:var(--site-teal);
	margin-bottom:2px;
}

.social-calendar__post--today {
	background:var(--site-teal);
	font-weight:700;
	color:var(--site-white);
	border-left:none;
}

.social-calendar__post--facebook {
	background:var(--site-success-bg);
	border-left:2px solid var(--site-success);
	color:var(--site-success);
}


.social-composer__draft-text {
	background:var(--site-bg-subtle);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px;
	margin-bottom:8px;
	font-size:10px;
	color:var(--site-text-sec);
	line-height:1.5;
}

.social-composer__schedule-button {
	background:var(--site-teal);
	color:var(--site-white);
	border-radius:6px;
	padding:5px 14px;
	font-size:10px;
	font-weight:700;
	cursor:pointer;
}


.social-composer__toggle--off {
	width:28px;
	height:16px;
	border-radius:8px;
	background:var(--site-bg-subtle);
	border:1px solid var(--site-border);
}

.social-composer__toggle--on {
	width:28px;
	height:16px;
	border-radius:8px;
	background:var(--site-teal);
}

.social-calendar__weekdays {
	display:grid;
	grid-template-columns:repeat(7,1fr);
	border-bottom:1px solid var(--site-border);
	background:var(--site-bg-subtle);
}

.social-calendar__week {
	display:grid;
	grid-template-columns:repeat(7,1fr);
	border-bottom:1px solid var(--site-border);
}

.social-local-seo__stats {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:8px;
	margin-bottom:2px;
}

.social-composer__footer {
	padding:10px 14px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:8px;
}

.social-local-seo__citation {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:5px 10px;
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:6px;
}

.social-composer__channel {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:6px 10px;
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:6px;
}

.social-composer__logo--google {
	width:20px;
	height:20px;
	border-radius:4px;
	background:var(--site-google-red);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:7px;
	font-weight:800;
	color:var(--site-white);
}

.social-composer__logo--instagram {
	width:20px;
	height:20px;
	border-radius:4px;
	background:linear-gradient(45deg,var(--site-social-instagram-1),var(--site-social-instagram-2),var(--site-social-instagram-3),var(--site-social-instagram-4),var(--site-social-instagram-5));
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:10px;
	font-weight:800;
	color:var(--site-white);
}

.social-composer__logo--facebook {
	width:20px;
	height:20px;
	border-radius:4px;
	background:var(--site-social-facebook);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:10px;
	font-weight:800;
	color:var(--site-white);
}

.social-composer__logo--linkedin {
	width:20px;
	height:20px;
	border-radius:4px;
	background:var(--site-social-linkedin);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:8px;
	font-weight:800;
	color:var(--site-white);
}

.social-composer__channel-identity {
	display:flex;
	align-items:center;
	gap:8px;
}


.social-local-seo__section-title {
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-bottom:2px;
}

.social-calendar__date {
	font-size:9px;
	font-weight:700;
	color:var(--site-navy);
	margin-bottom:3px;
}

.social-calendar__date--today {
	color:var(--site-teal);
}


.social-calendar__date--past {
	font-size:9px;
	color:var(--site-text-muted);
	margin-bottom:3px;
}


@media (max-width: 640px) {
	.app-frame .social-calendar__weekdays { grid-template-columns:1fr;gap:4px; }
	.app-frame .social-calendar__weekdays > * { min-width:0; }
	.app-frame .social-calendar__week { grid-template-columns:1fr;gap:4px; }
	.app-frame .social-calendar__week > * { min-width:0; }
	.app-frame .social-local-seo__stats { grid-template-columns:1fr;gap:4px; }
	.app-frame .social-local-seo__stats > * { min-width:0; }
}

/* Moved here from another stylesheet: this is where these classes are used. */
.social-composer__draft-area {
	padding:12px 14px;
	border-bottom:1px solid var(--site-border);
}
.social-calendar__add-link {
	font-size:9px;
	font-weight:700;
	color:var(--site-teal);
	cursor:pointer;
}
.social-local-seo__stat {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px;
	text-align:center;
}
.social-calendar__footer {
	background:var(--site-bg-subtle);
	border-top:1px solid var(--site-border);
	padding:8px 14px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.social-local-seo__citations {
	display:flex;
	flex-direction:column;
	gap:4px;
}
.social-composer__channels {
	display:flex;
	flex-direction:column;
	gap:5px;
}
.social-local-seo__body {
	padding:12px 14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.social-local-seo__stat-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-top:2px;
}
.social-local-seo__directory {
	font-size:10px;
	color:var(--site-navy);
}
.social-composer__channel-name {
	font-size:10px;
	font-weight:600;
	color:var(--site-navy);
}
.social-local-seo__stat-value {
	font-size:20px;
	font-weight:800;
	color:var(--site-navy);
}

.social-local-seo__stat-value--score {
	color:var(--site-teal);
}

.social-local-seo__stat-value--rank {
	color:var(--site-success);
}
.social-local-seo__citation-status--needs-update {
	font-size:9px;
	font-weight:700;
	color:var(--site-orange-44);
}
.social-local-seo__citation-status--verified {
	font-size:9px;
	font-weight:700;
	color:var(--site-success);
}
.social-calendar__summary {
	font-size:9px;
	color:var(--site-text-muted);
}
.social-composer__schedule-time {
	font-size:9px;
	color:var(--site-text-muted);
}