.activatewidgetarea {
	--awwa-ink: #181818;
	--awwa-muted: rgba(24,24,24,.62);
	--awwa-line: rgba(0,0,0,.08);
	position: relative;
	min-height: 650px;
	border-radius: 0;
	overflow: hidden;
	background: rgba(255,255,255,.48);
	backdrop-filter: blur(6px);
}

.activatewidgetarea * { box-sizing: border-box; }

.awwa-side-open {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 98;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 999px;
	background: rgba(255,255,255,.78);
	color: #111;
	box-shadow: 0 14px 34px rgba(0,0,0,.12);
	backdrop-filter: blur(16px);
	cursor: pointer;
	font-size: 18px;
	font-weight: 950;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity .18s ease, transform .18s ease;
}

.activatewidgetarea:hover .awwa-side-open,
.activatewidgetarea.awwa-drawer-open .awwa-side-open {
	opacity: 1;
	pointer-events: auto;
}

.awwa-side-open:hover { transform: scale(1.04); }
.activatewidgetarea.awwa-drawer-open .awwa-side-open { display: none; }

.awwa-icon-btn,
.awwa-pill-btn {
	appearance: none;
	border: 0;
	cursor: pointer;
	font-weight: 900;
	line-height: 1;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .15s ease;
}

.awwa-icon-btn {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
	color: var(--awwa-ink);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.awwa-pill-btn {
	border-radius: 999px;
	padding: 12px 16px;
	background: #111;
	color: #fff;
	font-size: 13px;
	box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.awwa-pill-btn.awwa-light {
	background: #fff;
	color: #111;
	border: 1px solid var(--awwa-line);
	box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.awwa-icon-btn:hover,
.awwa-pill-btn:hover { transform: translateY(-1px); }

.awwa-save-mode {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 13px;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
	font-size: 12px;
	font-weight: 950;
	color: #242424;
	text-transform: uppercase;
	letter-spacing: .025em;
}

.awwa-status {
	font-size: 12px;
	font-weight: 900;
	color: var(--awwa-muted);
}

.awwa-canvas {
	position: relative;
	min-height: 650px;
	height: 720px;
	overflow: auto;
	padding: 0;
	scroll-behavior: smooth;
	overscroll-behavior: contain;
}

.awwa-board {
	position: relative;
	min-width: 2600px;
	min-height: 100%;
	height: 720px;
	padding: 0;
}

.awwa-empty {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	pointer-events: none;
	color: rgba(0,0,0,.34);
	font-size: 24px;
	font-weight: 950;
	letter-spacing: -.04em;
}

.awwa-pan-btn {
	position: absolute;
	top: 50%;
	z-index: 90;
	width: 42px;
	height: 70px;
	border: 0;
	border-radius: 999px;
	background: rgba(255,255,255,.72);
	color: #111;
	box-shadow: 0 14px 34px rgba(0,0,0,.12);
	backdrop-filter: blur(12px);
	cursor: pointer;
	font-size: 28px;
	font-weight: 950;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-50%);
	transition: opacity .18s ease, transform .18s ease;
}

.activatewidgetarea:hover .awwa-pan-btn {
	opacity: 1;
	pointer-events: auto;
}

.awwa-pan-btn:hover { transform: translateY(-50%) scale(1.04); }
.awwa-pan-left { left: 14px; }
.awwa-pan-right { right: 14px; }
.awwa-drawer-backdrop { display: none; }

.awwa-widget-drawer {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: min(430px, 94vw);
	z-index: 120;
	background: rgba(255,255,255,.9);
	backdrop-filter: blur(24px);
	border-left: 1px solid rgba(255,255,255,.6);
	box-shadow: -24px 0 70px rgba(0,0,0,.14);
	transform: translateX(105%);
	transition: transform .22s ease;
	display: flex;
	flex-direction: column;
}

.activatewidgetarea.awwa-drawer-open .awwa-widget-drawer { transform: translateX(0); }

.awwa-drawer-head {
	padding: 18px;
	border-bottom: 1px solid var(--awwa-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.awwa-drawer-title {
	font-size: 20px;
	font-weight: 950;
	letter-spacing: -.04em;
	color: var(--awwa-ink);
}

.awwa-drawer-subtitle {
	margin-top: 4px;
	color: var(--awwa-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.awwa-drawer-top-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 18px;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.awwa-drawer-savebox {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.awwa-drawer-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	padding: 12px 18px;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.awwa-drawer-tab {
	border: 0;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
	color: #111;
	padding: 11px 12px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 950;
}

.awwa-drawer-tab.is-active {
	background: #111;
	color: #fff;
}

.awwa-drawer-panels {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.awwa-drawer-panel {
	display: none;
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
}

.awwa-drawer-panel.is-active { display: block; }

.awwa-drawer-search-wrap {
	padding: 14px 18px;
	border-bottom: 1px solid var(--awwa-line);
}

.awwa-drawer-search {
	width: 100%;
	border: 1px solid var(--awwa-line);
	border-radius: 16px;
	padding: 13px 14px;
	font-size: 14px;
	font-weight: 800;
	outline: none;
	background: #fff;
	color: #111;
}

.awwa-widget-list { padding: 14px 18px 22px; }

.awwa-widget-card {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--awwa-line);
	border-radius: 20px;
	background: #fff;
	margin-bottom: 12px;
	cursor: pointer;
	text-align: left;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.awwa-widget-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 34px rgba(0,0,0,.08);
	border-color: rgba(0,0,0,.16);
}

.awwa-widget-card-icon {
	width: 42px;
	height: 42px;
	border-radius: 16px;
	background: rgba(0,0,0,.05);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	flex: 0 0 auto;
}

.awwa-widget-card-label {
	display: block;
	font-size: 14px;
	font-weight: 950;
	color: #171717;
	margin-bottom: 4px;
}

.awwa-widget-card-desc {
	display: block;
	font-size: 12px;
	font-weight: 750;
	color: var(--awwa-muted);
	line-height: 1.35;
}

.awwa-settings-panel { padding: 16px 18px 24px; }

.awwa-settings-empty {
	border: 1px dashed rgba(0,0,0,.18);
	border-radius: 24px;
	padding: 24px;
	background: rgba(255,255,255,.62);
	color: rgba(0,0,0,.55);
	font-size: 13px;
	font-weight: 850;
	line-height: 1.45;
	text-align: center;
}

.awwa-settings-current-title {
	font-size: 18px;
	font-weight: 950;
	letter-spacing: -.03em;
	color: #111;
	margin-bottom: 12px;
}

.awwa-widget {
	position: absolute;
	width: 300px;
	min-height: 250px;
	border-radius: 0;
	background: rgba(255,255,255,.94);
	border: 0 solid transparent;
	box-shadow: 0 18px 42px rgba(0,0,0,.12);
	overflow: hidden;
	resize: both;
}

.awwa-widget.is-active-widget {
	outline: 2px solid rgba(17,17,17,.42);
	outline-offset: 3px;
}

.awwa-widget.is-dragging { box-shadow: 0 32px 80px rgba(0,0,0,.22); }

.awwa-widget-topbar {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	pointer-events: none;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity .16s ease, transform .16s ease;
}

.awwa-widget:hover .awwa-widget-topbar,
.awwa-widget.is-active-widget .awwa-widget-topbar,
.awwa-widget.is-dragging .awwa-widget-topbar {
	opacity: 1;
	transform: translateY(0);
}

.awwa-widget:not(:hover):not(.is-active-widget):not(.is-dragging) .awwa-widget-topbar *,
.awwa-widget:not(:hover):not(.is-active-widget):not(.is-dragging) .awwa-widget-topbar {
	pointer-events: none;
}

.awwa-drag-handle,
.awwa-widget-options-btn,
.awwa-widget-delete-btn {
	pointer-events: auto;
	border: 0;
	cursor: pointer;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 950;
	background: rgba(255,255,255,.82);
	color: #111;
	box-shadow: 0 8px 22px rgba(0,0,0,.12);
	backdrop-filter: blur(10px);
	transition: opacity .15s ease, transform .15s ease;
}

.awwa-widget-options-wrap {
	display: flex;
	gap: 7px;
}

.awwa-drag-handle { cursor: grab; }
.awwa-drag-handle:active { cursor: grabbing; }

.awwa-widget-stage {
	width: 100%;
	height: 100%;
	min-height: 250px;
	position: relative;
}

.awwa-triple-hint {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 26px;
	color: rgba(0,0,0,.42);
	font-weight: 950;
	font-size: 16px;
	line-height: 1.25;
	pointer-events: none;
}

.awwa-setting-group { margin-bottom: 14px; }

.awwa-setting-label {
	display: block;
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: rgba(0,0,0,.58);
	margin-bottom: 7px;
}

.awwa-field,
.awwa-select,
.awwa-textarea {
	width: 100%;
	border: 1px solid rgba(0,0,0,.12);
	background: #fff;
	color: #171717;
	border-radius: 14px;
	padding: 11px 12px;
	font-size: 13px;
	font-weight: 800;
	outline: none;
}

.awwa-textarea {
	min-height: 110px;
	resize: vertical;
	line-height: 1.45;
}

.awwa-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.awwa-small-btn {
	border: 0;
	border-radius: 999px;
	padding: 10px 13px;
	background: #111;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	cursor: pointer;
}

.awwa-small-btn.awwa-soft-btn {
	background: rgba(0,0,0,.07);
	color: #111;
}

.awwa-color-row,
.awwa-number-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.awwa-color-picker,
.awwa-transparent-choice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px;
	border-radius: 14px;
	background: rgba(0,0,0,.04);
	font-size: 12px;
	font-weight: 900;
}

.awwa-color-picker input[type="color"] {
	width: 42px;
	height: 32px;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 0;
}

.awwa-transparent-choice input { margin: 0; }

@media (max-width: 782px) {
	.awwa-widget-drawer { width: min(390px, 96vw); }
	.awwa-widget { width: 270px; }
}

/* ------------------------------------------------------------------
   Activate Widgets App 2.0 polish + access controls
------------------------------------------------------------------ */
.activatewidgetarea {
	--awwa-ink: #181114;
	--awwa-muted: rgba(24,17,20,.62);
	--awwa-line: rgba(24,17,20,.10);
	--awwa-paper: rgba(255,255,255,.86);
	--awwa-blush: #f8e8ef;
	--awwa-rose: #d66a99;
	--awwa-charcoal: #181114;
	min-height: 720px;
	border: 1px solid rgba(24,17,20,.08);
	background:
		radial-gradient(circle at 18% 16%, rgba(255,214,232,.82), transparent 26%),
		radial-gradient(circle at 78% 10%, rgba(221,231,255,.72), transparent 28%),
		linear-gradient(135deg, rgba(255,255,255,.94), rgba(246,239,243,.78));
	box-shadow: 0 22px 60px rgba(24,17,20,.08);
	isolation: isolate;
}

.activatewidgetarea:before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(24,17,20,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(24,17,20,.045) 1px, transparent 1px);
	background-size: 32px 32px;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,.16));
	z-index: 0;
}

.awwa-area-header {
	position: absolute;
	top: 14px;
	left: 16px;
	right: 72px;
	z-index: 80;
	pointer-events: none;
}

.awwa-area-heading {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.awwa-area-title {
	display: inline-flex;
	align-items: center;
	padding: 10px 14px;
	background: rgba(255,255,255,.72);
	border: 1px solid rgba(255,255,255,.72);
	box-shadow: 0 14px 32px rgba(24,17,20,.08);
	backdrop-filter: blur(18px);
	font-size: 13px;
	font-weight: 950;
	letter-spacing: -.02em;
	color: var(--awwa-ink);
}

.awwa-mode-badge { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.awwa-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	background: rgba(255,255,255,.72);
	border: 1px solid rgba(255,255,255,.68);
	box-shadow: 0 12px 28px rgba(24,17,20,.07);
	backdrop-filter: blur(14px);
	font-size: 10px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: rgba(24,17,20,.72);
}
.awwa-badge-collab { background: rgba(231,246,239,.82); }
.awwa-badge-private { background: rgba(255,230,238,.88); }
.awwa-badge-public { background: rgba(236,241,255,.88); }
.awwa-badge-view { background: rgba(255,248,218,.9); }
.awwa-badge-personal { background: rgba(246,238,255,.88); }

.awwa-side-open,
.awwa-pan-btn,
.awwa-icon-btn,
.awwa-pill-btn,
.awwa-widget-card,
.awwa-field,
.awwa-select,
.awwa-textarea,
.awwa-drawer-search,
.awwa-color-picker,
.awwa-transparent-choice,
.awwa-settings-empty,
.awwa-widget,
.awwa-badge,
.awwa-area-title,
.awwa-toast,
.awwa-member-chip,
.awwa-member-result,
.awwa-dashboard-shell,
.awwa-dashboard-tab,
.awwa-dashboard-hero {
	border-radius: 0 !important;
}

.awwa-side-open,
.awwa-pan-btn {
	background: rgba(255,255,255,.82);
	border: 1px solid rgba(255,255,255,.75);
	box-shadow: 0 18px 44px rgba(24,17,20,.12);
}

.awwa-canvas {
	height: 760px;
	min-height: 720px;
	padding-top: 54px;
	z-index: 1;
}

.awwa-board {
	min-width: 2800px;
	height: 820px;
	min-height: 820px;
}

.awwa-empty {
	font-size: 15px;
	letter-spacing: 0;
	color: rgba(24,17,20,.45);
}
.awwa-empty-title { font-size: 28px; font-weight: 950; letter-spacing: -.04em; color: rgba(24,17,20,.62); }
.awwa-empty-text { margin-top: 8px; font-size: 13px; font-weight: 800; color: rgba(24,17,20,.48); }
.awwa-empty-art { font-size: 42px; margin-bottom: 10px; }

.awwa-widget-drawer {
	background: rgba(255,255,255,.88);
	border-left: 1px solid rgba(255,255,255,.72);
	box-shadow: -28px 0 80px rgba(24,17,20,.16);
}
.awwa-drawer-tabs { grid-template-columns: repeat(3, 1fr); }
.awwa-drawer-tab.is-active,
.awwa-pill-btn,
.awwa-small-btn {
	background: var(--awwa-charcoal);
	color: #fff;
}
.awwa-drawer-top-controls {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.awwa-snap-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 12px;
	background: rgba(24,17,20,.06);
	font-size: 12px;
	font-weight: 950;
	color: rgba(24,17,20,.72);
}
.awwa-snap-toggle input { margin: 0; }

.awwa-widget-card {
	background: rgba(255,255,255,.78);
	border: 1px solid rgba(24,17,20,.08);
	box-shadow: 0 12px 30px rgba(24,17,20,.05);
}
.awwa-widget-card-plus {
	margin-left: auto;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--awwa-charcoal);
	color: #fff;
	font-weight: 950;
}
.awwa-widget-card-text { display: grid; gap: 3px; }

.awwa-widget {
	background: rgba(255,255,255,.9);
	border: 1px solid rgba(255,255,255,.74);
	box-shadow: 0 22px 54px rgba(24,17,20,.12), inset 0 1px 0 rgba(255,255,255,.72);
	backdrop-filter: blur(10px);
	transition: box-shadow .18s ease, transform .18s ease, outline-color .18s ease;
}
.awwa-widget:hover { box-shadow: 0 28px 64px rgba(24,17,20,.16), inset 0 1px 0 rgba(255,255,255,.72); }
.awwa-widget.is-active-widget { outline: 2px solid rgba(214,106,153,.55); outline-offset: 4px; }
.awwa-widget.is-locked:after {
	content: "Locked";
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 35;
	padding: 6px 8px;
	background: rgba(24,17,20,.72);
	color: #fff;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: .04em;
	text-transform: uppercase;
	pointer-events: none;
}
.awwa-widget-actions,
.awwa-widget-options-wrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.awwa-chip,
.awwa-drag-handle,
.awwa-widget-lock-btn,
.awwa-widget-dup-btn,
.awwa-widget-options-btn,
.awwa-widget-delete-btn {
	pointer-events: auto;
	border: 0;
	cursor: pointer;
	width: 34px;
	height: 34px;
	border-radius: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 950;
	background: rgba(255,255,255,.86);
	color: #111;
	box-shadow: 0 10px 24px rgba(24,17,20,.13);
	backdrop-filter: blur(12px);
	transition: opacity .15s ease, transform .15s ease, background .15s ease;
}
.awwa-chip:hover,
.awwa-drag-handle:hover,
.awwa-widget-lock-btn:hover,
.awwa-widget-dup-btn:hover,
.awwa-widget-options-btn:hover,
.awwa-widget-delete-btn:hover { transform: translateY(-1px); background: #fff; }

.awwa-readonly-banner {
	position: absolute;
	left: 50%;
	top: 14px;
	z-index: 85;
	transform: translateX(-50%);
	display: none;
	padding: 10px 14px;
	background: rgba(255,248,218,.92);
	border: 1px solid rgba(120,90,20,.16);
	box-shadow: 0 14px 34px rgba(24,17,20,.08);
	font-size: 12px;
	font-weight: 950;
	color: #5f4717;
}
.activatewidgetarea.awwa-readonly .awwa-readonly-banner { display: block; }
.activatewidgetarea.awwa-readonly .awwa-side-open { opacity: 1; pointer-events: auto; }
.activatewidgetarea.awwa-readonly .awwa-widget { resize: none; }
.activatewidgetarea.awwa-readonly .awwa-widget-topbar { display: none; }

.awwa-locked-overlay {
	position: absolute;
	inset: 0;
	z-index: 150;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(255,255,255,.74);
	backdrop-filter: blur(12px);
}
.activatewidgetarea.awwa-locked .awwa-locked-overlay { display: flex; }
.awwa-locked-card {
	max-width: 360px;
	background: #fff;
	border: 1px solid rgba(24,17,20,.09);
	box-shadow: 0 24px 70px rgba(24,17,20,.16);
	padding: 28px;
	text-align: center;
}
.awwa-locked-icon { font-size: 34px; margin-bottom: 10px; }
.awwa-locked-title { font-size: 22px; font-weight: 950; letter-spacing: -.04em; color: var(--awwa-ink); }
.awwa-locked-text { margin-top: 8px; color: var(--awwa-muted); font-weight: 800; line-height: 1.4; }

.awwa-access-panel { padding: 16px 18px 24px; }
.awwa-access-intro {
	padding: 14px;
	background: rgba(246,232,239,.72);
	border: 1px solid rgba(214,106,153,.15);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.45;
	color: rgba(24,17,20,.72);
	margin-bottom: 14px;
}
.awwa-segmented {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	background: rgba(24,17,20,.06);
	padding: 6px;
}
.awwa-segmented button {
	border: 0;
	padding: 10px;
	background: transparent;
	cursor: pointer;
	font-size: 12px;
	font-weight: 950;
	color: rgba(24,17,20,.68);
}
.awwa-segmented button.is-active { background: #fff; color: #111; box-shadow: 0 10px 24px rgba(24,17,20,.08); }
.awwa-help {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
	color: var(--awwa-muted);
}
.awwa-member-search-wrap { position: relative; }
.awwa-member-results {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 40;
	background: #fff;
	border: 1px solid rgba(24,17,20,.10);
	box-shadow: 0 18px 44px rgba(24,17,20,.12);
	max-height: 240px;
	overflow: auto;
}
.awwa-member-results.is-open { display: block; }
.awwa-member-result {
	width: 100%;
	border: 0;
	border-bottom: 1px solid rgba(24,17,20,.07);
	background: #fff;
	padding: 11px 12px;
	cursor: pointer;
	text-align: left;
	display: grid;
	gap: 2px;
}
.awwa-member-result:hover { background: #f8f3f6; }
.awwa-member-result[disabled] { opacity: .55; cursor: default; }
.awwa-member-result-name { font-size: 13px; font-weight: 950; color: #111; }
.awwa-member-result-user { font-size: 12px; font-weight: 800; color: var(--awwa-muted); }
.awwa-member-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}
.awwa-member-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid rgba(24,17,20,.10);
	box-shadow: 0 10px 24px rgba(24,17,20,.06);
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 900;
}
.awwa-member-remove {
	border: 0;
	background: rgba(24,17,20,.08);
	width: 22px;
	height: 22px;
	cursor: pointer;
	font-weight: 950;
}
.awwa-member-empty {
	font-size: 12px;
	font-weight: 800;
	color: var(--awwa-muted);
	padding: 10px 0;
}

.awwa-toasts {
	position: absolute;
	right: 18px;
	bottom: 18px;
	z-index: 180;
	display: grid;
	gap: 8px;
	pointer-events: none;
}
.awwa-toast {
	background: rgba(24,17,20,.92);
	color: #fff;
	padding: 11px 13px;
	box-shadow: 0 18px 44px rgba(24,17,20,.18);
	font-size: 12px;
	font-weight: 900;
	transform: translateY(6px);
	opacity: 0;
	transition: opacity .18s ease, transform .18s ease;
}
.awwa-toast.is-in { opacity: 1; transform: translateY(0); }
.awwa-toast-ok { background: rgba(35,100,70,.94); }
.awwa-toast-warn { background: rgba(130,52,45,.94); }

.awwa-dashboard-shell {
	background: #fff;
	border: 1px solid rgba(24,17,20,.08);
	box-shadow: 0 22px 60px rgba(24,17,20,.08);
	padding: 14px;
	margin: 18px 0;
}
.awwa-dashboard-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px;
	background: linear-gradient(135deg,#fff7fb,#eef2ff);
	border: 1px solid rgba(24,17,20,.06);
	margin-bottom: 12px;
}
.awwa-dashboard-hero h2 { margin: 0; font-size: 24px; letter-spacing: -.04em; color: var(--awwa-ink); }
.awwa-dashboard-hero p { margin: 4px 0 0; color: var(--awwa-muted); font-weight: 800; }
.awwa-dashboard-hero code { background: rgba(255,255,255,.76); padding: 8px 10px; }
.awwa-dashboard-tabs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}
.awwa-dashboard-tab {
	border: 1px solid rgba(24,17,20,.10);
	background: #fff;
	padding: 11px 14px;
	cursor: pointer;
	font-weight: 950;
	box-shadow: 0 10px 24px rgba(24,17,20,.05);
}
.awwa-dashboard-tab.is-active { background: var(--awwa-charcoal); color: #fff; }
.awwa-dashboard-panel { display: none; }
.awwa-dashboard-panel.is-active { display: block; }
.awwa-dashboard-empty,
.awwa-login-required {
	background: #fff;
	border: 1px solid rgba(24,17,20,.10);
	box-shadow: 0 16px 40px rgba(24,17,20,.06);
	padding: 22px;
	font-weight: 900;
	color: rgba(24,17,20,.66);
}

@media (max-width: 782px) {
	.awwa-area-header { right: 64px; }
	.awwa-drawer-tabs { grid-template-columns: 1fr; }
	.awwa-drawer-top-actions { align-items: flex-start; flex-direction: column; }
	.awwa-dashboard-hero { align-items: flex-start; flex-direction: column; }
}

/* Widget interior refresh */
.awwa-widget-stage textarea,
.awwa-widget-stage input,
.awwa-widget-stage select,
.awwa-widget-stage button,
.awwa-widget-stage a,
.awwa-widget-stage .awwa-weather-card,
.awwa-widget-stage .awwa-calc-card,
.awwa-widget-stage .awwa-countdown-shell,
.awwa-widget-stage .awwa-clock-shell,
.awwa-widget-stage .awwa-focus-display,
.awwa-widget-stage .awwa-quick-links-head,
.awwa-widget-stage .awwa-quick-link-card,
.awwa-widget-stage .awwa-kanban-card,
.awwa-widget-stage .awwa-kanban-column,
.awwa-widget-stage .awwa-todo-row,
.awwa-widget-stage .awwa-audio-card {
	border-radius: 0 !important;
}

.awwa-note-editor {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 18px !important;
	line-height: 1.5 !important;
	padding: 42px 24px 24px !important;
	letter-spacing: -.01em;
}

.awwa-image-display img,
.awwa-image-display,
.awwa-youtube-frame,
.awwa-local-audio {
	border-radius: 0 !important;
}

.awwa-weather-card,
.awwa-calc-card,
.awwa-clock-shell,
.awwa-countdown-shell,
.awwa-focus-display,
.awwa-todo-display,
.awwa-quote-display,
.awwa-audio-display,
.awwa-quick-links-grid,
.awwa-kanban-grid {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}

.awwa-calc-key,
.awwa-focus-btn,
.awwa-quick-links-fab,
.awwa-kanban-add,
.awwa-kanban-remove,
.awwa-todo-add-inline,
.awwa-todo-remove-inline,
.awwa-load-weather,
.awwa-load-youtube,
.awwa-pick-image,
.awwa-pick-audio,
.awwa-pick-main-audio,
.awwa-use-image-url,
.awwa-use-main-audio,
.awwa-clear-image,
.awwa-clear-youtube,
.awwa-clear-main-audio {
	border-radius: 0 !important;
	font-weight: 950 !important;
}


/* Clean viewing mode */
.activatewidgetarea.awwa-hide-info .awwa-area-header {
	display: none !important;
}
.activatewidgetarea.awwa-hide-info .awwa-canvas {
	padding-top: 0 !important;
}
.activatewidgetarea.awwa-no-editor-menu .awwa-side-open,
.activatewidgetarea.awwa-no-editor-menu .awwa-widget-drawer,
.activatewidgetarea.awwa-no-editor-menu .awwa-readonly-banner {
	display: none !important;
}
.activatewidgetarea.awwa-no-editor-menu.awwa-drawer-open .awwa-widget-drawer {
	transform: translateX(105%) !important;
}
.activatewidgetarea.awwa-readonly .awwa-readonly-banner {
	display: none !important;
}
.activatewidgetarea.awwa-readonly .awwa-side-open,
.activatewidgetarea.awwa-no-editor-menu .awwa-side-open {
	opacity: 0 !important;
	pointer-events: none !important;
}


/* 2.0.6 hard quiet-view guardrails.
   Info is OFF unless the wrapper explicitly has .awwa-show-info.
   Editor menu is OFF unless access says the current user can edit. */
.activatewidgetarea:not(.awwa-show-info) .awwa-area-header,
.activatewidgetarea.awwa-hide-info .awwa-area-header {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
.activatewidgetarea:not(.awwa-show-info) .awwa-canvas,
.activatewidgetarea.awwa-hide-info .awwa-canvas {
	padding-top: 0 !important;
}
.activatewidgetarea:not(.awwa-can-edit) .awwa-side-open,
.activatewidgetarea:not(.awwa-can-edit) .awwa-widget-drawer,
.activatewidgetarea:not(.awwa-can-edit) .awwa-readonly-banner,
.activatewidgetarea.awwa-no-editor-menu .awwa-side-open,
.activatewidgetarea.awwa-no-editor-menu .awwa-widget-drawer,
.activatewidgetarea.awwa-no-editor-menu .awwa-readonly-banner,
.activatewidgetarea.awwa-readonly .awwa-side-open,
.activatewidgetarea.awwa-readonly .awwa-widget-drawer,
.activatewidgetarea.awwa-readonly .awwa-readonly-banner {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.activatewidgetarea.awwa-can-edit .awwa-side-open {
	visibility: visible;
	pointer-events: auto;
}
.activatewidgetarea.awwa-can-edit.awwa-drawer-open .awwa-widget-drawer {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

/* 2.0.7 board background tools
   Default board shell is transparent. Background color, image, and CSS are applied per-board by JS/config. */
.activatewidgetarea {
	background-color: transparent;
	background-image: none;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-color: transparent;
	box-shadow: none;
	backdrop-filter: none;
}
.activatewidgetarea:before {
	display: none;
}
.awwa-canvas,
.awwa-board {
	background: transparent;
}
.activatewidgetarea.awwa-has-board-bg {
	border-color: rgba(24,17,20,.06);
}
.awwa-drawer-tabs {
	grid-template-columns: repeat(4, 1fr);
}
.awwa-board-panel { padding: 16px 18px 24px; }
.awwa-board-panel .awwa-row .awwa-field {
	flex: 1 1 180px;
	min-width: 0;
}
.awwa-board-panel code,
.awwa-admin-selector-note code {
	font-size: 11px;
	white-space: normal;
}
.awwa-board-panel .awwa-textarea {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	min-height: 150px;
}
@media (max-width: 782px) {
	.awwa-drawer-tabs { grid-template-columns: 1fr 1fr; }
}

/* 2.0.8 special widget folders + locked info widgets */
.awwa-widget-folder{display:grid;gap:8px;margin:0 0 14px}.awwa-widget-folder-title{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;color:#4b4b4b;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.08);padding:8px 10px}.awwa-widget-folder-adminonly .awwa-widget-folder-title{border-left:4px solid #7c3aed}.awwa-widget-folder-superadminonly .awwa-widget-folder-title{border-left:4px solid #db2777}.awwa-widget-folder-items{display:grid;gap:8px}.awwa-widget-card[data-widget-folder="adminonly"] .awwa-widget-card-plus,.awwa-widget-card[data-widget-folder="superadminonly"] .awwa-widget-card-plus{font-weight:950}.awwa-system-settings-note{font-size:12px;line-height:1.45;background:#f6f7f7;border:1px solid rgba(0,0,0,.08);padding:10px;color:#50575e}.awwa-widget-restricted .awwa-widget-topbar{display:none!important}.awwa-widget-restricted{resize:none!important}.awwa-widget-restricted .awwa-widget-stage input,.awwa-widget-restricted .awwa-widget-stage textarea,.awwa-widget-restricted .awwa-widget-stage select,.awwa-readonly .awwa-widget-stage input,.awwa-readonly .awwa-widget-stage textarea,.awwa-readonly .awwa-widget-stage select{pointer-events:none}.awwa-system-loading,.awwa-system-empty{font-weight:800}

/* Device layout designer ------------------------------------------------- */
.activatewidgetarea.awwa-responsive-layout .awwa-canvas {
	max-width: 100%;
}

.activatewidgetarea.awwa-responsive-layout .awwa-board {
	width: var(--awwa-layout-width, 390px);
	min-width: var(--awwa-layout-width, 390px);
}

.activatewidgetarea.awwa-layout-website .awwa-board {
	width: auto;
	min-width: 2600px;
}

.awwa-device-picker {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
	font-size: 11px;
	font-weight: 950;
	color: #242424;
	white-space: nowrap;
}

.awwa-device-picker span {
	text-transform: uppercase;
	letter-spacing: .025em;
	opacity: .72;
}

.awwa-device-select {
	appearance: none;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: #111;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 26px 8px 10px;
	max-width: 168px;
	box-shadow: 0 8px 20px rgba(0,0,0,.08);
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}

.awwa-device-mode-line {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 520px;
	padding: 7px 9px;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 16px;
	background: rgba(255,255,255,.68);
}

.awwa-device-mode-help {
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.35;
	color: #50575e;
}

.awwa-device-reset {
	white-space: nowrap;
	font-size: 11px;
	padding: 7px 9px;
}

.activatewidgetarea.awwa-device-custom-widgets .awwa-device-mode-line {
	border-color: rgba(17,17,17,.16);
	background: rgba(255,255,255,.88);
}

@media (max-width: 620px) {
	.awwa-drawer-top-actions,
	.awwa-drawer-top-controls {
		align-items: stretch;
		flex-direction: column;
	}

	.awwa-device-picker,
	.awwa-device-select,
	.awwa-device-mode-line {
		width: 100%;
	}

	.awwa-device-mode-line {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* ==================================================================
   Activate Widgets App 2.2 — Sleek drawer + Background Studio
   Refines the drawer into a calmer editorial panel (Atelier: wine,
   gold, paper, Instrument Serif) and styles the new planning tools:
   category filter, auto-arrange, and the board background studio.
   Everything here is scoped to .activatewidgetarea to win over the
   base rules by specificity; squared corners are kept to match the
   established 2.0 look.
   ================================================================== */

.activatewidgetarea {
	--awwa-wine: #7b2d4e;
	--awwa-wine-deep: #4a1230;
	--awwa-gold: #b0894f;
	--awwa-gold-soft: #b8945f;
	--awwa-paper: #fffdf8;
	--awwa-edge: rgba(24,17,20,.10);
	--awwa-edge-gold: rgba(176,137,79,.34);
}

/* ---- Side open button ---- */
.activatewidgetarea .awwa-side-open {
	background: rgba(255,253,248,.9);
	border: 1px solid var(--awwa-edge-gold);
	box-shadow: 0 16px 40px rgba(24,17,20,.14);
	color: var(--awwa-wine);
}
.activatewidgetarea .awwa-side-open:hover { transform: scale(1.05); background: #fff; }

/* ---- Drawer shell ---- */
.activatewidgetarea .awwa-widget-drawer {
	background: linear-gradient(180deg, rgba(255,253,248,.97), rgba(250,246,239,.95));
	backdrop-filter: blur(26px);
	border-left: 1px solid var(--awwa-edge-gold);
	box-shadow: -30px 0 90px rgba(24,17,20,.20);
}

/* ---- Header ---- */
.activatewidgetarea .awwa-drawer-head {
	padding: 20px 20px 16px;
	border-bottom: 1px solid var(--awwa-edge);
	position: relative;
}
.activatewidgetarea .awwa-drawer-head:before {
	content: "";
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 3px;
	background: linear-gradient(90deg, var(--awwa-wine-deep), var(--awwa-wine) 55%, var(--awwa-gold));
}
.activatewidgetarea .awwa-drawer-title {
	font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: 27px;
	letter-spacing: 0;
	color: var(--awwa-wine-deep);
}
.activatewidgetarea .awwa-drawer-subtitle {
	color: rgba(24,17,20,.55);
	font-weight: 650;
	font-size: 12px;
}
.activatewidgetarea .awwa-close-drawer {
	background: rgba(24,17,20,.05);
	color: var(--awwa-wine-deep);
	font-size: 20px;
}
.activatewidgetarea .awwa-close-drawer:hover { background: rgba(123,45,78,.12); }

/* ---- Save box + status ---- */
.activatewidgetarea .awwa-drawer-top-actions {
	padding: 14px 20px;
	border-bottom: 1px solid var(--awwa-edge);
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
}
.activatewidgetarea .awwa-drawer-savebox {
	justify-content: space-between;
	width: 100%;
}
.activatewidgetarea .awwa-save-mode {
	background: rgba(176,137,79,.14);
	color: var(--awwa-wine-deep);
	font-size: 11px;
	letter-spacing: .06em;
	padding: 8px 12px;
}
.activatewidgetarea .awwa-status {
	color: rgba(24,17,20,.5);
	font-weight: 750;
	font-size: 11.5px;
}
.activatewidgetarea .awwa-drawer-top-controls {
	gap: 8px;
	justify-content: flex-start;
	align-items: stretch;
}
.activatewidgetarea .awwa-device-picker {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	font-size: 10px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: rgba(24,17,20,.5);
}
.activatewidgetarea .awwa-device-picker select { min-width: 118px; }
.activatewidgetarea .awwa-snap-toggle {
	background: rgba(24,17,20,.05);
	color: rgba(24,17,20,.7);
	font-weight: 800;
}

/* ---- Pill + small buttons (wine primary, gold-ghost secondary) ---- */
.activatewidgetarea .awwa-pill-btn {
	background: var(--awwa-wine);
	color: #fff;
	box-shadow: 0 12px 26px rgba(123,45,78,.26);
	letter-spacing: .01em;
}
.activatewidgetarea .awwa-pill-btn:hover { background: var(--awwa-wine-deep); }
.activatewidgetarea .awwa-small-btn {
	background: var(--awwa-wine);
	color: #fff;
	font-weight: 800;
	padding: 10px 13px;
}
.activatewidgetarea .awwa-small-btn.awwa-soft-btn {
	background: transparent;
	color: var(--awwa-wine-deep);
	border: 1px solid var(--awwa-edge-gold);
}
.activatewidgetarea .awwa-small-btn.awwa-soft-btn:hover { background: rgba(176,137,79,.1); }
.activatewidgetarea .awwa-arrange-btn { font-weight: 850; }

/* ---- Tabs as a segmented control ---- */
.activatewidgetarea .awwa-drawer-tabs {
	display: flex;
	gap: 4px;
	padding: 10px 20px;
	border-bottom: 1px solid var(--awwa-edge);
}
.activatewidgetarea .awwa-drawer-tab {
	flex: 1 1 0;
	background: rgba(24,17,20,.05);
	color: rgba(24,17,20,.62);
	padding: 10px 8px;
	font-size: 11.5px;
	font-weight: 850;
	letter-spacing: .01em;
	transition: background .15s ease, color .15s ease;
}
.activatewidgetarea .awwa-drawer-tab:hover { background: rgba(176,137,79,.14); color: var(--awwa-wine-deep); }
.activatewidgetarea .awwa-drawer-tab.is-active {
	background: var(--awwa-wine);
	color: #fff;
}

/* ---- Search ---- */
.activatewidgetarea .awwa-drawer-search-wrap { padding: 16px 20px 10px; border-bottom: 0; }
.activatewidgetarea .awwa-drawer-search {
	border: 1px solid var(--awwa-edge);
	background: #fff;
	color: var(--awwa-ink);
	font-weight: 650;
	padding: 12px 14px;
}
.activatewidgetarea .awwa-drawer-search:focus {
	border-color: var(--awwa-gold);
	box-shadow: 0 0 0 3px rgba(176,137,79,.18);
}

/* ---- Category filter chips ---- */
.activatewidgetarea .awwa-cat-chips {
	display: flex;
	gap: 6px;
	padding: 0 20px 4px;
	overflow-x: auto;
	scrollbar-width: none;
}
.activatewidgetarea .awwa-cat-chips::-webkit-scrollbar { display: none; }
.activatewidgetarea .awwa-cat-chip {
	flex: 0 0 auto;
	border: 1px solid var(--awwa-edge);
	background: #fff;
	color: rgba(24,17,20,.62);
	font-size: 11.5px;
	font-weight: 800;
	padding: 7px 12px;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.activatewidgetarea .awwa-cat-chip:hover { border-color: var(--awwa-edge-gold); color: var(--awwa-wine-deep); }
.activatewidgetarea .awwa-cat-chip.is-active {
	background: var(--awwa-wine-deep);
	border-color: var(--awwa-wine-deep);
	color: #fff;
}

/* ---- Widget cards ---- */
.activatewidgetarea .awwa-widget-list { padding: 12px 20px 24px; }
.activatewidgetarea .awwa-widget-folder-title {
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(24,17,20,.42);
	margin: 6px 2px 10px;
}
.activatewidgetarea .awwa-widget-card {
	background: rgba(255,255,255,.9);
	border: 1px solid var(--awwa-edge);
	box-shadow: 0 8px 22px rgba(24,17,20,.05);
	padding: 13px;
	margin-bottom: 10px;
	align-items: center;
}
.activatewidgetarea .awwa-widget-card:hover {
	transform: translateY(-1px);
	border-color: var(--awwa-edge-gold);
	box-shadow: 0 16px 34px rgba(24,17,20,.1);
}
.activatewidgetarea .awwa-widget-card-icon {
	background: linear-gradient(150deg, rgba(176,137,79,.18), rgba(123,45,78,.12));
	color: var(--awwa-wine-deep);
	width: 40px; height: 40px;
	font-size: 20px;
}
.activatewidgetarea .awwa-widget-card-label { color: var(--awwa-ink); font-weight: 850; letter-spacing: -.01em; }
.activatewidgetarea .awwa-widget-card-desc { color: rgba(24,17,20,.5); font-weight: 600; }
.activatewidgetarea .awwa-widget-card-plus {
	margin-left: auto;
	width: 28px; height: 28px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(176,137,79,.16);
	color: var(--awwa-wine-deep);
	font-size: 18px; font-weight: 800;
	flex: 0 0 auto;
}
.activatewidgetarea .awwa-widget-card:hover .awwa-widget-card-plus { background: var(--awwa-wine); color: #fff; }

/* ---- Settings + board panels padding ---- */
.activatewidgetarea .awwa-board-panel,
.activatewidgetarea .awwa-access-panel { padding: 18px 20px 26px; }
.activatewidgetarea .awwa-access-intro {
	font-size: 12.5px;
	font-weight: 650;
	line-height: 1.5;
	color: rgba(24,17,20,.6);
	margin-bottom: 16px;
}
.activatewidgetarea .awwa-setting-label {
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(24,17,20,.5);
}

/* ==================================================================
   Background Studio
   ================================================================== */
.activatewidgetarea .awwa-bg-modes {
	display: flex;
	gap: 4px;
	margin-bottom: 16px;
	background: rgba(24,17,20,.05);
	padding: 4px;
}
.activatewidgetarea .awwa-bg-mode {
	flex: 1 1 0;
	border: 0;
	background: transparent;
	color: rgba(24,17,20,.6);
	font-size: 11.5px;
	font-weight: 800;
	padding: 9px 6px;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.activatewidgetarea .awwa-bg-mode:hover { color: var(--awwa-wine-deep); }
.activatewidgetarea .awwa-bg-mode.is-active {
	background: #fff;
	color: var(--awwa-wine-deep);
	box-shadow: 0 4px 12px rgba(24,17,20,.1);
}

.activatewidgetarea .awwa-bg-pane { display: none; margin-bottom: 18px; }
.activatewidgetarea .awwa-bg-pane.is-active { display: block; }

.activatewidgetarea .awwa-swatch-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 8px;
}
.activatewidgetarea .awwa-swatch-grid-lg { grid-template-columns: repeat(4, 1fr); }

.activatewidgetarea .awwa-swatch {
	appearance: none;
	border: 1px solid var(--awwa-edge);
	cursor: pointer;
	aspect-ratio: 1 / 1;
	padding: 0;
	position: relative;
	transition: transform .12s ease;
}
.activatewidgetarea .awwa-swatch-lg { aspect-ratio: 16 / 10; }
.activatewidgetarea .awwa-swatch:hover { transform: translateY(-1px); }
.activatewidgetarea .awwa-swatch.is-active {
	box-shadow: 0 0 0 2px var(--awwa-paper), 0 0 0 4px var(--awwa-wine);
	border-color: transparent;
}

.activatewidgetarea .awwa-bg-custom-color { margin-top: 12px; }

.activatewidgetarea .awwa-bg-image-actions { gap: 8px; margin-top: 8px; }
.activatewidgetarea .awwa-bg-fit-label { display: block; margin: 14px 0 6px; }

/* Dim overlay range */
.activatewidgetarea .awwa-bg-overlay-group { margin-top: 6px; }
.activatewidgetarea .awwa-bg-overlay-val {
	float: right;
	color: var(--awwa-wine-deep);
	font-weight: 850;
	letter-spacing: 0;
	text-transform: none;
}
.activatewidgetarea .awwa-range {
	appearance: none;
	width: 100%;
	height: 6px;
	background: rgba(24,17,20,.12);
	outline: none;
	margin: 6px 0 8px;
	cursor: pointer;
}
.activatewidgetarea .awwa-range::-webkit-slider-thumb {
	appearance: none;
	width: 20px; height: 20px;
	border-radius: 50%;
	background: var(--awwa-wine);
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(123,45,78,.4);
	cursor: pointer;
}
.activatewidgetarea .awwa-range::-moz-range-thumb {
	width: 20px; height: 20px;
	border-radius: 50%;
	background: var(--awwa-wine);
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(123,45,78,.4);
	cursor: pointer;
}
.activatewidgetarea .awwa-help {
	font-size: 11.5px;
	font-weight: 600;
	color: rgba(24,17,20,.48);
	line-height: 1.45;
	margin-top: 4px;
}
.activatewidgetarea .awwa-help code {
	background: rgba(24,17,20,.06);
	padding: 1px 5px;
	font-size: 11px;
}

/* Advanced CSS disclosure */
.activatewidgetarea .awwa-bg-advanced { margin: 4px 0 18px; }
.activatewidgetarea .awwa-bg-advanced > summary {
	cursor: pointer;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(24,17,20,.5);
	padding: 8px 0;
	list-style: none;
}
.activatewidgetarea .awwa-bg-advanced > summary::-webkit-details-marker { display: none; }
.activatewidgetarea .awwa-bg-advanced > summary:before { content: "\25B8  "; color: var(--awwa-gold); }
.activatewidgetarea .awwa-bg-advanced[open] > summary:before { content: "\25BE  "; }
.activatewidgetarea .awwa-bg-advanced .awwa-textarea { margin-top: 8px; min-height: 90px; }

/* Slim drawer scrollbars */
.activatewidgetarea .awwa-drawer-panel { scrollbar-width: thin; scrollbar-color: rgba(123,45,78,.3) transparent; }
.activatewidgetarea .awwa-drawer-panel::-webkit-scrollbar { width: 8px; }
.activatewidgetarea .awwa-drawer-panel::-webkit-scrollbar-thumb { background: rgba(123,45,78,.28); border-radius: 0; }

/* ==================================================================
   Activate Widgets App 2.3 — Alpha Theta Nu Board Studio
   Softer widget chrome, a clearer settings workspace, visible sync
   state, and mobile-friendly motion. These rules intentionally live
   last so legacy boards gain the polish without changing saved data.
   ================================================================== */

.activatewidgetarea {
	--awwa-rose-50: #fff7fb;
	--awwa-rose-100: #fdebf4;
	--awwa-rose-300: #efa8c8;
	--awwa-rose-500: #cf5f94;
	--awwa-plum-700: #702b50;
	--awwa-plum-900: #351326;
	--awwa-gold-400: #c7a064;
	--awwa-studio-shadow: 0 24px 70px rgba(53,19,38,.16);
	border-radius: 30px;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.activatewidgetarea .awwa-side-open {
	top: 18px;
	right: 18px;
	width: 48px;
	height: 48px;
	border-radius: 17px !important;
	background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(253,235,244,.94));
	border: 1px solid rgba(207,95,148,.22);
	color: var(--awwa-plum-700);
	box-shadow: 0 14px 38px rgba(53,19,38,.16);
	transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, opacity .18s ease;
}

.activatewidgetarea.awwa-can-edit .awwa-side-open {
	opacity: 1;
	pointer-events: auto;
}

.activatewidgetarea .awwa-side-open:hover {
	transform: translateY(-2px) scale(1.02);
	box-shadow: 0 20px 46px rgba(53,19,38,.2);
}

.activatewidgetarea .awwa-drawer-backdrop {
	display: block;
	position: absolute;
	inset: 0;
	z-index: 110;
	border: 0;
	padding: 0;
	background: rgba(35,13,26,.22);
	backdrop-filter: blur(2px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	cursor: default;
	transition: opacity .24s ease, visibility .24s ease;
}

.activatewidgetarea.awwa-drawer-open .awwa-drawer-backdrop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.activatewidgetarea .awwa-widget-drawer {
	width: min(470px, 96vw);
	margin: 10px 0 10px 10px;
	border: 1px solid rgba(207,95,148,.18);
	border-right: 0;
	border-radius: 30px 0 0 30px;
	background:
		radial-gradient(circle at 88% 2%, rgba(239,168,200,.22), transparent 30%),
		linear-gradient(180deg, rgba(255,255,255,.985), rgba(255,247,251,.97));
	box-shadow: -34px 0 90px rgba(53,19,38,.22);
	overflow: hidden;
	transform: translateX(calc(100% + 20px));
	transition: transform .32s cubic-bezier(.2,.85,.2,1);
}

.activatewidgetarea .awwa-drawer-head {
	padding: 20px 22px 17px;
	background: rgba(255,255,255,.64);
}

.activatewidgetarea .awwa-drawer-head:before {
	height: 4px;
	background: linear-gradient(90deg, var(--awwa-plum-900), var(--awwa-rose-500) 58%, var(--awwa-gold-400));
}

.activatewidgetarea .awwa-drawer-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.activatewidgetarea .awwa-brand-mark {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: linear-gradient(145deg, var(--awwa-plum-900), var(--awwa-plum-700));
	color: #fff8ec;
	box-shadow: 0 10px 24px rgba(53,19,38,.22), inset 0 1px 0 rgba(255,255,255,.2);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
}

.activatewidgetarea .awwa-drawer-title {
	font-size: 28px;
	line-height: 1;
	color: var(--awwa-plum-900);
}

.activatewidgetarea .awwa-drawer-subtitle {
	margin-top: 6px;
	color: rgba(53,19,38,.56);
	font-size: 12px;
	font-weight: 650;
}

.activatewidgetarea .awwa-close-drawer {
	border-radius: 14px !important;
	background: rgba(112,43,80,.07);
}

.activatewidgetarea .awwa-drawer-top-actions {
	padding: 14px 22px 16px;
	background: rgba(255,255,255,.48);
}

.activatewidgetarea .awwa-save-mode {
	border-radius: 999px !important;
	background: linear-gradient(135deg, rgba(199,160,100,.2), rgba(239,168,200,.18));
	border: 1px solid rgba(199,160,100,.22);
}

.activatewidgetarea .awwa-sync-state {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 26px;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255,255,255,.76);
	border: 1px solid rgba(53,19,38,.07);
}

.activatewidgetarea .awwa-sync-indicator {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: #9a8d94;
	box-shadow: 0 0 0 4px rgba(154,141,148,.1);
}

.activatewidgetarea .awwa-sync-indicator.is-saved,
.activatewidgetarea .awwa-sync-indicator.is-ready {
	background: #2c9a6b;
	box-shadow: 0 0 0 4px rgba(44,154,107,.11);
}

.activatewidgetarea .awwa-sync-indicator.is-dirty {
	background: var(--awwa-gold-400);
	box-shadow: 0 0 0 4px rgba(199,160,100,.14);
}

.activatewidgetarea .awwa-sync-indicator.is-error {
	background: #c4485b;
	box-shadow: 0 0 0 4px rgba(196,72,91,.12);
}

.activatewidgetarea .awwa-sync-indicator.is-working {
	background: var(--awwa-rose-500);
	box-shadow: 0 0 0 4px rgba(207,95,148,.13);
	animation: awwa-sync-pulse 1s ease-in-out infinite;
}

@keyframes awwa-sync-pulse {
	50% { transform: scale(.72); opacity: .58; }
}

.activatewidgetarea .awwa-status {
	color: rgba(53,19,38,.62);
	font-weight: 750;
}

.activatewidgetarea .awwa-drawer-top-controls {
	display: flex;
	align-items: center;
	gap: 8px;
}

.activatewidgetarea .awwa-device-picker,
.activatewidgetarea .awwa-device-mode-line,
.activatewidgetarea .awwa-snap-toggle {
	border-radius: 14px;
}

.activatewidgetarea .awwa-device-picker {
	flex: 1 1 180px;
	padding: 8px 10px;
	background: rgba(112,43,80,.055);
}

.activatewidgetarea .awwa-device-select {
	width: 100%;
	max-width: none;
	border-radius: 10px;
	box-shadow: none;
	border: 1px solid rgba(53,19,38,.08);
}

.activatewidgetarea .awwa-device-mode-line {
	order: 5;
	flex: 1 1 100%;
	border-color: rgba(207,95,148,.12);
	background: rgba(255,255,255,.7);
}

.activatewidgetarea .awwa-pill-btn,
.activatewidgetarea .awwa-small-btn,
.activatewidgetarea .awwa-drawer-tab,
.activatewidgetarea .awwa-cat-chip {
	border-radius: 12px !important;
}

.activatewidgetarea .awwa-pill-btn {
	min-height: 40px;
	padding-inline: 18px;
	background: linear-gradient(135deg, var(--awwa-plum-700), var(--awwa-rose-500));
	box-shadow: 0 10px 25px rgba(112,43,80,.24);
}

.activatewidgetarea .awwa-drawer-tabs {
	gap: 6px;
	padding: 10px 22px;
	background: rgba(255,255,255,.42);
}

.activatewidgetarea .awwa-drawer-tab {
	padding: 10px 7px;
}

.activatewidgetarea .awwa-drawer-tab.is-active {
	background: linear-gradient(135deg, var(--awwa-plum-700), var(--awwa-rose-500));
	box-shadow: 0 8px 18px rgba(112,43,80,.18);
}

.activatewidgetarea .awwa-drawer-panel {
	scrollbar-color: rgba(207,95,148,.35) transparent;
}

.activatewidgetarea .awwa-drawer-panel::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(207,95,148,.32);
}

.activatewidgetarea .awwa-drawer-search {
	border-radius: 15px !important;
	padding: 13px 15px;
	box-shadow: 0 8px 22px rgba(53,19,38,.045);
}

.activatewidgetarea .awwa-cat-chip {
	padding: 8px 12px;
}

.activatewidgetarea .awwa-widget-folder-title {
	border-radius: 10px;
	background: rgba(255,255,255,.56);
}

.activatewidgetarea .awwa-widget-card {
	border-radius: 19px !important;
	padding: 14px;
	background: rgba(255,255,255,.92);
	box-shadow: 0 8px 24px rgba(53,19,38,.055);
	transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s ease;
}

.activatewidgetarea .awwa-widget-card-icon {
	border-radius: 14px;
}

.activatewidgetarea .awwa-widget-card-plus {
	border-radius: 10px;
}

.activatewidgetarea .awwa-settings-panel {
	padding: 0 20px 28px;
}

.activatewidgetarea .awwa-settings-hero {
	position: sticky;
	top: 0;
	z-index: 5;
	margin: 0 -20px 14px;
	padding: 18px 20px 15px;
	background: linear-gradient(180deg, rgba(255,247,251,.99) 82%, rgba(255,247,251,.86));
	border-bottom: 1px solid rgba(207,95,148,.12);
	backdrop-filter: blur(16px);
}

.activatewidgetarea .awwa-settings-kicker {
	display: block;
	margin-bottom: 5px;
	color: var(--awwa-rose-500);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.activatewidgetarea .awwa-settings-current-title {
	margin: 0;
	color: var(--awwa-plum-900);
	font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.08;
}

.activatewidgetarea .awwa-settings-quick-actions {
	display: flex;
	gap: 7px;
	margin-top: 12px;
	overflow-x: auto;
	scrollbar-width: none;
}

.activatewidgetarea .awwa-settings-quick-actions::-webkit-scrollbar { display: none; }

.activatewidgetarea .awwa-quick-action {
	flex: 0 0 auto;
	border: 1px solid rgba(112,43,80,.14);
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	color: var(--awwa-plum-700);
	padding: 8px 11px;
	cursor: pointer;
	font-size: 11px;
	font-weight: 780;
	transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.activatewidgetarea .awwa-quick-action:hover {
	transform: translateY(-1px);
	background: var(--awwa-rose-100);
	border-color: rgba(207,95,148,.3);
}

.activatewidgetarea .awwa-setting-group {
	margin: 0 0 12px;
	padding: 14px;
	border: 1px solid rgba(53,19,38,.075);
	border-radius: 18px;
	background: rgba(255,255,255,.82);
	box-shadow: 0 9px 25px rgba(53,19,38,.045);
}

.activatewidgetarea .awwa-setting-label {
	color: rgba(53,19,38,.58);
}

.activatewidgetarea .awwa-field,
.activatewidgetarea .awwa-select,
.activatewidgetarea .awwa-textarea,
.activatewidgetarea .awwa-color-picker,
.activatewidgetarea .awwa-transparent-choice {
	border-radius: 12px !important;
}

.activatewidgetarea .awwa-field,
.activatewidgetarea .awwa-select,
.activatewidgetarea .awwa-textarea {
	border-color: rgba(53,19,38,.11);
	background: rgba(255,255,255,.96);
	font-weight: 650;
	transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.activatewidgetarea .awwa-field:focus,
.activatewidgetarea .awwa-select:focus,
.activatewidgetarea .awwa-textarea:focus {
	border-color: var(--awwa-rose-500);
	box-shadow: 0 0 0 3px rgba(207,95,148,.13);
	background: #fff;
}

.activatewidgetarea .awwa-geometry-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.activatewidgetarea .awwa-geometry-grid label,
.activatewidgetarea .awwa-layer-field {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	color: rgba(53,19,38,.55);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.activatewidgetarea .awwa-geometry-grid .awwa-field {
	min-width: 0;
	padding: 9px 8px;
}

.activatewidgetarea .awwa-geometry-note {
	margin-top: 9px;
	color: rgba(53,19,38,.45);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
}

.activatewidgetarea .awwa-layer-field {
	margin-bottom: 10px;
}

.activatewidgetarea .awwa-color-row,
.activatewidgetarea .awwa-number-grid {
	gap: 9px;
}

.activatewidgetarea .awwa-settings-empty {
	margin-top: 18px;
	border-radius: 20px !important;
	background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(253,235,244,.7));
	border-color: rgba(207,95,148,.22);
}

.activatewidgetarea .awwa-widget {
	border-radius: 22px !important;
	border: 1px solid rgba(255,255,255,.82);
	box-shadow: 0 18px 50px rgba(53,19,38,.13), inset 0 1px 0 rgba(255,255,255,.82);
	transition: box-shadow .24s ease, transform .24s cubic-bezier(.2,.8,.2,1), outline-color .18s ease;
}

.activatewidgetarea .awwa-widget:hover {
	box-shadow: 0 24px 64px rgba(53,19,38,.17), inset 0 1px 0 rgba(255,255,255,.86);
}

.activatewidgetarea .awwa-widget.is-active-widget {
	outline: 3px solid rgba(207,95,148,.42);
	outline-offset: 5px;
}

.activatewidgetarea .awwa-widget.is-dragging {
	transform: scale(1.012);
	box-shadow: 0 34px 86px rgba(53,19,38,.24);
}

.activatewidgetarea .awwa-chip,
.activatewidgetarea .awwa-drag-handle,
.activatewidgetarea .awwa-widget-lock-btn,
.activatewidgetarea .awwa-widget-dup-btn,
.activatewidgetarea .awwa-widget-options-btn,
.activatewidgetarea .awwa-widget-delete-btn {
	border-radius: 12px !important;
	background: rgba(255,255,255,.92);
	box-shadow: 0 8px 22px rgba(53,19,38,.15);
}

.activatewidgetarea .awwa-widget-delete-btn:hover {
	background: #fff0f2;
	color: #aa2f48;
}

.activatewidgetarea .awwa-pan-btn {
	border-radius: 15px !important;
}

.activatewidgetarea .awwa-canvas {
	scrollbar-width: thin;
	scrollbar-color: rgba(207,95,148,.28) transparent;
}

.activatewidgetarea .awwa-canvas::-webkit-scrollbar { width: 10px; height: 10px; }
.activatewidgetarea .awwa-canvas::-webkit-scrollbar-thumb {
	border: 3px solid transparent;
	border-radius: 999px;
	background: rgba(207,95,148,.32);
	background-clip: padding-box;
}

.activatewidgetarea button:focus-visible,
.activatewidgetarea input:focus-visible,
.activatewidgetarea select:focus-visible,
.activatewidgetarea textarea:focus-visible {
	outline: 3px solid rgba(207,95,148,.34);
	outline-offset: 2px;
}

@media (max-width: 620px) {
	.activatewidgetarea {
		border-radius: 22px;
	}

	.activatewidgetarea .awwa-widget-drawer {
		inset: 8px 0 8px 8px;
		width: auto;
		margin: 0;
		border-radius: 24px 0 0 24px;
	}

	.activatewidgetarea .awwa-drawer-head,
	.activatewidgetarea .awwa-drawer-top-actions {
		padding-inline: 17px;
	}

	.activatewidgetarea .awwa-drawer-tabs {
		padding-inline: 17px;
		overflow-x: auto;
	}

	.activatewidgetarea .awwa-drawer-tab {
		flex: 0 0 calc(50% - 4px);
	}

	.activatewidgetarea .awwa-drawer-title { font-size: 24px; }
	.activatewidgetarea .awwa-brand-mark { width: 40px; height: 40px; flex-basis: 40px; }
	.activatewidgetarea .awwa-drawer-top-controls { flex-direction: row; align-items: stretch; }
	.activatewidgetarea .awwa-device-picker { flex-basis: 100%; }
	.activatewidgetarea .awwa-snap-toggle,
	.activatewidgetarea .awwa-arrange-btn,
	.activatewidgetarea .awwa-save-area { flex: 1 1 auto; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
	.activatewidgetarea *,
	.activatewidgetarea *:before,
	.activatewidgetarea *:after {
		scroll-behavior: auto !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}

/* ==================================================================
   Activate Widgets App 2.3.1 — Sleek Board Studio
   A flatter editorial workspace: no logo, no pills, no nested cards,
   and compact icon navigation for widgets, board style and settings.
   ================================================================== */

.activatewidgetarea {
	--awwa-ui-ink: #27121e;
	--awwa-ui-muted: #776770;
	--awwa-ui-plum: #5a1f40;
	--awwa-ui-rose: #bd3f78;
	--awwa-ui-blush: #fbf4f7;
	--awwa-ui-paper: #fffdfd;
	--awwa-ui-line: #eadfe5;
	--awwa-ui-line-strong: #d6c2cc;
	border-radius: 0 !important;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.activatewidgetarea .awwa-side-open {
	top: 16px;
	right: 16px;
	width: 42px;
	height: 42px;
	border: 1px solid var(--awwa-ui-line-strong);
	border-radius: 0 !important;
	background: rgba(255,253,253,.96);
	color: var(--awwa-ui-plum);
	box-shadow: 0 10px 24px rgba(39,18,30,.11);
}

.activatewidgetarea .awwa-side-open:hover {
	transform: translateY(-1px);
	background: #fff;
	box-shadow: 0 13px 28px rgba(39,18,30,.14);
}

.activatewidgetarea .awwa-widget-drawer {
	width: min(440px, 96vw);
	margin: 0;
	border: 0;
	border-left: 1px solid var(--awwa-ui-line-strong);
	border-radius: 0 !important;
	background: var(--awwa-ui-paper);
	box-shadow: -18px 0 45px rgba(39,18,30,.13);
	backdrop-filter: none;
	overflow: hidden;
	transform: translateX(102%);
	transition: transform .24s cubic-bezier(.2,.8,.2,1);
}

.activatewidgetarea .awwa-drawer-backdrop {
	background: rgba(39,18,30,.16);
	backdrop-filter: none;
}

.activatewidgetarea .awwa-drawer-head {
	min-height: 70px;
	padding: 15px 18px 13px;
	border-bottom: 1px solid var(--awwa-ui-line);
	background: #fff;
}

.activatewidgetarea .awwa-drawer-head:before {
	display: none;
}

.activatewidgetarea .awwa-drawer-brand {
	display: block;
	min-width: 0;
}

.activatewidgetarea .awwa-brand-mark {
	display: none !important;
}

.activatewidgetarea .awwa-drawer-title {
	margin: 0;
	color: var(--awwa-ui-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -.015em;
}

.activatewidgetarea .awwa-drawer-subtitle {
	margin-top: 4px;
	color: var(--awwa-ui-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .005em;
}

.activatewidgetarea .awwa-close-drawer,
.activatewidgetarea .awwa-icon-btn {
	width: 36px;
	height: 36px;
	border: 1px solid transparent;
	border-radius: 0 !important;
	background: transparent;
	color: var(--awwa-ui-plum);
	box-shadow: none;
}

.activatewidgetarea .awwa-close-drawer:hover,
.activatewidgetarea .awwa-icon-btn:hover {
	transform: none;
	border-color: var(--awwa-ui-line);
	background: var(--awwa-ui-blush);
}

.activatewidgetarea .awwa-drawer-top-actions {
	padding: 0;
	border-bottom: 1px solid var(--awwa-ui-line);
	background: #fff;
	gap: 0;
}

.activatewidgetarea .awwa-drawer-savebox {
	width: 100%;
	min-height: 38px;
	padding: 7px 18px;
	border-bottom: 1px solid var(--awwa-ui-line);
	justify-content: space-between;
}

.activatewidgetarea .awwa-save-mode {
	padding: 0;
	border: 0;
	border-radius: 0 !important;
	background: transparent;
	color: var(--awwa-ui-plum);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
}

.activatewidgetarea .awwa-sync-state {
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.activatewidgetarea .awwa-sync-indicator {
	width: 7px;
	height: 7px;
	flex-basis: 7px;
}

.activatewidgetarea .awwa-status {
	color: var(--awwa-ui-muted);
	font-size: 10.5px;
	font-weight: 650;
}

.activatewidgetarea .awwa-drawer-top-controls {
	display: grid;
	grid-template-columns: minmax(150px, 1fr) auto auto auto;
	align-items: stretch;
	width: 100%;
	padding: 12px 18px;
	gap: 7px;
}

.activatewidgetarea .awwa-device-picker {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 0;
	border: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: #fff;
	color: var(--awwa-ui-muted);
}

.activatewidgetarea .awwa-device-picker > span {
	padding-left: 9px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .07em;
}

.activatewidgetarea .awwa-device-select {
	width: 100%;
	max-width: none;
	min-height: 38px;
	padding: 8px 24px 8px 9px;
	border: 0;
	border-left: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background-color: #fff;
	box-shadow: none;
	color: var(--awwa-ui-ink);
	font-size: 12px;
	font-weight: 700;
}

.activatewidgetarea .awwa-device-mode-line {
	order: 5;
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: none;
	padding: 8px 9px;
	border: 0;
	border-left: 2px solid var(--awwa-ui-line-strong);
	border-radius: 0 !important;
	background: var(--awwa-ui-blush);
}

.activatewidgetarea .awwa-device-mode-help {
	color: var(--awwa-ui-muted);
	font-size: 10.5px;
	font-weight: 600;
	line-height: 1.35;
}

.activatewidgetarea .awwa-snap-toggle {
	min-height: 38px;
	padding: 0 10px;
	border: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: #fff;
	color: var(--awwa-ui-ink);
	font-size: 11px;
	font-weight: 700;
}

.activatewidgetarea .awwa-snap-toggle input {
	width: 15px;
	height: 15px;
	accent-color: var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-pill-btn,
.activatewidgetarea .awwa-small-btn {
	min-height: 38px;
	padding: 9px 12px;
	border: 1px solid var(--awwa-ui-plum);
	border-radius: 0 !important;
	background: var(--awwa-ui-plum);
	color: #fff;
	box-shadow: none;
	font-size: 11px;
	font-weight: 750;
}

.activatewidgetarea .awwa-pill-btn:hover,
.activatewidgetarea .awwa-small-btn:hover {
	transform: none;
	background: var(--awwa-ui-ink);
}

.activatewidgetarea .awwa-small-btn.awwa-soft-btn {
	border: 1px solid var(--awwa-ui-line-strong);
	background: #fff;
	color: var(--awwa-ui-plum);
}

.activatewidgetarea .awwa-small-btn.awwa-soft-btn:hover {
	border-color: var(--awwa-ui-plum);
	background: var(--awwa-ui-blush);
}

.activatewidgetarea .awwa-drawer-tabs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 52px;
	padding: 8px 18px;
	border-bottom: 1px solid var(--awwa-ui-line);
	background: #fff;
}

.activatewidgetarea .awwa-panel-heading {
	min-width: 0;
	color: var(--awwa-ui-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: -.01em;
}

.activatewidgetarea .awwa-panel-icon-group {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.activatewidgetarea .awwa-drawer-tab {
	flex: 0 0 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: #fff;
	color: var(--awwa-ui-plum);
	box-shadow: none;
}

.activatewidgetarea .awwa-drawer-tab:hover {
	border-color: var(--awwa-ui-plum);
	background: var(--awwa-ui-blush);
	color: var(--awwa-ui-plum);
}

.activatewidgetarea .awwa-drawer-tab.is-active {
	border-color: var(--awwa-ui-plum);
	background: var(--awwa-ui-plum);
	color: #fff;
	box-shadow: none;
}

.activatewidgetarea .awwa-drawer-search-wrap {
	padding: 12px 18px 8px;
	border: 0;
}

.activatewidgetarea .awwa-drawer-search {
	min-height: 40px;
	padding: 10px 11px;
	border: 1px solid var(--awwa-ui-line-strong);
	border-radius: 0 !important;
	background: #fff;
	box-shadow: none;
	color: var(--awwa-ui-ink);
	font-size: 12px;
	font-weight: 600;
}

.activatewidgetarea .awwa-drawer-search:focus {
	border-color: var(--awwa-ui-rose);
	box-shadow: inset 3px 0 0 var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-cat-chips {
	gap: 0;
	padding: 0 18px 9px;
	border-bottom: 1px solid var(--awwa-ui-line);
}

.activatewidgetarea .awwa-cat-chip {
	padding: 7px 10px;
	border: 1px solid var(--awwa-ui-line);
	border-right: 0;
	border-radius: 0 !important;
	background: #fff;
	color: var(--awwa-ui-muted);
	font-size: 10.5px;
	font-weight: 700;
}

.activatewidgetarea .awwa-cat-chip:last-child {
	border-right: 1px solid var(--awwa-ui-line);
}

.activatewidgetarea .awwa-cat-chip:hover {
	border-color: var(--awwa-ui-line-strong);
	background: var(--awwa-ui-blush);
	color: var(--awwa-ui-plum);
}

.activatewidgetarea .awwa-cat-chip.is-active {
	border-color: var(--awwa-ui-plum);
	background: var(--awwa-ui-plum);
	color: #fff;
}

.activatewidgetarea .awwa-widget-list {
	padding: 12px 18px 24px;
}

.activatewidgetarea .awwa-widget-folder {
	display: grid;
	gap: 8px;
	margin-bottom: 16px;
}

.activatewidgetarea .awwa-widget-folder-title {
	margin: 0;
	padding: 5px 0;
	border: 0;
	border-bottom: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: transparent;
	color: var(--awwa-ui-muted);
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: .11em;
}

.activatewidgetarea .awwa-widget-folder-adminonly .awwa-widget-folder-title,
.activatewidgetarea .awwa-widget-folder-superadminonly .awwa-widget-folder-title {
	padding-left: 8px;
	border-left: 2px solid var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-widget-folder-items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
}

.activatewidgetarea .awwa-widget-card {
	position: relative;
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: start;
	gap: 8px;
	min-height: 72px;
	margin: 0;
	padding: 10px 28px 9px 9px;
	border: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: #fff;
	box-shadow: none;
}

.activatewidgetarea .awwa-widget-card:hover {
	transform: none;
	border-color: var(--awwa-ui-rose);
	background: var(--awwa-ui-blush);
	box-shadow: inset 3px 0 0 var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-widget-card-icon {
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 0 !important;
	background: #f5edf1;
	color: var(--awwa-ui-plum);
	font-size: 16px;
}

.activatewidgetarea .awwa-widget-card-text {
	display: block;
	min-width: 0;
}

.activatewidgetarea .awwa-widget-card-label {
	margin: 0 0 3px;
	color: var(--awwa-ui-ink);
	font-size: 11.5px;
	font-weight: 750;
	line-height: 1.2;
}

.activatewidgetarea .awwa-widget-card-desc {
	display: -webkit-box;
	overflow: hidden;
	color: var(--awwa-ui-muted);
	font-size: 9.5px;
	font-weight: 550;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.activatewidgetarea .awwa-widget-card-plus {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 18px;
	height: 18px;
	border: 0;
	border-radius: 0 !important;
	background: transparent;
	color: var(--awwa-ui-rose);
	font-size: 17px;
	font-weight: 500;
}

.activatewidgetarea .awwa-widget-card:hover .awwa-widget-card-plus {
	background: transparent;
	color: var(--awwa-ui-plum);
}

.activatewidgetarea .awwa-settings-panel {
	padding: 0 18px 26px;
}

.activatewidgetarea .awwa-settings-hero {
	position: static;
	margin: 0 -18px 3px;
	padding: 16px 18px 14px;
	border-bottom: 1px solid var(--awwa-ui-line);
	background: #fff;
	backdrop-filter: none;
}

.activatewidgetarea .awwa-settings-kicker {
	margin-bottom: 4px;
	color: var(--awwa-ui-rose);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .11em;
}

.activatewidgetarea .awwa-settings-current-title {
	color: var(--awwa-ui-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.1;
}

.activatewidgetarea .awwa-settings-quick-actions {
	gap: 0;
	margin-top: 11px;
}

.activatewidgetarea .awwa-quick-action {
	padding: 7px 9px;
	border: 1px solid var(--awwa-ui-line-strong);
	border-right: 0;
	border-radius: 0;
	background: #fff;
	color: var(--awwa-ui-plum);
	font-size: 10px;
	font-weight: 700;
}

.activatewidgetarea .awwa-quick-action:last-child {
	border-right: 1px solid var(--awwa-ui-line-strong);
}

.activatewidgetarea .awwa-quick-action:hover {
	transform: none;
	background: var(--awwa-ui-blush);
	border-color: var(--awwa-ui-plum);
}

.activatewidgetarea .awwa-setting-group {
	margin: 0;
	padding: 15px 0;
	border: 0;
	border-bottom: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: transparent;
	box-shadow: none;
}

.activatewidgetarea .awwa-setting-label {
	margin-bottom: 7px;
	color: var(--awwa-ui-muted);
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: .07em;
}

.activatewidgetarea .awwa-field,
.activatewidgetarea .awwa-select,
.activatewidgetarea .awwa-textarea {
	padding: 10px 11px;
	border: 1px solid var(--awwa-ui-line-strong);
	border-radius: 0 !important;
	background: #fff;
	box-shadow: none;
	color: var(--awwa-ui-ink);
	font-size: 12px;
	font-weight: 600;
}

.activatewidgetarea .awwa-field:focus,
.activatewidgetarea .awwa-select:focus,
.activatewidgetarea .awwa-textarea:focus {
	border-color: var(--awwa-ui-rose);
	box-shadow: inset 3px 0 0 var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-color-picker,
.activatewidgetarea .awwa-transparent-choice,
.activatewidgetarea .awwa-settings-empty,
.activatewidgetarea .awwa-access-intro,
.activatewidgetarea .awwa-segmented,
.activatewidgetarea .awwa-member-chip,
.activatewidgetarea .awwa-member-result,
.activatewidgetarea .awwa-system-settings-note {
	border-radius: 0 !important;
	box-shadow: none;
}

.activatewidgetarea .awwa-color-picker,
.activatewidgetarea .awwa-transparent-choice {
	border: 1px solid var(--awwa-ui-line);
	background: #fff;
}

.activatewidgetarea .awwa-settings-empty {
	margin: 18px 0 0;
	padding: 18px;
	border: 0;
	border-left: 2px solid var(--awwa-ui-rose);
	background: var(--awwa-ui-blush);
	color: var(--awwa-ui-muted);
	text-align: left;
	font-size: 11.5px;
	font-weight: 650;
}

.activatewidgetarea .awwa-board-panel,
.activatewidgetarea .awwa-access-panel {
	padding: 16px 18px 26px;
}

.activatewidgetarea .awwa-access-intro {
	padding: 11px 12px;
	border: 0;
	border-left: 2px solid var(--awwa-ui-rose);
	background: var(--awwa-ui-blush);
	color: var(--awwa-ui-muted);
}

.activatewidgetarea .awwa-bg-modes {
	gap: 0;
	padding: 0;
	border: 1px solid var(--awwa-ui-line);
	border-radius: 0;
	background: #fff;
}

.activatewidgetarea .awwa-bg-mode {
	border-right: 1px solid var(--awwa-ui-line);
	background: #fff;
	color: var(--awwa-ui-muted);
}

.activatewidgetarea .awwa-bg-mode:last-child {
	border-right: 0;
}

.activatewidgetarea .awwa-bg-mode.is-active {
	background: var(--awwa-ui-plum);
	color: #fff;
	box-shadow: none;
}

.activatewidgetarea .awwa-swatch,
.activatewidgetarea .awwa-bg-advanced,
.activatewidgetarea .awwa-bg-advanced .awwa-textarea {
	border-radius: 0 !important;
}

.activatewidgetarea .awwa-range::-webkit-slider-thumb,
.activatewidgetarea .awwa-range::-moz-range-thumb {
	border-radius: 0;
	background: var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-widget {
	border: 1px solid rgba(39,18,30,.09);
	border-radius: 0 !important;
	background: rgba(255,255,255,.94);
	box-shadow: 0 12px 34px rgba(39,18,30,.11);
}

.activatewidgetarea .awwa-widget:hover {
	box-shadow: 0 16px 40px rgba(39,18,30,.14);
}

.activatewidgetarea .awwa-widget.is-active-widget {
	outline: 2px solid var(--awwa-ui-rose);
	outline-offset: 3px;
}

.activatewidgetarea .awwa-chip,
.activatewidgetarea .awwa-drag-handle,
.activatewidgetarea .awwa-widget-lock-btn,
.activatewidgetarea .awwa-widget-dup-btn,
.activatewidgetarea .awwa-widget-options-btn,
.activatewidgetarea .awwa-widget-delete-btn,
.activatewidgetarea .awwa-pan-btn {
	border: 1px solid var(--awwa-ui-line);
	border-radius: 0 !important;
	background: #fff;
	box-shadow: 0 6px 15px rgba(39,18,30,.1);
}

.activatewidgetarea .awwa-canvas::-webkit-scrollbar-thumb,
.activatewidgetarea .awwa-drawer-panel::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: rgba(90,31,64,.28);
}

.activatewidgetarea button:focus-visible,
.activatewidgetarea input:focus-visible,
.activatewidgetarea select:focus-visible,
.activatewidgetarea textarea:focus-visible {
	outline: 2px solid var(--awwa-ui-rose);
	outline-offset: 1px;
}

@media (max-width: 620px) {
	.activatewidgetarea {
		border-radius: 0 !important;
	}

	.activatewidgetarea .awwa-widget-drawer {
		inset: 0 0 0 8px;
		width: auto;
		margin: 0;
		border-radius: 0 !important;
	}

	.activatewidgetarea .awwa-drawer-head,
	.activatewidgetarea .awwa-drawer-savebox,
	.activatewidgetarea .awwa-drawer-tabs,
	.activatewidgetarea .awwa-drawer-top-controls {
		padding-inline: 14px;
	}

	.activatewidgetarea .awwa-drawer-top-controls {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.activatewidgetarea .awwa-device-picker {
		grid-column: 1 / -1;
	}

	.activatewidgetarea .awwa-device-mode-line {
		align-items: flex-start;
		flex-direction: column;
	}

	.activatewidgetarea .awwa-drawer-tabs {
		overflow: visible;
	}

	.activatewidgetarea .awwa-drawer-tab {
		flex: 0 0 34px;
	}

	.activatewidgetarea .awwa-widget-folder-items {
		grid-template-columns: 1fr;
	}
}

/* ==================================================================
   Activate Widgets App 2.3.2 — Compact widget sidebar
   The sidebar now opens directly into the widget library. Board status,
   device layout, snap, arrange and manual save live inside Board style.
   ================================================================== */

.activatewidgetarea .awwa-widget-drawer {
	width: min(390px, 94vw);
	background: #fffdfd;
	border-left: 1px solid #decbd5;
	box-shadow: -14px 0 38px rgba(39,18,30,.11);
}

.activatewidgetarea .awwa-drawer-tabs {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	min-height: 48px;
	padding: 7px 12px 7px 15px;
	gap: 8px;
	background: rgba(255,253,253,.98);
	border-bottom: 1px solid var(--awwa-ui-line);
}

.activatewidgetarea .awwa-panel-heading {
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: -.01em;
}

.activatewidgetarea .awwa-panel-icon-group {
	gap: 3px;
}

.activatewidgetarea .awwa-drawer-tab,
.activatewidgetarea .awwa-close-drawer,
.activatewidgetarea .awwa-icon-btn {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	min-height: 30px;
	padding: 0;
	border: 0;
	border-radius: 0 !important;
	background: transparent;
	color: var(--awwa-ui-plum);
	box-shadow: none;
}

.activatewidgetarea .awwa-drawer-tab:hover,
.activatewidgetarea .awwa-close-drawer:hover,
.activatewidgetarea .awwa-icon-btn:hover {
	border: 0;
	background: #f7edf2;
	color: var(--awwa-ui-plum);
}

.activatewidgetarea .awwa-drawer-tab.is-active {
	border: 0;
	background: var(--awwa-ui-plum);
	color: #fff;
}

.activatewidgetarea .awwa-drawer-panels,
.activatewidgetarea .awwa-drawer-panel {
	background: #fffdfd;
}

.activatewidgetarea .awwa-drawer-search-wrap {
	padding: 10px 15px 6px;
}

.activatewidgetarea .awwa-drawer-search {
	min-height: 36px;
	padding: 8px 10px;
	font-size: 11.5px;
}

.activatewidgetarea .awwa-cat-chips {
	flex-wrap: nowrap;
	overflow-x: auto;
	padding: 0 15px 8px;
	border-bottom: 1px solid var(--awwa-ui-line);
	scrollbar-width: none;
}

.activatewidgetarea .awwa-cat-chips::-webkit-scrollbar {
	display: none;
}

.activatewidgetarea .awwa-cat-chip {
	flex: 0 0 auto;
	padding: 6px 9px;
	font-size: 9.5px;
	white-space: nowrap;
}

.activatewidgetarea .awwa-widget-list {
	padding: 9px 15px 18px;
}

.activatewidgetarea .awwa-widget-folder {
	gap: 6px;
	margin-bottom: 12px;
}

.activatewidgetarea .awwa-widget-folder-title {
	padding: 5px 0 6px;
	font-size: 8.5px;
	letter-spacing: .12em;
}

.activatewidgetarea .awwa-widget-folder-items {
	gap: 5px;
}

.activatewidgetarea .awwa-widget-card {
	grid-template-columns: 27px minmax(0, 1fr);
	gap: 7px;
	min-height: 60px;
	padding: 8px 23px 7px 7px;
}

.activatewidgetarea .awwa-widget-card-icon {
	width: 27px;
	height: 27px;
	font-size: 14px;
}

.activatewidgetarea .awwa-widget-card-label {
	margin-bottom: 2px;
	font-size: 10.5px;
}

.activatewidgetarea .awwa-widget-card-desc {
	font-size: 8.8px;
	line-height: 1.25;
}

.activatewidgetarea .awwa-widget-card-plus {
	top: 5px;
	right: 4px;
	font-size: 15px;
}

.activatewidgetarea .awwa-board-panel,
.activatewidgetarea .awwa-access-panel {
	padding: 12px 15px 22px;
}

.activatewidgetarea .awwa-board-tools {
	margin: 0 0 12px;
	padding: 0 0 11px;
	border-bottom: 1px solid var(--awwa-ui-line);
}

.activatewidgetarea .awwa-board-tools-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 25px;
	margin-bottom: 6px;
}

.activatewidgetarea .awwa-board-tools .awwa-save-mode {
	color: var(--awwa-ui-plum);
	font-size: 8.5px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.activatewidgetarea .awwa-board-tools .awwa-sync-state {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.activatewidgetarea .awwa-board-tools .awwa-status {
	font-size: 9px;
}

.activatewidgetarea .awwa-board-tools-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	align-items: stretch;
	gap: 5px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-picker {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 5px;
	min-width: 0;
	border: 1px solid var(--awwa-ui-line);
	background: #fff;
}

.activatewidgetarea .awwa-board-tools .awwa-device-picker > span {
	padding-left: 7px;
	font-size: 8px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-select {
	min-height: 32px;
	padding: 6px 20px 6px 7px;
	font-size: 10px;
}

.activatewidgetarea .awwa-board-tools .awwa-snap-toggle,
.activatewidgetarea .awwa-board-tools .awwa-pill-btn,
.activatewidgetarea .awwa-board-tools .awwa-small-btn {
	min-height: 32px;
	padding: 6px 8px;
	font-size: 9px;
}

.activatewidgetarea .awwa-board-tools .awwa-snap-toggle {
	gap: 4px;
}

.activatewidgetarea .awwa-board-tools .awwa-snap-toggle input {
	width: 13px;
	height: 13px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-mode-line {
	margin-top: 6px;
	padding: 6px 7px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-mode-help {
	font-size: 9px;
}

@media (max-width: 620px) {
	.activatewidgetarea .awwa-widget-drawer {
		inset: 0 0 0 6px;
		width: auto;
	}

	.activatewidgetarea .awwa-drawer-tabs {
		padding-inline: 12px 9px;
	}

	.activatewidgetarea .awwa-widget-folder-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.activatewidgetarea .awwa-board-tools-grid {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.activatewidgetarea .awwa-board-tools .awwa-device-picker {
		grid-column: 1 / -1;
	}
}

/* ==================================================================
   Activate Widgets App 2.3.3 — Readable feminine studio panels
   Keeps the compact icon header while restoring comfortable type and
   giving Board Style + Widget Settings a clearer visual hierarchy.
   ================================================================== */

/* Comfortable reading sizes throughout the widget library. */
.activatewidgetarea .awwa-drawer-search {
	min-height: 42px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.35;
}

.activatewidgetarea .awwa-cat-chip {
	padding: 7px 10px;
	font-size: 12px;
	line-height: 1.2;
}

.activatewidgetarea .awwa-widget-folder-title {
	padding: 7px 0 8px;
	font-size: 11px;
	line-height: 1.25;
	letter-spacing: .09em;
}

.activatewidgetarea .awwa-widget-folder-items {
	gap: 7px;
}

.activatewidgetarea .awwa-widget-card {
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 8px;
	min-height: 72px;
	padding: 10px 25px 9px 9px;
}

.activatewidgetarea .awwa-widget-card-icon {
	width: 32px;
	height: 32px;
	font-size: 16px;
}

.activatewidgetarea .awwa-widget-card-label {
	margin-bottom: 3px;
	font-size: 13.5px;
	line-height: 1.25;
}

.activatewidgetarea .awwa-widget-card-desc {
	font-size: 11.5px;
	line-height: 1.35;
}

.activatewidgetarea .awwa-widget-card-plus {
	top: 7px;
	right: 5px;
	width: 20px;
	height: 20px;
	font-size: 18px;
}

/* Board Style: light studio sections, crisp edges, feminine accents. */
.activatewidgetarea .awwa-board-panel {
	padding: 14px 16px 26px;
	background:
		linear-gradient(90deg, rgba(189,63,120,.035) 1px, transparent 1px),
		#fffdfd;
	background-size: 24px 100%;
}

.activatewidgetarea .awwa-board-tools {
	position: relative;
	margin: 0 0 14px;
	padding: 12px 12px 13px 15px;
	border: 1px solid var(--awwa-ui-line);
	border-left: 4px solid var(--awwa-ui-rose);
	background: linear-gradient(90deg, #fff 0%, #fff8fb 100%);
}

.activatewidgetarea .awwa-board-tools:before {
	content: "BOARD CONTROLS";
	display: block;
	margin-bottom: 8px;
	color: var(--awwa-ui-rose);
	font-size: 11px;
	font-weight: 850;
	line-height: 1;
	letter-spacing: .09em;
}

.activatewidgetarea .awwa-board-tools-head {
	min-height: 28px;
	margin-bottom: 9px;
}

.activatewidgetarea .awwa-board-tools .awwa-save-mode {
	color: var(--awwa-ui-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	text-transform: none;
}

.activatewidgetarea .awwa-board-tools .awwa-status {
	font-size: 12px;
	font-weight: 700;
}

.activatewidgetarea .awwa-board-tools-grid {
	gap: 7px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-picker > span {
	padding-left: 9px;
	font-size: 11px;
	letter-spacing: .04em;
}

.activatewidgetarea .awwa-board-tools .awwa-device-select {
	min-height: 38px;
	padding: 8px 22px 8px 9px;
	font-size: 13px;
}

.activatewidgetarea .awwa-board-tools .awwa-snap-toggle,
.activatewidgetarea .awwa-board-tools .awwa-pill-btn,
.activatewidgetarea .awwa-board-tools .awwa-small-btn {
	min-height: 38px;
	padding: 8px 10px;
	font-size: 12px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-mode-line {
	margin-top: 8px;
	padding: 8px 9px;
}

.activatewidgetarea .awwa-board-tools .awwa-device-mode-help {
	font-size: 12px;
	line-height: 1.4;
}

.activatewidgetarea .awwa-board-panel > .awwa-access-intro {
	position: relative;
	margin: 0 0 12px;
	padding: 12px 38px 12px 14px;
	border: 1px solid #edd7e2;
	border-left: 4px solid var(--awwa-ui-plum);
	background: #fbf2f7;
	color: #604b56;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.5;
}

.activatewidgetarea .awwa-board-panel > .awwa-access-intro:after {
	content: "✦";
	position: absolute;
	top: 11px;
	right: 13px;
	color: var(--awwa-ui-rose);
	font-size: 17px;
}

.activatewidgetarea .awwa-bg-modes {
	margin-bottom: 13px;
	border-color: var(--awwa-ui-line-strong);
}

.activatewidgetarea .awwa-bg-mode {
	min-height: 39px;
	padding: 8px 5px;
	font-size: 11.5px;
	font-weight: 750;
	line-height: 1.2;
}

.activatewidgetarea .awwa-bg-mode.is-active {
	background: var(--awwa-ui-plum);
	box-shadow: inset 0 -3px 0 var(--awwa-ui-rose);
}

.activatewidgetarea .awwa-bg-pane {
	margin-bottom: 15px;
	padding: 13px;
	border: 1px solid var(--awwa-ui-line);
	border-left: 4px solid #df9cbb;
	background: rgba(255,255,255,.94);
}

.activatewidgetarea .awwa-swatch-grid {
	gap: 9px;
}

.activatewidgetarea .awwa-swatch {
	min-width: 34px;
	min-height: 34px;
	border: 2px solid #fff;
	outline: 1px solid var(--awwa-ui-line-strong);
}

.activatewidgetarea .awwa-swatch.is-active {
	outline: 3px solid var(--awwa-ui-rose);
	outline-offset: 2px;
}

.activatewidgetarea .awwa-swatch-lg {
	min-height: 52px;
}

.activatewidgetarea .awwa-bg-custom-color {
	margin-top: 12px;
}

.activatewidgetarea .awwa-bg-overlay-group {
	border-left: 4px solid var(--awwa-ui-rose);
	background: #fff8fb;
}

.activatewidgetarea .awwa-bg-advanced {
	border: 1px solid var(--awwa-ui-line);
	border-left: 4px solid var(--awwa-ui-plum);
	background: #fff;
}

.activatewidgetarea .awwa-bg-advanced > summary {
	padding: 11px 12px;
	font-size: 13px;
}

.activatewidgetarea .awwa-bg-advanced .awwa-textarea {
	margin: 0 12px 10px;
	width: calc(100% - 24px);
}

.activatewidgetarea .awwa-bg-advanced .awwa-help {
	padding: 0 12px 12px;
}

/* Widget Settings: larger copy with clean rose/plum section markers. */
.activatewidgetarea .awwa-settings-panel {
	padding: 0 16px 28px;
	background: #fffdfd;
}

.activatewidgetarea .awwa-settings-hero {
	margin: 0 -16px 10px;
	padding: 16px;
	border-bottom: 1px solid var(--awwa-ui-line);
	box-shadow: inset 4px 0 0 var(--awwa-ui-rose);
	background: linear-gradient(90deg, #fff8fb 0%, #fff 100%);
}

.activatewidgetarea .awwa-settings-kicker {
	font-size: 11px;
	letter-spacing: .09em;
}

.activatewidgetarea .awwa-settings-current-title {
	font-size: 23px;
}

.activatewidgetarea .awwa-quick-action {
	min-height: 34px;
	padding: 8px 10px;
	font-size: 12px;
}

.activatewidgetarea .awwa-setting-group {
	position: relative;
	padding: 14px 0 15px 13px;
	border-bottom: 1px solid var(--awwa-ui-line);
}

.activatewidgetarea .awwa-setting-group:before {
	content: "";
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 0;
	width: 3px;
	background: #e6b5cb;
}

.activatewidgetarea .awwa-setting-label,
.activatewidgetarea .awwa-geometry-grid label,
.activatewidgetarea .awwa-layer-field {
	font-size: 12px;
	line-height: 1.35;
}

.activatewidgetarea .awwa-field,
.activatewidgetarea .awwa-select,
.activatewidgetarea .awwa-textarea {
	min-height: 42px;
	padding: 10px 11px;
	font-size: 14px;
	line-height: 1.4;
}

.activatewidgetarea .awwa-textarea {
	min-height: 92px;
}

.activatewidgetarea .awwa-color-picker,
.activatewidgetarea .awwa-transparent-choice {
	min-height: 40px;
	padding: 9px 10px;
	font-size: 12.5px;
}

.activatewidgetarea .awwa-geometry-note,
.activatewidgetarea .awwa-help,
.activatewidgetarea .awwa-settings-empty,
.activatewidgetarea .awwa-access-intro,
.activatewidgetarea .awwa-system-settings-note {
	font-size: 12.5px;
	line-height: 1.5;
}

.activatewidgetarea .awwa-settings-empty {
	padding: 16px;
	border-left-width: 4px;
}

.activatewidgetarea .awwa-board-panel > .awwa-pill-btn.awwa-save-config {
	width: 100%;
	min-height: 44px;
	margin-top: 4px;
	font-size: 13px;
	letter-spacing: .01em;
}

@media (max-width: 620px) {
	.activatewidgetarea .awwa-widget-card {
		min-height: 76px;
	}

	.activatewidgetarea .awwa-board-tools-grid {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.activatewidgetarea .awwa-board-tools .awwa-device-picker {
		grid-column: 1 / -1;
	}

	.activatewidgetarea .awwa-board-panel,
	.activatewidgetarea .awwa-settings-panel {
		padding-left: 13px;
		padding-right: 13px;
	}

	.activatewidgetarea .awwa-settings-hero {
		margin-left: -13px;
		margin-right: -13px;
	}
}

/* ==================================================================
   Activate Widgets App 2.3.4 — Container-aware board frames
   The holder owns the visible shape. Saved content may scroll inside it,
   but the board never widens the page or escapes its parent div/column.
   ================================================================== */

.activatewidgetarea.awwa-container-aware {
	display: block;
	max-width: 100%;
	min-width: 0;
	contain: layout paint;
	isolation: isolate;
}

.activatewidgetarea.awwa-container-aware .awwa-canvas {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: auto;
}

.activatewidgetarea.awwa-container-aware .awwa-board,
.activatewidgetarea.awwa-container-aware.awwa-layout-website .awwa-board,
.activatewidgetarea.awwa-container-aware.awwa-responsive-layout .awwa-board {
	width: 100%;
	min-width: 100%;
	max-width: none;
}

.activatewidgetarea.awwa-container-sized {
	min-height: 0;
}

.activatewidgetarea.awwa-container-sized .awwa-canvas {
	height: 100%;
	min-height: 0;
}

.activatewidgetarea.awwa-container-aware .awwa-widget-drawer {
	max-width: 100%;
}

/* 2.4.5 mounted board presentation modes. Interaction-only keeps widget content
   live while removing layout/build-management chrome from the published app. */
.activatewidgetarea.awwa-interact-only .awwa-side-open,
.activatewidgetarea.awwa-interact-only .awwa-widget-drawer,
.activatewidgetarea.awwa-interact-only .awwa-drawer-backdrop,
.activatewidgetarea.awwa-interact-only .awwa-widget-topbar,
.activatewidgetarea.awwa-interact-only .awwa-resize-handle,
.activatewidgetarea.awwa-interact-only .awwa-drag-handle{display:none!important}
.activatewidgetarea.awwa-interact-only .awwa-widget{cursor:default!important}

/* 2.4.6 · standalone/full-page PWA widget runtime */
.awwa-standalone-widget{width:100%;min-width:0;position:relative;overflow:visible}
.awwa-standalone-widget>.awwa-widget.awwa-standalone-runtime{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;resize:none!important;box-shadow:none!important;outline:0!important;margin:0!important}
.awwa-standalone-widget>.awwa-widget.awwa-standalone-runtime .awwa-widget-topbar{display:none!important}
.awwa-standalone-widget>.awwa-widget.awwa-standalone-runtime .awwa-widget-stage{width:100%;height:100%;min-height:inherit}