/* ============================================================
   IKC Companion — Phase B visual system ("Kingdom Authority")
   Locked mockup 2026-10-02 (Theo-approved). Enqueued AFTER
   companion.css; these rules win the cascade.
   Near-black #141210 / gold #c9a227 / parchment #f5efe0.
   Playfair Display for titles, system stack for body.
   ============================================================ */
#wcc-widget {
	max-width: 480px;
	margin: 0 auto;
	background: #141210;
	border: 1px solid rgba(201,162,39,.28);
	border-radius: 18px;
	box-shadow: 0 18px 50px rgba(0,0,0,.45);
	padding: 6px 6px 22px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #e8e2d6;
}
/* ---------- command bar ---------- */
.wcc2-cbar { display: flex; flex-direction: column; gap: 9px; padding: 14px 16px 13px; position: sticky; top: 0; z-index: 40; background: #141210; }
body.admin-bar .wcc2-cbar { top: 32px; }
.wcc2-crow { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wcc2-cact { display: flex; align-items: center; gap: 8px; }
.wcc2-ctitle {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 23px; font-weight: 600; color: #f2ead8 !important;
	text-align: center; padding-bottom: 7px; margin: 0;
	border-bottom: 2px solid #c9a227;
	display: flex; align-items: center; justify-content: center; gap: 10px;
}
.wcc2-sigil {
	width: 26px; height: 26px; flex: 0 0 26px;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 12px; font-weight: 700; color: #141210;
	background: #c9a227; border-radius: 4px;
}
.wcc2-dt { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #c9a227 !important; }
/* back button (its markup is filled by the existing renderDashboardLink) */
.wcc2-cbar #wcc-dashboard-link-wrap { flex-basis: auto; }
.wcc2-cbar .wcc-dashboard-link {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 12px; font-weight: 700; letter-spacing: .04em;
	color: #e9c860 !important; border: 1px solid #6b5a2e; border-radius: 8px;
	padding: 7px 10px; margin: 0; text-decoration: none; white-space: nowrap;
	background: transparent !important;
}
.wcc2-cbar .wcc-dashboard-link:hover { color: #f2ead8 !important; border-color: #c9a227; text-decoration: none; }
/* bell button — the EXISTING push toggle (id wcc-enable-push), relocated.
   The icon is pure CSS so the JS-driven status text stays byte-identical
   (visually hidden, still announced to assistive tech). */
.wcc2-iconbtn {
	width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%;
	border: 1px solid #6b5a2e; background: transparent; color: #e9c860;
	padding: 0; font-size: 0; line-height: 0; white-space: nowrap; overflow: hidden;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 17px 17px;
}
.wcc2-iconbtn:hover { border-color: #c9a227; }
.wcc2-iconbtn:disabled { background-color: #a7b3bd; color: #4a4132; cursor: default; }
.wcc2-iconbtn.wcc-btn-enabled {
	background-color: #c9a227 !important; border-color: #c9a227 !important; color: #141210 !important;
}
.wcc2-iconbtn.wcc-btn-blocked {
	background-color: #3a2a1a !important; border-color: #b3691e !important; color: #e08a5a !important;
}
/* streak pill (the real streak badge, restyled; its text is untouched) */
.wcc2-streak {
	font-size: 11px; font-weight: 700; letter-spacing: .06em; white-space: nowrap;
	color: #e9c860 !important; border: 1px solid #c9a227; border-radius: 999px; padding: 4px 10px;
}
/* ---------- secondary tools row — every header control stays reachable ---------- */
.wcc2-tools { display: flex; gap: 8px; flex-wrap: nowrap; padding: 2px 14px 12px; }
.wcc2-tools .wcc-btn {
	background: transparent; color: #e9c860 !important; border: 1px solid #6b5a2e;
	font-size: 11px; padding: 7px 6px; border-radius: 8px;
	flex: 1 1 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wcc2-tools .wcc-btn:hover { border-color: #c9a227; color: #f2ead8 !important; }
.wcc2-tools .wcc-btn-reset { background: #7a2e2e; border-color: #7a2e2e; color: #fff !important; }
/* ---------- pill tabs (same 4 tabs, same handlers) ---------- */
#wcc-widget .wcc-tab-bar {
	display: flex; gap: 6px; padding: 4px 14px 12px; margin-bottom: 0; flex-wrap: wrap;
	background: transparent; border: none; border-radius: 0;
}
#wcc-widget .wcc-tab-btn {
	font-size: 12px; font-weight: 600; padding: 7px 13px; border-radius: 999px;
	border: 1px solid transparent; border-bottom: none; background: transparent;
	color: #b7ac93 !important; cursor: pointer; letter-spacing: .02em;
	font-family: inherit; flex: 1;
}
#wcc-widget .wcc-tab-btn:hover { color: #f2ead8 !important; }
#wcc-widget .wcc-tab-btn.wcc-tab-active { background: #c9a227 !important; color: #141210 !important; }
#wcc-widget .wcc-tab-intro { color: #b7ac93; }
/* ---------- parchment docket cards ---------- */
#wcc-widget .wcc-card {
	background: #f5efe0;
	border: 1px solid #d8cdb2;
	border-top: 3px solid #c9a227;
	border-radius: 10px;
	padding: 16px 18px;
	margin-bottom: 12px;
	color: #4a4132;
}
#wcc-widget .wcc-card h3 {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 17px; font-weight: 600; color: #241f16 !important; margin: 0 0 6px;
}
#wcc-widget .wcc-card p { color: #4a4132; font-size: 13px; line-height: 1.5; }
#wcc-widget .wcc-message { color: #4a4132; }
#wcc-widget .wcc-field-label { color: #4a4132; }
/* buttons on parchment: primary near-black/gold, secondary outline */
#wcc-widget .wcc-card .wcc-btn {
	background: #141210; color: #e9c860; border: 1px solid #c9a227;
	border-radius: 8px; font-size: 12.5px; font-weight: 700; letter-spacing: .03em;
}
#wcc-widget .wcc-card .wcc-btn:hover { background: #241f16; color: #f2ead8; }
#wcc-widget .wcc-card .wcc-btn-ghost {
	background: transparent; color: #6d5626 !important; border: 1px solid #8a6d1f;
}
#wcc-widget .wcc-card .wcc-btn:disabled { opacity: .55; cursor: default; }
/* practices */
#wcc-widget .wcc-practice-row { border-bottom-color: rgba(36,31,22,.12); }
#wcc-widget .wcc-practice-check { background: #141210; color: #e9c860; border: 1px solid #c9a227; }
#wcc-widget .wcc-practice-body p { color: #6d6152; }
#wcc-widget .wcc-practice-slot-label { color: #8a7c5c; }
#wcc-widget .wcc-home-next { color: #241f16; }
#wcc-widget .wcc-home-dot-label { color: #8a7c5c; }
#wcc-widget .wcc-dot-pending { background: #d8cdb2; }
#wcc-widget .wcc-continue-resource { border-top-color: rgba(36,31,22,.14); }
/* mood buttons */
#wcc-widget .wcc-mood-btn {
	border-color: #b09a55; background: #efe7d2; border-radius: 50%;
	width: 52px; height: 52px; padding: 0;
}
#wcc-widget .wcc-mood-btn:hover { background: #e6dcc2; }
/* calendar + planner */
#wcc-widget .wcc-cal-header { color: #241f16; }
#wcc-widget .wcc-cal-day.wcc-cal-selected { background: #141210 !important; color: #e9c860 !important; border-color: #c9a227 !important; }
#wcc-widget .wcc-cal-day.wcc-cal-today { border: 2px solid #8a6d1f !important; }
#wcc-widget .wcc-cal-weekdays { color: #8a7c5c; }
#wcc-widget .wcc-day-planner-panel { background: #efe7d2; }
#wcc-widget .wcc-planner-date { color: #241f16; }
#wcc-widget .wcc-planner-slot h4 { color: #241f16; }
#wcc-widget .wcc-cal-legend, #wcc-widget .wcc-planner-loading,
#wcc-widget .wcc-planner-status, #wcc-widget .wcc-planner-empty { color: #8a7c5c; }
#wcc-widget .wcc-plan-ahead-desc { color: #6d6152; }
/* history + review */
#wcc-widget .wcc-history-row { border-bottom-color: rgba(36,31,22,.14); }
#wcc-widget .wcc-history-row-summary:hover { background: #efe7d2; }
#wcc-widget .wcc-history-detail { background: #efe7d2; }
#wcc-widget .wcc-history-tags { color: #8a7c5c; }
#wcc-widget .wcc-review-active { background: #141210 !important; color: #e9c860 !important; }
/* misc surfaces on parchment */
#wcc-widget .wcc-support-row { border-bottom-color: rgba(36,31,22,.12); }
#wcc-widget .wcc-support-reason { color: #8a7c5c; }
#wcc-widget .wcc-recommended-inline { background: #efe7d2; }
#wcc-widget .wcc-recommended-item { border-bottom-color: rgba(36,31,22,.12); }
#wcc-widget .wcc-status-tag { background: #e8dfc8; }
#wcc-widget .wcc-gap-action { background: #efe7d2; }
#wcc-widget .wcc-checkin-done { color: #2e7d32; }
/* form fields on parchment */
#wcc-widget .wcc-textarea, #wcc-widget select {
	border-color: #d8cdb2; background: #fffdf6; color: #241f16;
}
#wcc-widget .wcc-time-row label { color: #6d6152; }

/* boone-polish-ikc-width: desktop width matches ERC/THC companions (was 480px mobile width) */
@media (min-width: 900px) {
  #wcc-widget { max-width: 720px; }
}