@forgeroute/ui 0.4.68 → 0.4.69

package/fesm2022/forgeroute-ui.mjs

@@ -7900,6 +7900,9 @@ var ToastService = class ToastService {
 	show(msg, duration = 3e3) {
 		this._display("success", msg, duration);
 	}
+	success(msg, duration = 3e3) {
+		this._display("success", msg, duration);
+	}
 	info(msg, duration = 3e3) {
 		this._display("info", msg, duration);
 	}
@@ -11260,7 +11263,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 let reorderHelpSeq = 0;
-function formatPhone$1(raw) {
+function formatPhone$2(raw) {
 	if (!raw) return "—";
 	const digits = raw.replace(/\D/g, "");
 	if (digits.length === 10) return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
@@ -12629,7 +12632,7 @@ var DataTableComponent = class DataTableComponent {
 		this._failedImages.update((s) => new Set(s).add(url));
 	}
 	phoneCell(value) {
-		return formatPhone$1(value);
+		return formatPhone$2(value);
 	}
 	_safeHref(raw) {
 		if (typeof raw !== "string") return null;
@@ -12718,7 +12721,7 @@ var DataTableComponent = class DataTableComponent {
 				const v = item[col.key];
 				return v ? this._datePipe.transform(v, col.dateFormat ?? "MMM d, y") ?? "—" : "—";
 			}
-			case "phone": return formatPhone$1(item[col.key]);
+			case "phone": return formatPhone$2(item[col.key]);
 			case "link": return this.linkView(col, item).text;
 			case "days-ago": {
 				const days = item[col.daysKey ?? col.key];
@@ -20004,7 +20007,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 let nextPickerId = 0;
-function formatPhone(raw) {
+function formatPhone$1(raw) {
 	if (!raw) return "";
 	const normalized = raw.startsWith("+1") && raw.replace(/\D/g, "").length === 11 ? raw.slice(2) : raw;
 	if (normalized.startsWith("+")) return normalized;
@@ -20019,7 +20022,7 @@ var ContactPickerComponent = class ContactPickerComponent {
 		return `${this.uid}-opt-${i}`;
 	}
 	constructor() {
-		this.formatPhone = formatPhone;
+		this.formatPhone = formatPhone$1;
 		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
 		this.placeholder = input("Search by name...", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
@@ -22367,6 +22370,45 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const PASSWORD_MAX_LENGTH = 128;
+const BASE_RULES = [
+	{
+		id: "length",
+		label: "At least 8 characters",
+		test: (p) => p.length >= 8
+	},
+	{
+		id: "upper",
+		label: "One uppercase letter",
+		test: (p) => /[A-Z]/.test(p)
+	},
+	{
+		id: "lower",
+		label: "One lowercase letter",
+		test: (p) => /[a-z]/.test(p)
+	},
+	{
+		id: "digit",
+		label: "One digit (0-9)",
+		test: (p) => /\d/.test(p)
+	}
+];
+const LISTED_SPECIAL_PASSWORD_RULES = [...BASE_RULES, {
+	id: "special",
+	label: "One special character (@ $ ! % * ? & #)",
+	test: (p) => /[@$!%*?&#]/.test(p)
+}];
+const ASCII_SPECIAL_PASSWORD_RULES = [...BASE_RULES, {
+	id: "special",
+	label: "One special character (e.g. ! @ # $ %)",
+	test: (p) => /[!-\/:-@[-`{-~]/.test(p)
+}];
+function createPasswordPolicyValidator(rules, maxLength = 128) {
+	return (c) => {
+		const p = String(c.value ?? "");
+		return p.length <= maxLength && passwordMeetsRules(p, rules) ? null : { passwordRules: true };
+	};
+}
 const KEYS = [
 	"1",
 	"2",
@@ -32264,6 +32306,662 @@ const US_STATES = [
 		label: "District of Columbia"
 	}
 ];
+const US_LOCATIONS = {
+	AL: [
+		"Anniston",
+		"Auburn",
+		"Birmingham",
+		"Decatur",
+		"Dothan",
+		"Florence",
+		"Gadsden",
+		"Hoover",
+		"Huntsville",
+		"Mobile",
+		"Montgomery",
+		"Tuscaloosa"
+	],
+	AK: [
+		"Anchorage",
+		"Badger",
+		"Fairbanks",
+		"Juneau",
+		"Ketchikan",
+		"Sitka",
+		"Wasilla"
+	],
+	AZ: [
+		"Avondale",
+		"Buckeye",
+		"Casa Grande",
+		"Chandler",
+		"Flagstaff",
+		"Gilbert",
+		"Glendale",
+		"Goodyear",
+		"Lake Havasu City",
+		"Maricopa",
+		"Mesa",
+		"Peoria",
+		"Phoenix",
+		"Prescott",
+		"Queen Creek",
+		"Scottsdale",
+		"Surprise",
+		"Tempe",
+		"Tucson",
+		"Yuma"
+	],
+	AR: [
+		"Bentonville",
+		"Conway",
+		"Fayetteville",
+		"Fort Smith",
+		"Jonesboro",
+		"Little Rock",
+		"North Little Rock",
+		"Pine Bluff",
+		"Rogers",
+		"Springdale"
+	],
+	CA: [
+		"Anaheim",
+		"Antioch",
+		"Bakersfield",
+		"Berkeley",
+		"Burbank",
+		"Chula Vista",
+		"Concord",
+		"Corona",
+		"El Monte",
+		"Elk Grove",
+		"Escondido",
+		"Fontana",
+		"Fremont",
+		"Fresno",
+		"Fullerton",
+		"Garden Grove",
+		"Glendale",
+		"Hayward",
+		"Huntington Beach",
+		"Inglewood",
+		"Irvine",
+		"Lancaster",
+		"Long Beach",
+		"Los Angeles",
+		"Modesto",
+		"Moreno Valley",
+		"Murrieta",
+		"Ontario",
+		"Oxnard",
+		"Palmdale",
+		"Pasadena",
+		"Pomona",
+		"Rancho Cucamonga",
+		"Riverside",
+		"Sacramento",
+		"Salinas",
+		"San Bernardino",
+		"San Diego",
+		"San Francisco",
+		"San Jose",
+		"Santa Ana",
+		"Santa Clarita",
+		"Santa Rosa",
+		"Simi Valley",
+		"Stockton",
+		"Sunnyvale",
+		"Thousand Oaks",
+		"Torrance",
+		"Vallejo",
+		"Victorville",
+		"Visalia"
+	],
+	CO: [
+		"Arvada",
+		"Aurora",
+		"Boulder",
+		"Brighton",
+		"Broomfield",
+		"Castle Rock",
+		"Colorado Springs",
+		"Commerce City",
+		"Denver",
+		"Fort Collins",
+		"Greeley",
+		"Highlands Ranch",
+		"Lakewood",
+		"Longmont",
+		"Loveland",
+		"Parker",
+		"Pueblo",
+		"Thornton",
+		"Westminster"
+	],
+	CT: [
+		"Bridgeport",
+		"Bristol",
+		"Danbury",
+		"Greenwich",
+		"Hartford",
+		"Meriden",
+		"New Britain",
+		"New Haven",
+		"Norwalk",
+		"Stamford",
+		"Waterbury"
+	],
+	DE: [
+		"Dover",
+		"Middletown",
+		"Newark",
+		"Wilmington"
+	],
+	FL: [
+		"Boca Raton",
+		"Bonita Springs",
+		"Boynton Beach",
+		"Bradenton",
+		"Cape Coral",
+		"Clearwater",
+		"Coral Springs",
+		"Davie",
+		"Daytona Beach",
+		"Deerfield Beach",
+		"Deltona",
+		"Fort Lauderdale",
+		"Fort Myers",
+		"Gainesville",
+		"Hialeah",
+		"Hollywood",
+		"Homestead",
+		"Jacksonville",
+		"Jupiter",
+		"Kissimmee",
+		"Lakeland",
+		"Lauderhill",
+		"Margate",
+		"Melbourne",
+		"Miami",
+		"Miami Gardens",
+		"Miramar",
+		"Naples",
+		"Orlando",
+		"Palm Bay",
+		"Palm Beach Gardens",
+		"Pembroke Pines",
+		"Pensacola",
+		"Pompano Beach",
+		"Port St. Lucie",
+		"St. Petersburg",
+		"Sarasota",
+		"Sunrise",
+		"Tallahassee",
+		"Tampa",
+		"Temecula",
+		"West Palm Beach"
+	],
+	GA: [
+		"Albany",
+		"Alpharetta",
+		"Athens",
+		"Atlanta",
+		"Augusta",
+		"Columbus",
+		"Gainesville",
+		"Johns Creek",
+		"Macon",
+		"Marietta",
+		"Roswell",
+		"Sandy Springs",
+		"Savannah",
+		"South Fulton",
+		"Valdosta",
+		"Warner Robins"
+	],
+	HI: [
+		"Hilo",
+		"Honolulu",
+		"Kailua",
+		"Kaneohe",
+		"Mililani Town",
+		"Pearl City"
+	],
+	ID: [
+		"Boise",
+		"Caldwell",
+		"Idaho Falls",
+		"Meridian",
+		"Nampa",
+		"Pocatello",
+		"Twin Falls"
+	],
+	IL: [
+		"Aurora",
+		"Bloomington",
+		"Champaign",
+		"Chicago",
+		"Cicero",
+		"Elgin",
+		"Evanston",
+		"Joliet",
+		"Naperville",
+		"Peoria",
+		"Rockford",
+		"Springfield",
+		"Waukegan"
+	],
+	IN: [
+		"Anderson",
+		"Bloomington",
+		"Carmel",
+		"Evansville",
+		"Fishers",
+		"Fort Wayne",
+		"Hammond",
+		"Indianapolis",
+		"Muncie",
+		"South Bend",
+		"Terre Haute"
+	],
+	IA: [
+		"Ames",
+		"Cedar Rapids",
+		"Council Bluffs",
+		"Davenport",
+		"Des Moines",
+		"Dubuque",
+		"Iowa City",
+		"Sioux City",
+		"Waterloo"
+	],
+	KS: [
+		"Kansas City",
+		"Lawrence",
+		"Olathe",
+		"Overland Park",
+		"Salina",
+		"Topeka",
+		"Wichita"
+	],
+	KY: [
+		"Bowling Green",
+		"Covington",
+		"Frankfort",
+		"Lexington",
+		"Louisville",
+		"Owensboro",
+		"Richmond"
+	],
+	LA: [
+		"Baton Rouge",
+		"Bossier City",
+		"Kenner",
+		"Lafayette",
+		"Lake Charles",
+		"Metairie",
+		"Monroe",
+		"New Orleans",
+		"Shreveport"
+	],
+	ME: [
+		"Auburn",
+		"Augusta",
+		"Bangor",
+		"Lewiston",
+		"Portland",
+		"South Portland"
+	],
+	MD: [
+		"Annapolis",
+		"Baltimore",
+		"Bowie",
+		"Columbia",
+		"Frederick",
+		"Gaithersburg",
+		"Germantown",
+		"Hagerstown",
+		"Rockville",
+		"Silver Spring",
+		"Waldorf"
+	],
+	MA: [
+		"Boston",
+		"Brockton",
+		"Cambridge",
+		"Fall River",
+		"Lowell",
+		"Lynn",
+		"New Bedford",
+		"Newton",
+		"Quincy",
+		"Springfield",
+		"Worcester"
+	],
+	MI: [
+		"Ann Arbor",
+		"Dearborn",
+		"Detroit",
+		"Flint",
+		"Grand Rapids",
+		"Kalamazoo",
+		"Lansing",
+		"Livonia",
+		"Sterling Heights",
+		"Warren"
+	],
+	MN: [
+		"Bloomington",
+		"Brooklyn Park",
+		"Burnsville",
+		"Duluth",
+		"Eden Prairie",
+		"Minneapolis",
+		"Plymouth",
+		"Rochester",
+		"St. Cloud",
+		"St. Paul"
+	],
+	MS: [
+		"Biloxi",
+		"Gulfport",
+		"Hattiesburg",
+		"Jackson",
+		"Meridian",
+		"Southaven",
+		"Tupelo"
+	],
+	MO: [
+		"Columbia",
+		"Independence",
+		"Kansas City",
+		"Lee's Summit",
+		"O'Fallon",
+		"Springfield",
+		"St. Joseph",
+		"St. Louis"
+	],
+	MT: [
+		"Billings",
+		"Bozeman",
+		"Butte",
+		"Great Falls",
+		"Helena",
+		"Missoula"
+	],
+	NE: [
+		"Bellevue",
+		"Grand Island",
+		"Kearney",
+		"Lincoln",
+		"Omaha"
+	],
+	NV: [
+		"Carson City",
+		"Henderson",
+		"Las Vegas",
+		"North Las Vegas",
+		"Reno",
+		"Sparks",
+		"Sunrise Manor"
+	],
+	NH: [
+		"Concord",
+		"Dover",
+		"Manchester",
+		"Nashua",
+		"Portsmouth"
+	],
+	NJ: [
+		"Camden",
+		"Edison",
+		"Elizabeth",
+		"Jersey City",
+		"Newark",
+		"Paterson",
+		"Toms River",
+		"Trenton"
+	],
+	NM: [
+		"Albuquerque",
+		"Las Cruces",
+		"Rio Rancho",
+		"Roswell",
+		"Santa Fe"
+	],
+	NY: [
+		"Albany",
+		"Amherst",
+		"Bronx",
+		"Brooklyn",
+		"Buffalo",
+		"Cheektowaga",
+		"Manhattan",
+		"New Rochelle",
+		"New York",
+		"Niagara Falls",
+		"Queens",
+		"Rochester",
+		"Staten Island",
+		"Syracuse",
+		"Utica",
+		"Yonkers"
+	],
+	NC: [
+		"Asheville",
+		"Cary",
+		"Chapel Hill",
+		"Charlotte",
+		"Concord",
+		"Durham",
+		"Fayetteville",
+		"Gastonia",
+		"Greensboro",
+		"High Point",
+		"Raleigh",
+		"Wilmington",
+		"Winston-Salem"
+	],
+	ND: [
+		"Bismarck",
+		"Fargo",
+		"Grand Forks",
+		"Minot"
+	],
+	OH: [
+		"Akron",
+		"Canton",
+		"Cincinnati",
+		"Cleveland",
+		"Columbus",
+		"Dayton",
+		"Lorain",
+		"Parma",
+		"Toledo",
+		"Youngstown"
+	],
+	OK: [
+		"Broken Arrow",
+		"Edmond",
+		"Lawton",
+		"Moore",
+		"Norman",
+		"Oklahoma City",
+		"Tulsa"
+	],
+	OR: [
+		"Beaverton",
+		"Bend",
+		"Eugene",
+		"Gresham",
+		"Hillsboro",
+		"Medford",
+		"Portland",
+		"Salem"
+	],
+	PA: [
+		"Allentown",
+		"Bethlehem",
+		"Erie",
+		"Philadelphia",
+		"Pittsburgh",
+		"Reading",
+		"Scranton"
+	],
+	RI: [
+		"Cranston",
+		"Pawtucket",
+		"Providence",
+		"Warwick",
+		"Woonsocket"
+	],
+	SC: [
+		"Charleston",
+		"Columbia",
+		"Florence",
+		"Greenville",
+		"Mount Pleasant",
+		"North Charleston",
+		"Rock Hill",
+		"Spartanburg"
+	],
+	SD: [
+		"Aberdeen",
+		"Rapid City",
+		"Sioux Falls"
+	],
+	TN: [
+		"Chattanooga",
+		"Clarksville",
+		"Jackson",
+		"Johnson City",
+		"Kingsport",
+		"Knoxville",
+		"Memphis",
+		"Murfreesboro",
+		"Nashville"
+	],
+	TX: [
+		"Abilene",
+		"Allen",
+		"Amarillo",
+		"Arlington",
+		"Austin",
+		"Beaumont",
+		"Brownsville",
+		"Carrollton",
+		"Cedar Park",
+		"College Station",
+		"Corpus Christi",
+		"Dallas",
+		"Denton",
+		"El Paso",
+		"Fort Worth",
+		"Frisco",
+		"Garland",
+		"Georgetown",
+		"Grand Prairie",
+		"Houston",
+		"Irving",
+		"Killeen",
+		"Laredo",
+		"League City",
+		"Lewisville",
+		"Lubbock",
+		"Mcallen",
+		"McKinney",
+		"Mesquite",
+		"Midland",
+		"Missouri City",
+		"New Braunfels",
+		"Odessa",
+		"Pasadena",
+		"Pearland",
+		"Plano",
+		"Richardson",
+		"Round Rock",
+		"San Antonio",
+		"Sugar Land",
+		"Tyler",
+		"Waco",
+		"Wichita Falls"
+	],
+	UT: [
+		"Ogden",
+		"Orem",
+		"Provo",
+		"Salt Lake City",
+		"Sandy",
+		"St. George",
+		"West Jordan",
+		"West Valley City"
+	],
+	VT: [
+		"Burlington",
+		"Essex Junction",
+		"Montpelier",
+		"Rutland"
+	],
+	VA: [
+		"Alexandria",
+		"Arlington",
+		"Chesapeake",
+		"Hampton",
+		"Newport News",
+		"Norfolk",
+		"Portsmouth",
+		"Richmond",
+		"Roanoke",
+		"Virginia Beach"
+	],
+	WA: [
+		"Bellevue",
+		"Bellingham",
+		"Everett",
+		"Kent",
+		"Kirkland",
+		"Renton",
+		"Seattle",
+		"Spokane",
+		"Tacoma",
+		"Vancouver"
+	],
+	WV: [
+		"Charleston",
+		"Huntington",
+		"Morgantown",
+		"Parkersburg"
+	],
+	WI: [
+		"Appleton",
+		"Green Bay",
+		"Kenosha",
+		"Madison",
+		"Milwaukee",
+		"Oshkosh",
+		"Racine"
+	],
+	WY: [
+		"Casper",
+		"Cheyenne",
+		"Gillette",
+		"Laramie"
+	]
+};
+const COMMON_DETAIL_GROUP_STYLES = {
+	activity: {
+		title: "Activity",
+		icon: "message",
+		background: "#eff6ff"
+	},
+	notes: {
+		title: "Notes",
+		icon: "add-note",
+		background: "#f1f5f9"
+	}
+};
+const DETAIL_CARD_HEADER_BG = "#f8fafc";
+const DETAIL_GROUP_HEADER_BG = "#eaf3ff";
 var ShellProjectedStylesComponent = class ShellProjectedStylesComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -41724,6 +42422,44 @@ function layoutLanes(boxes) {
 	flush();
 	return result;
 }
+function periodGroup(todayStr) {
+	if (!isValidDateStr(todayStr)) return () => null;
+	const today = fromDateStr(todayStr);
+	const tomorrow = toDateStr(new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1));
+	const weekEnd = toDateStr(new Date(today.getFullYear(), today.getMonth(), today.getDate() + (6 - today.getDay())));
+	return (dateStr) => {
+		if (!isValidDateStr(dateStr)) return null;
+		if (dateStr < todayStr) return {
+			key: "overdue",
+			label: "Overdue"
+		};
+		if (dateStr === todayStr) return {
+			key: "today",
+			label: "Today"
+		};
+		if (dateStr === tomorrow) return {
+			key: "tomorrow",
+			label: "Tomorrow"
+		};
+		if (dateStr <= weekEnd) return {
+			key: "this-week",
+			label: "This Week"
+		};
+		return {
+			key: "later",
+			label: "Later"
+		};
+	};
+}
+const DAY_LEVEL_TEXT = {
+	low: "low activity",
+	medium: "medium activity",
+	high: "high activity",
+	critical: "critical activity"
+};
+function isDayLevel(level) {
+	return level === "low" || level === "medium" || level === "high" || level === "critical";
+}
 const PENDING_FOCUS_MS = 1e3;
 var CalendarComponent = class CalendarComponent {
 	clickable(dateStr) {
@@ -41758,11 +42494,15 @@ var CalendarComponent = class CalendarComponent {
 		this.endHour = input(21, ...ngDevMode ? [{ debugName: "endHour" }] : /* istanbul ignore next */ []);
 		this.emptyMessage = input("No events in this period.", ...ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []);
 		this.dayLabelFn = input(null, ...ngDevMode ? [{ debugName: "dayLabelFn" }] : /* istanbul ignore next */ []);
+		this.dayDecorationFn = input(null, ...ngDevMode ? [{ debugName: "dayDecorationFn" }] : /* istanbul ignore next */ []);
+		this.itemActionsFn = input(null, ...ngDevMode ? [{ debugName: "itemActionsFn" }] : /* istanbul ignore next */ []);
+		this.agendaGroupFn = input(null, ...ngDevMode ? [{ debugName: "agendaGroupFn" }] : /* istanbul ignore next */ []);
 		this.rangeChange = output();
 		this.itemClick = output();
 		this.dateClick = output();
 		this.slotClick = output();
 		this.moreClick = output();
+		this.itemAction = output();
 		this.host = inject(ElementRef);
 		this.weekDayLabels = WEEK_DAY_LABELS;
 		this.weekDayNames = [
@@ -41854,13 +42594,16 @@ var CalendarComponent = class CalendarComponent {
 			const max = this.maxVisible();
 			const cells = this.monthCells().map((day) => {
 				const items = this.byDate()[day.dateStr] ?? [];
+				const deco = this.decoration(day.dateStr, items);
 				return {
 					day,
 					items,
 					visible: items.slice(0, max),
 					overflow: Math.max(0, items.length - max),
 					clickable: this.clickable(day.dateStr),
-					label: this.dayAriaLabel(day.dateStr, items)
+					label: this.dayAriaLabel(day.dateStr, items, deco.level),
+					level: deco.level,
+					tooltip: deco.tooltip
 				};
 			});
 			return Array.from({ length: 6 }, (_, r) => ({
@@ -41881,10 +42624,13 @@ var CalendarComponent = class CalendarComponent {
 					top: b.top,
 					height: b.height
 				})));
+				const deco = this.decoration(day.dateStr, items);
 				return {
 					day,
 					label: formatDayLabel(day.dateStr),
 					clickable: this.clickable(day.dateStr),
+					level: deco.level,
+					tooltip: deco.tooltip,
 					allDay: items.filter((e) => e.allDay || !e.startTime),
 					timed: boxes.map((b) => ({
 						...b,
@@ -41901,6 +42647,41 @@ var CalendarComponent = class CalendarComponent {
 		}, ...ngDevMode ? [{ debugName: "focusDate" }] : /* istanbul ignore next */ []);
 		this.pendingFocus = null;
 		this.pendingSawLoading = false;
+		this.actionsById = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			const fn = this.itemActionsFn();
+			if (!fn) return map;
+			for (const e of this.items()) {
+				const acts = fn(e);
+				const seen = /* @__PURE__ */ new Set();
+				const valid = Array.isArray(acts) ? acts.filter((a) => {
+					if (!a || !a.id || !a.label || seen.has(a.id)) return false;
+					seen.add(a.id);
+					return true;
+				}) : [];
+				if (valid.length) map.set(e.id, valid);
+			}
+			return map;
+		}, ...ngDevMode ? [{ debugName: "actionsById" }] : /* istanbul ignore next */ []);
+		this.uid = `ui-cal-${CalendarComponent.nextUid++}`;
+		this.agendaSections = computed(() => {
+			const fn = this.agendaGroupFn();
+			if (!fn) return null;
+			const sections = [];
+			for (const g of this.agendaGroups()) {
+				const grp = fn(g.dateStr);
+				const key = grp?.key ?? "";
+				const last = sections.at(-1);
+				if (last && last.key === key) last.groups.push(g);
+				else sections.push({
+					key,
+					label: grp?.label ?? "",
+					id: `${this.uid}-agenda-${sections.length}`,
+					groups: [g]
+				});
+			}
+			return sections;
+		}, ...ngDevMode ? [{ debugName: "agendaSections" }] : /* istanbul ignore next */ []);
 		this.host.nativeElement.addEventListener("pointerdown", () => {
 			this.pendingFocus = null;
 		});
@@ -42007,11 +42788,46 @@ var CalendarComponent = class CalendarComponent {
 	agendaMeta(e) {
 		return [e.timeLabel ?? (!e.allDay && e.startTime ? this.timeRange(e) : ""), ...e.meta ?? []].filter(Boolean);
 	}
-	dayAriaLabel(dateStr, items) {
+	dayAriaLabel(dateStr, items, level = null) {
 		const fn = this.dayLabelFn();
 		if (fn) return fn(dateStr, items);
 		const label = formatDayLabel(dateStr);
-		return items.length ? `${label}, ${items.length} ${items.length === 1 ? "event" : "events"}` : label;
+		const base = items.length ? `${label}, ${items.length} ${items.length === 1 ? "event" : "events"}` : label;
+		return level ? `${base}, ${DAY_LEVEL_TEXT[level]}` : base;
+	}
+	decoration(dateStr, items) {
+		const d = this.dayDecorationFn()?.(dateStr, items);
+		return {
+			level: d && isDayLevel(d.level) ? d.level : null,
+			tooltip: d?.tooltip ?? ""
+		};
+	}
+	levelText(level) {
+		return DAY_LEVEL_TEXT[level];
+	}
+	static {
+		this.NO_ACTIONS = [];
+	}
+	actionsFor(item) {
+		return this.actionsById().get(item.id) ?? CalendarComponent.NO_ACTIONS;
+	}
+	actionIconD(a) {
+		return a.icon ? iconPath(a.icon) ?? null : null;
+	}
+	onActionClick(item, action, event) {
+		event.stopPropagation();
+		if (action.disabled) return;
+		this.itemAction.emit({
+			item,
+			actionId: action.id
+		});
+	}
+	onActionsEscape(event) {
+		event.stopPropagation();
+		event.currentTarget.parentElement?.querySelector(":scope > .event-chip, :scope > .allday-chip, :scope > .timed-event, :scope > .agenda-event")?.focus();
+	}
+	static {
+		this.nextUid = 0;
 	}
 	onDateClick(dateStr) {
 		if (this.clickable(dateStr)) this.dateClick.emit(dateStr);
@@ -42256,6 +43072,27 @@ var CalendarComponent = class CalendarComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				dayDecorationFn: {
+					classPropertyName: "dayDecorationFn",
+					publicName: "dayDecorationFn",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				itemActionsFn: {
+					classPropertyName: "itemActionsFn",
+					publicName: "itemActionsFn",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				agendaGroupFn: {
+					classPropertyName: "agendaGroupFn",
+					publicName: "agendaGroupFn",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			outputs: {
@@ -42266,7 +43103,8 @@ var CalendarComponent = class CalendarComponent {
 				itemClick: "itemClick",
 				dateClick: "dateClick",
 				slotClick: "slotClick",
-				moreClick: "moreClick"
+				moreClick: "moreClick",
+				itemAction: "itemAction"
 			},
 			ngImport: i0,
 			template: `
@@ -42374,6 +43212,90 @@ var CalendarComponent = class CalendarComponent {
       </div>
     </ng-template>
 
+    <!-- Shared item markup: the same button is drawn on its own or, when itemActionsFn offers actions, inside a wrapper next to the action buttons
+         (a button can never contain buttons). -->
+    <ng-template #monthChip let-e>
+      <button type="button" class="event-chip" [class.stacked]="chipLayout() === 'stacked'" [class.has-head]="!!(e.iconPath || chipTime(e))" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
+                            [attr.aria-label]="itemLabel(e)" [title]="e.tooltip || e.title"
+                            (click)="onItemClick(e, $event)">
+                            <span class="chip-head">
+                              @if (e.iconPath) {
+                                <svg class="chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path [attr.d]="e.iconPath"/></svg>
+                              }
+                              @if (chipTime(e); as t) { <span class="chip-time">{{ t }}</span> }
+                            </span>
+                            <span class="chip-title" [class.strike]="e.strike">{{ e.title }}</span>
+                            @if (e.tag) { <span class="chip-src">{{ e.tag }}</span> }
+                          </button>
+    </ng-template>
+    <ng-template #allDayChip let-e>
+      <button type="button" class="allday-chip" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
+                      [attr.aria-label]="itemLabel(e)" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">{{ e.title }}</button>
+    </ng-template>
+    <ng-template #timedEvent let-t let-wrapped="wrapped">
+      <button type="button" class="timed-event"
+                      [class.in-wrap]="wrapped" [style.top.px]="wrapped ? null : t.top" [style.height.px]="wrapped ? null : t.height"
+                      [style.left]="wrapped ? null : 'calc(' + (t.lane.lane / t.lane.lanes * 100) + '% + 2px)'"
+                      [style.width]="wrapped ? null : 'calc(' + (100 / t.lane.lanes) + '% - 4px)'"
+                      [style.background]="t.item.bgColor" [style.borderLeftColor]="t.item.color"
+                      [attr.aria-label]="itemLabel(t.item)" [attr.title]="t.item.tooltip || null" (click)="onItemClick(t.item, $event)">
+                      <span class="te-title" [class.strike]="t.item.strike">{{ t.item.title }}</span>
+                      @if (t.item.startTime) { <span class="te-time">{{ t.item.timeLabel || timeRange(t.item) }}</span> }
+                    </button>
+    </ng-template>
+    <ng-template #agendaRow let-e>
+      <button type="button" class="agenda-event" [attr.aria-label]="e.ariaLabel || null" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">
+                      <span class="ae-color-bar" [style.background]="e.color"></span>
+                      <span class="ae-body">
+                        <span class="ae-top">
+                          <span class="ae-title" [class.strike]="e.strike">{{ e.title }}</span>
+                          @for (b of e.badges ?? []; track b.label) { <ui-badge [label]="b.label" [variant]="b.variant" /> }
+                        </span>
+                        @if (agendaMeta(e).length) {
+                          <span class="ae-meta">
+                            @for (m of agendaMeta(e); track $index) { <span class="ae-meta-item">{{ m }}</span> }
+                          </span>
+                        }
+                      </span>
+                    </button>
+    </ng-template>
+    <ng-template #agendaGroupTpl let-group>
+              <div class="agenda-group">
+                <div class="agenda-date-hdr">
+                  <span class="ag-dow">{{ agendaDow(group.dateStr) }}</span>
+                  <span class="ag-date">{{ agendaDate(group.dateStr) }}</span>
+                  @if (group.dateStr === todayStr()) { <ui-badge label="Today" variant="blue" /> }
+                </div>
+                <div class="agenda-events">
+                  @for (e of group.items; track e.id) {
+                    @if (actionsFor(e).length) {
+                      <div class="item-wrap agenda-wrap">
+                        <ng-container *ngTemplateOutlet="agendaRow; context: { $implicit: e }" />
+                        <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: e }" />
+                      </div>
+                    } @else {
+                      <ng-container *ngTemplateOutlet="agendaRow; context: { $implicit: e }" />
+                    }
+                  }
+                </div>
+              </div>
+
+    </ng-template>
+    <ng-template #itemActionsTpl let-e>
+      <span class="item-actions" role="group" [attr.aria-label]="'Actions for ' + e.title" (keydown.escape)="onActionsEscape($event)">
+        @for (a of actionsFor(e); track a.id) {
+          <button type="button" class="item-action" [class.item-action--danger]="a.variant === 'danger'" [disabled]="!!a.disabled"
+            [attr.aria-label]="a.label + ': ' + e.title" [attr.title]="a.label" (click)="onActionClick(e, a, $event)">
+            @if (actionIconD(a); as d) {
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path [attr.d]="d" /></svg>
+            } @else {
+              <span class="item-action-text">{{ a.label }}</span>
+            }
+          </button>
+        }
+      </span>
+    </ng-template>
+
     <div class="cal-header">
     <div class="cal-toolbar">
       <div class="toolbar-left">
@@ -42457,6 +43379,8 @@ var CalendarComponent = class CalendarComponent {
                       [class.clickable]="c.clickable"
                       [attr.tabindex]="c.day.dateStr === focusDate() ? 0 : -1"
                       [attr.aria-label]="c.label"
+                      [attr.data-level]="c.level"
+                      [uiTooltip]="c.tooltip"
                       [attr.aria-current]="c.day.isToday ? 'date' : null"
                       (click)="onDateClick(c.day.dateStr)"
                       (focus)="focusedDate.set(c.day.dateStr)"
@@ -42464,18 +43388,14 @@ var CalendarComponent = class CalendarComponent {
                       <span class="day-num" [class.today-badge]="c.day.isToday">{{ c.day.dayNum }}</span>
                       <div class="cell-events">
                         @for (e of c.visible; track e.id) {
-                          <button type="button" class="event-chip" [class.stacked]="chipLayout() === 'stacked'" [class.has-head]="!!(e.iconPath || chipTime(e))" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
-                            [attr.aria-label]="itemLabel(e)" [title]="e.tooltip || e.title"
-                            (click)="onItemClick(e, $event)">
-                            <span class="chip-head">
-                              @if (e.iconPath) {
-                                <svg class="chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path [attr.d]="e.iconPath"/></svg>
-                              }
-                              @if (chipTime(e); as t) { <span class="chip-time">{{ t }}</span> }
-                            </span>
-                            <span class="chip-title" [class.strike]="e.strike">{{ e.title }}</span>
-                            @if (e.tag) { <span class="chip-src">{{ e.tag }}</span> }
-                          </button>
+                          @if (actionsFor(e).length) {
+                            <div class="item-wrap">
+                              <ng-container *ngTemplateOutlet="monthChip; context: { $implicit: e }" />
+                              <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: e }" />
+                            </div>
+                          } @else {
+                            <ng-container *ngTemplateOutlet="monthChip; context: { $implicit: e }" />
+                          }
                         }
                         @if (c.overflow > 0) {
                           <button type="button" class="more-events" (click)="onMoreClick(c.day.dateStr, c.items, $event)">+{{ c.overflow }} more</button>
@@ -42493,9 +43413,10 @@ var CalendarComponent = class CalendarComponent {
             <div class="week-header">
               <div class="time-gutter"></div>
               @for (col of weekColumns(); track col.day.dateStr) {
-                <div class="week-day-hdr" [class.today]="col.day.isToday">
+                <div class="week-day-hdr" [class.today]="col.day.isToday" [attr.data-level]="col.level" [uiTooltip]="col.tooltip">
                   <span class="wdh-dow">{{ dowLabel(col.day.dateStr) }}</span>
                   <span class="wdh-num" [class.today-badge]="col.day.isToday">{{ col.day.dayNum }}</span>
+                  @if (col.level) { <span class="deco-sr">{{ levelText(col.level) }}</span> }
                 </div>
               }
             </div>
@@ -42507,8 +43428,14 @@ var CalendarComponent = class CalendarComponent {
                     <button type="button" class="slot-add" [attr.aria-label]="'Add all-day event on ' + col.label" (click)="onAddAllDay(col.day.dateStr, $event)">+ Add</button>
                   }
                   @for (e of col.allDay; track e.id) {
-                    <button type="button" class="allday-chip" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
-                      [attr.aria-label]="itemLabel(e)" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">{{ e.title }}</button>
+                    @if (actionsFor(e).length) {
+                      <div class="item-wrap">
+                        <ng-container *ngTemplateOutlet="allDayChip; context: { $implicit: e }" />
+                        <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: e }" />
+                      </div>
+                    } @else {
+                      <ng-container *ngTemplateOutlet="allDayChip; context: { $implicit: e }" />
+                    }
                   }
                 </div>
               }
@@ -42524,15 +43451,16 @@ var CalendarComponent = class CalendarComponent {
                   }
                   @for (h of hours(); track h) { <div class="time-slot"></div> }
                   @for (t of col.timed; track t.item.id) {
-                    <button type="button" class="timed-event"
-                      [style.top.px]="t.top" [style.height.px]="t.height"
-                      [style.left]="'calc(' + (t.lane.lane / t.lane.lanes * 100) + '% + 2px)'"
-                      [style.width]="'calc(' + (100 / t.lane.lanes) + '% - 4px)'"
-                      [style.background]="t.item.bgColor" [style.borderLeftColor]="t.item.color"
-                      [attr.aria-label]="itemLabel(t.item)" [attr.title]="t.item.tooltip || null" (click)="onItemClick(t.item, $event)">
-                      <span class="te-title" [class.strike]="t.item.strike">{{ t.item.title }}</span>
-                      @if (t.item.startTime) { <span class="te-time">{{ t.item.timeLabel || timeRange(t.item) }}</span> }
-                    </button>
+                    @if (actionsFor(t.item).length) {
+                      <div class="item-wrap timed-wrap" [style.top.px]="t.top" [style.height.px]="t.height"
+                        [style.left]="'calc(' + (t.lane.lane / t.lane.lanes * 100) + '% + 2px)'"
+                        [style.width]="'calc(' + (100 / t.lane.lanes) + '% - 4px)'">
+                        <ng-container *ngTemplateOutlet="timedEvent; context: { $implicit: t, wrapped: true }" />
+                        <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: t.item }" />
+                      </div>
+                    } @else {
+                      <ng-container *ngTemplateOutlet="timedEvent; context: { $implicit: t, wrapped: false }" />
+                    }
                   }
                 </div>
               }
@@ -42544,32 +43472,25 @@ var CalendarComponent = class CalendarComponent {
             @if (agendaGroups().length === 0) {
               <ui-empty-state iconType="task" [message]="emptyMessage()" />
             }
-            @for (group of agendaGroups(); track group.dateStr) {
-              <div class="agenda-group">
-                <div class="agenda-date-hdr">
-                  <span class="ag-dow">{{ agendaDow(group.dateStr) }}</span>
-                  <span class="ag-date">{{ agendaDate(group.dateStr) }}</span>
-                  @if (group.dateStr === todayStr()) { <ui-badge label="Today" variant="blue" /> }
-                </div>
-                <div class="agenda-events">
-                  @for (e of group.items; track e.id) {
-                    <button type="button" class="agenda-event" [attr.aria-label]="e.ariaLabel || null" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">
-                      <span class="ae-color-bar" [style.background]="e.color"></span>
-                      <span class="ae-body">
-                        <span class="ae-top">
-                          <span class="ae-title" [class.strike]="e.strike">{{ e.title }}</span>
-                          @for (b of e.badges ?? []; track b.label) { <ui-badge [label]="b.label" [variant]="b.variant" /> }
-                        </span>
-                        @if (agendaMeta(e).length) {
-                          <span class="ae-meta">
-                            @for (m of agendaMeta(e); track $index) { <span class="ae-meta-item">{{ m }}</span> }
-                          </span>
-                        }
-                      </span>
-                    </button>
+            @if (agendaSections(); as sections) {
+              @for (s of sections; track $index) {
+                @if (s.label) {
+                  <section class="agenda-section" [attr.aria-labelledby]="s.id">
+                    <h3 class="agenda-period-hdr" [id]="s.id">{{ s.label }}</h3>
+                    @for (group of s.groups; track group.dateStr) {
+                      <ng-container *ngTemplateOutlet="agendaGroupTpl; context: { $implicit: group }" />
+                    }
+                  </section>
+                } @else {
+                  @for (group of s.groups; track group.dateStr) {
+                    <ng-container *ngTemplateOutlet="agendaGroupTpl; context: { $implicit: group }" />
                   }
-                </div>
-              </div>
+                }
+              }
+            } @else {
+              @for (group of agendaGroups(); track group.dateStr) {
+                <ng-container *ngTemplateOutlet="agendaGroupTpl; context: { $implicit: group }" />
+              }
             }
           </div>
         }
@@ -42579,7 +43500,7 @@ var CalendarComponent = class CalendarComponent {
     <ui-toast />
   `,
 			isInline: true,
-			styles: [":host{display:flex;flex-direction:column;gap:0;height:100%;min-height:0}.cal-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:12px;flex-shrink:0}.cal-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px;gap:16px;flex-shrink:0}.toolbar-left{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;min-width:0}.toolbar-center{display:flex;align-items:center;justify-content:center;gap:10px}.toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.toolbar-actions:empty{display:none}ui-pill-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}@media(max-width:480px){.toolbar-actions{flex-wrap:wrap}}.period-label{font-size:2.5rem;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#0f172a;margin:0;min-width:0}.pl-sub{font-weight:600;color:#64748b}.nav-controls{display:inline-flex;align-items:center}.nav-controls>*+*{margin-left:-1px}.btn-nav{width:38px;height:38px;border:1px solid #cbd5e1;background:#fff;font-family:inherit;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;transition:background .12s,color .12s}.nav-controls>.btn-nav:first-child{border-radius:10px 0 0 10px}.nav-controls>.btn-nav:last-child{border-radius:0 10px 10px 0}.btn-today{padding:0 18px;height:38px;border:1px solid #cbd5e1;background:#fff;border-radius:0;font-family:inherit;position:relative;font-size:.9375rem;font-weight:600;color:#1d4ed8;cursor:pointer;transition:background .12s}.btn-nav:hover,.btn-today:hover{background:#eff6ff;color:#1d4ed8;z-index:1}.btn-nav:active,.btn-today:active{background:#dbeafe}.btn-nav:focus-visible,.btn-today:focus-visible,.filter-chip:focus-visible,.event-chip:focus-visible,.more-events:focus-visible,.allday-chip:focus-visible,.timed-event:focus-visible,.agenda-event:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.month-cell:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.slot-add:focus,.slot-add:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.mobile-summary{display:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 20px 14px;border-top:1px solid #eef2f7;background:#f8fafc;border-radius:0 0 12px 12px;flex-shrink:0}.filter-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}.filter-nav{margin-left:auto;flex-shrink:0}.filter-bar-label{font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:all .12s;white-space:nowrap;font-family:inherit}.filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.filter-chip.active-all{background:#1e293b;color:#fff;border-color:#1e293b}.filter-chip.active-all .chip-count{background:#fff3;color:#fff}.filter-chip.active-type{background:var(--chip-bg, #f1f5f9);color:#1e293b;border-color:var(--chip-color);font-weight:600}.filter-chip.active-type .chip-count{background:var(--chip-color);color:#fff}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip-count{font-size:.6875rem;font-weight:700;background:#f1f5f9;background:color-mix(in srgb,var(--chip-color, #64748b) 14%,#fff);color:#475569;padding:1px 8px;border-radius:999px;min-width:18px;text-align:center;box-sizing:border-box}.cal-skeleton,.outline-grid,.month-view,.week-view,.agenda-view{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.skel-dow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.skel-dow{display:flex;justify-content:center}.skel-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(80px,1fr));flex:1}.skel-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.skel-cell:nth-child(7n){border-right:none}.cal-outline{flex:1;display:flex;flex-direction:column;min-height:0}.cal-outline ui-skeleton{display:block;flex-shrink:0}.skel-period-wrap{width:240px;max-width:100%;min-width:0}.skel-nav-controls{gap:2px}.skel-nav-controls>*+*{margin-left:0}.skel-tabs{display:flex;align-items:center;gap:6px}.skel-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}.skel-week-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-height:360px}.skel-agenda{display:flex;flex-direction:column;flex:1}.skel-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid #f1f5f9}.skel-row-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.month-grid{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;position:sticky;top:0;z-index:1}.month-dow{padding:10px 8px;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.04em}.dow-short{display:none}.month-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1 0 120px}.month-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:6px 6px 4px;min-height:120px;transition:background .1s;min-width:0;box-sizing:border-box}.month-cell.clickable{cursor:pointer}.month-cell.clickable:hover{background:#f8fafc}.month-cell:nth-child(7n){border-right:none}.month-cell.other-month{background:#fafafa}.month-cell.other-month .day-num{color:#64748b}.month-cell.today{background:#eff6ff}.day-num{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:4px}.today-badge{background:#2563eb;color:#fff;font-weight:700}.cell-events{display:flex;flex-direction:column;gap:2px}.event-chip{display:flex;align-items:center;gap:3px;padding:2px 6px;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;cursor:pointer;overflow:hidden}.event-chip:hover{opacity:.85}.event-chip.stacked{flex-direction:column;align-items:flex-start;gap:0}.chip-head{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.chip-icon{flex-shrink:0}.chip-time{font-weight:700;flex-shrink:0;color:#1e293b}.chip-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;min-width:0;max-width:100%}.strike{text-decoration:line-through}.chip-src{font-size:.625rem;font-weight:700;margin-left:auto;flex-shrink:0;color:#1e293b}.more-events{font-size:.6875rem;color:#2563eb;font-weight:600;cursor:pointer;padding:1px 6px;border:0;background:none;text-align:left;font-family:inherit}.more-events:hover{text-decoration:underline}.week-view{overflow:auto}.week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;overflow-y:scroll}.time-gutter{border-right:1px solid #e2e8f0}.week-day-hdr{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-right:1px solid #f1f5f9}.week-day-hdr.today{background:#eff6ff}.week-day-hdr:last-child{border-right:none}.wdh-dow{font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.wdh-num{width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-size:.9375rem;font-weight:600;color:#374151;margin-top:2px}.wdh-num.today-badge{background:#2563eb;color:#fff;font-weight:700}.allday-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;min-height:32px;flex-shrink:0;overflow-y:scroll}.allday-label{font-size:.625rem;color:#64748b;font-weight:600;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.slot-add{position:absolute;top:2px;left:2px;z-index:3;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap;font-family:inherit}.slot-add:focus,.slot-add:focus-visible{width:auto;height:auto;padding:2px 8px;clip-path:none;background:#1e293b;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.allday-cell{position:relative;border-right:1px solid #f1f5f9;padding:3px 4px;display:flex;flex-direction:column;gap:2px;min-width:0}.allday-cell.clickable{cursor:pointer}.allday-cell:last-child{border-right:none}.allday-chip{padding:2px 6px;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;color:#1e293b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-family:inherit}.allday-chip:hover{opacity:.85}.week-body{display:grid;grid-template-columns:60px repeat(7,1fr);flex:1;overflow-y:scroll}.time-col{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;flex-shrink:0}.time-slot-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 0;font-size:.6875rem;color:#64748b;font-weight:500;border-bottom:1px solid #f1f5f9;flex-shrink:0;box-sizing:border-box}.day-col{position:relative;border-right:1px solid #f1f5f9;min-width:0}.day-col.clickable{cursor:pointer}.day-col:last-child{border-right:none}.day-col.today{background:#fafbff}.time-slot{height:60px;border-bottom:1px solid #f1f5f9;box-sizing:border-box}.day-col.clickable .time-slot:hover{background:#f8fafc}.timed-event{position:absolute;min-height:20px;border:0;border-radius:6px;padding:3px 6px;overflow:hidden;cursor:pointer;box-sizing:border-box;border-left:3px solid transparent;display:flex;flex-direction:column;align-items:flex-start;gap:1px;box-shadow:0 1px 3px #00000014;text-align:left;font-family:inherit}.timed-event:hover{opacity:.85}.te-title{font-size:.6875rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.te-time{font-size:.625rem;color:#475569}.agenda-view{overflow-y:auto}.agenda-group{display:flex;border-bottom:1px solid #f1f5f9}.agenda-date-hdr{width:100px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:#f8fafc;border-right:2px solid #e2e8f0}.ag-dow{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.ag-date{font-size:.8125rem;font-weight:600;color:#374151}.agenda-events{flex:1;display:flex;flex-direction:column;min-width:0}.agenda-event{display:flex;align-items:stretch;padding:10px 12px;cursor:pointer;border:0;border-bottom:1px solid #f8fafc;background:none;text-align:left;width:100%;font-family:inherit;transition:background .1s}.agenda-event:hover{background:#f8fafc}.agenda-event:last-child{border-bottom:none}.ae-color-bar{display:block;width:4px;border-radius:4px;flex-shrink:0;margin-right:12px}.ae-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ae-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ae-title{font-size:.9375rem;font-weight:600;color:#111827}.ae-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ae-meta-item{font-size:.8125rem;color:#6b7280}@media(prefers-reduced-motion:reduce){.btn-nav,.btn-today,.filter-chip,.month-cell,.agenda-event{transition:none}}@media(pointer:coarse),(max-width:480px){.btn-nav,.btn-today,.filter-chip,.event-chip,.more-events,.allday-chip,.agenda-event{min-height:44px}.btn-nav{min-width:44px}}@media(max-width:768px){.cal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}.toolbar-left{flex:1 1 auto}.toolbar-right{flex:0 1 auto;min-width:0;max-width:100%}.toolbar-center{display:none}.period-label{font-size:1.875rem}.toolbar-right{justify-content:flex-end}.mobile-summary{display:block;margin-bottom:4px;flex-shrink:0}.mobile-summary:empty{display:none}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-main{flex-basis:100%}.month-view,.cal-skeleton,.outline-grid,.week-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:560px}.month-row{flex-basis:80px}.month-cell{min-height:80px}.week-header,.allday-row,.week-body{min-width:640px}.agenda-date-hdr{width:76px;padding:12px 8px}.ae-title{font-size:.875rem}}@media(max-width:640px){.event-chip.stacked.has-head .chip-title{display:none}}@media(max-width:640px){.cal-toolbar{padding:14px}.period-label{font-size:1.625rem}.filter-bar{padding:10px 14px 12px}.filter-nav{width:100%;margin-left:0}.filter-nav .nav-controls{display:flex;width:100%}.filter-nav .btn-today{flex:1 1 auto}.chip-head{flex-wrap:wrap;row-gap:0;flex-shrink:1;min-width:0}.chip-time{white-space:normal;line-height:1.1;flex-shrink:1;min-width:0;overflow-wrap:anywhere}.event-chip.stacked{flex-wrap:nowrap}.month-view,.cal-skeleton,.outline-grid{overflow-x:hidden}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:0}.month-dow{padding:8px 2px;font-size:.6875rem;letter-spacing:0}.month-row{flex-basis:72px}.month-cell{min-height:72px;padding:3px 2px 2px}.day-num{width:22px;height:22px;line-height:22px;font-size:.75rem;margin-bottom:2px}.cell-events{gap:1px}.event-chip{min-height:24px;padding:1px 3px;font-size:.625rem;gap:2px}.more-events{min-height:24px;padding:1px 3px;font-size:.625rem;white-space:normal;line-height:1.1;max-width:100%}}@media(max-width:480px){.dow-full{display:none}.dow-short{display:inline}}\n"],
+			styles: [":host{display:flex;flex-direction:column;gap:0;height:100%;min-height:0}.cal-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:12px;flex-shrink:0}.cal-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px;gap:16px;flex-shrink:0}.toolbar-left{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;min-width:0}.toolbar-center{display:flex;align-items:center;justify-content:center;gap:10px}.toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.toolbar-actions:empty{display:none}ui-pill-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}@media(max-width:480px){.toolbar-actions{flex-wrap:wrap}}.period-label{font-size:2.5rem;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#0f172a;margin:0;min-width:0}.pl-sub{font-weight:600;color:#64748b}.nav-controls{display:inline-flex;align-items:center}.nav-controls>*+*{margin-left:-1px}.btn-nav{width:38px;height:38px;border:1px solid #cbd5e1;background:#fff;font-family:inherit;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;transition:background .12s,color .12s}.nav-controls>.btn-nav:first-child{border-radius:10px 0 0 10px}.nav-controls>.btn-nav:last-child{border-radius:0 10px 10px 0}.btn-today{padding:0 18px;height:38px;border:1px solid #cbd5e1;background:#fff;border-radius:0;font-family:inherit;position:relative;font-size:.9375rem;font-weight:600;color:#1d4ed8;cursor:pointer;transition:background .12s}.btn-nav:hover,.btn-today:hover{background:#eff6ff;color:#1d4ed8;z-index:1}.btn-nav:active,.btn-today:active{background:#dbeafe}.btn-nav:focus-visible,.btn-today:focus-visible,.filter-chip:focus-visible,.event-chip:focus-visible,.more-events:focus-visible,.allday-chip:focus-visible,.timed-event:focus-visible,.agenda-event:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.month-cell:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.slot-add:focus,.slot-add:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.mobile-summary{display:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 20px 14px;border-top:1px solid #eef2f7;background:#f8fafc;border-radius:0 0 12px 12px;flex-shrink:0}.filter-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}.filter-nav{margin-left:auto;flex-shrink:0}.filter-bar-label{font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:all .12s;white-space:nowrap;font-family:inherit}.filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.filter-chip.active-all{background:#1e293b;color:#fff;border-color:#1e293b}.filter-chip.active-all .chip-count{background:#fff3;color:#fff}.filter-chip.active-type{background:var(--chip-bg, #f1f5f9);color:#1e293b;border-color:var(--chip-color);font-weight:600}.filter-chip.active-type .chip-count{background:var(--chip-color);color:#fff}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip-count{font-size:.6875rem;font-weight:700;background:#f1f5f9;background:color-mix(in srgb,var(--chip-color, #64748b) 14%,#fff);color:#475569;padding:1px 8px;border-radius:999px;min-width:18px;text-align:center;box-sizing:border-box}.cal-skeleton,.outline-grid,.month-view,.week-view,.agenda-view{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.skel-dow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.skel-dow{display:flex;justify-content:center}.skel-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(80px,1fr));flex:1}.skel-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.skel-cell:nth-child(7n){border-right:none}.cal-outline{flex:1;display:flex;flex-direction:column;min-height:0}.cal-outline ui-skeleton{display:block;flex-shrink:0}.skel-period-wrap{width:240px;max-width:100%;min-width:0}.skel-nav-controls{gap:2px}.skel-nav-controls>*+*{margin-left:0}.skel-tabs{display:flex;align-items:center;gap:6px}.skel-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}.skel-week-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-height:360px}.skel-agenda{display:flex;flex-direction:column;flex:1}.skel-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid #f1f5f9}.skel-row-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.month-grid{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;position:sticky;top:0;z-index:1}.month-dow{padding:10px 8px;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.04em}.dow-short{display:none}.month-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1 0 120px}.month-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:6px 6px 4px;min-height:120px;transition:background .1s;min-width:0;box-sizing:border-box}.month-cell.clickable{cursor:pointer}.month-cell.clickable:hover{background:#f8fafc}.month-cell:nth-child(7n){border-right:none}.month-cell.other-month{background:#fafafa}.month-cell.other-month .day-num{color:#64748b}.month-cell[data-level=low]{background:#f0fdf4;box-shadow:inset 0 3px #86efac}.month-cell[data-level=medium]{background:#fefce8;box-shadow:inset 0 3px #facc15}.month-cell[data-level=high]{background:#fff7ed;box-shadow:inset 0 3px #fb923c}.month-cell[data-level=critical]{background:#fef2f2;box-shadow:inset 0 3px #ef4444}.month-cell.other-month[data-level] .day-num{color:#475569}.month-cell.today{background:#eff6ff}.day-num{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:4px}.today-badge{background:#2563eb;color:#fff;font-weight:700}.cell-events{display:flex;flex-direction:column;gap:2px}.event-chip{display:flex;align-items:center;gap:3px;padding:2px 6px;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;cursor:pointer;overflow:hidden}.event-chip:hover{opacity:.85}.event-chip.stacked{flex-direction:column;align-items:flex-start;gap:0}.chip-head{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.chip-icon{flex-shrink:0}.chip-time{font-weight:700;flex-shrink:0;color:#1e293b}.chip-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;min-width:0;max-width:100%}.strike{text-decoration:line-through}.chip-src{font-size:.625rem;font-weight:700;margin-left:auto;flex-shrink:0;color:#1e293b}.more-events{font-size:.6875rem;color:#2563eb;font-weight:600;cursor:pointer;padding:1px 6px;border:0;background:none;text-align:left;font-family:inherit}.more-events:hover{text-decoration:underline}.week-view{overflow:auto}.week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;overflow-y:scroll}.time-gutter{border-right:1px solid #e2e8f0}.week-day-hdr{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-right:1px solid #f1f5f9}.week-day-hdr[data-level=low]{background:#f0fdf4;box-shadow:inset 0 3px #86efac}.week-day-hdr[data-level=medium]{background:#fefce8;box-shadow:inset 0 3px #facc15}.week-day-hdr[data-level=high]{background:#fff7ed;box-shadow:inset 0 3px #fb923c}.week-day-hdr[data-level=critical]{background:#fef2f2;box-shadow:inset 0 3px #ef4444}.week-day-hdr.today{background:#eff6ff}.deco-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.week-day-hdr:last-child{border-right:none}.wdh-dow{font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.wdh-num{width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-size:.9375rem;font-weight:600;color:#374151;margin-top:2px}.wdh-num.today-badge{background:#2563eb;color:#fff;font-weight:700}.allday-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;min-height:32px;flex-shrink:0;overflow-y:scroll}.allday-label{font-size:.625rem;color:#64748b;font-weight:600;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.slot-add{position:absolute;top:2px;left:2px;z-index:3;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap;font-family:inherit}.slot-add:focus,.slot-add:focus-visible{width:auto;height:auto;padding:2px 8px;clip-path:none;background:#1e293b;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.allday-cell{position:relative;border-right:1px solid #f1f5f9;padding:3px 4px;display:flex;flex-direction:column;gap:2px;min-width:0}.allday-cell.clickable{cursor:pointer}.allday-cell:last-child{border-right:none}.allday-chip{padding:2px 6px;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;color:#1e293b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-family:inherit}.allday-chip:hover{opacity:.85}.week-body{display:grid;grid-template-columns:60px repeat(7,1fr);flex:1;overflow-y:scroll}.time-col{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;flex-shrink:0}.time-slot-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 0;font-size:.6875rem;color:#64748b;font-weight:500;border-bottom:1px solid #f1f5f9;flex-shrink:0;box-sizing:border-box}.day-col{position:relative;border-right:1px solid #f1f5f9;min-width:0}.day-col.clickable{cursor:pointer}.day-col:last-child{border-right:none}.day-col.today{background:#fafbff}.time-slot{height:60px;border-bottom:1px solid #f1f5f9;box-sizing:border-box}.day-col.clickable .time-slot:hover{background:#f8fafc}.timed-event{position:absolute;min-height:20px;border:0;border-radius:6px;padding:3px 6px;overflow:hidden;cursor:pointer;box-sizing:border-box;border-left:3px solid transparent;display:flex;flex-direction:column;align-items:flex-start;gap:1px;box-shadow:0 1px 3px #00000014;text-align:left;font-family:inherit}.timed-event:hover{opacity:.85}.te-title{font-size:.6875rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.te-time{font-size:.625rem;color:#475569}.agenda-view{overflow-y:auto}.agenda-section{display:block}.agenda-period-hdr{margin:0;padding:8px 12px;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;background:#f1f5f9;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.agenda-group{display:flex;border-bottom:1px solid #f1f5f9}.agenda-date-hdr{width:100px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:#f8fafc;border-right:2px solid #e2e8f0}.ag-dow{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.ag-date{font-size:.8125rem;font-weight:600;color:#374151}.agenda-events{flex:1;display:flex;flex-direction:column;min-width:0}.agenda-event{display:flex;align-items:stretch;padding:10px 12px;cursor:pointer;border:0;border-bottom:1px solid #f8fafc;background:none;text-align:left;width:100%;font-family:inherit;transition:background .1s}.agenda-event:hover{background:#f8fafc}.agenda-event:last-child{border-bottom:none}.ae-color-bar{display:block;width:4px;border-radius:4px;flex-shrink:0;margin-right:12px}.ae-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ae-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ae-title{font-size:.9375rem;font-weight:600;color:#111827}.ae-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ae-meta-item{font-size:.8125rem;color:#6b7280}.item-wrap{position:relative;display:block;min-width:0}.item-wrap.timed-wrap{position:absolute;min-height:20px}.timed-event.in-wrap{position:static;width:100%;height:100%}.item-actions{position:absolute;top:50%;right:2px;transform:translateY(-50%);display:inline-flex;gap:2px;opacity:0;pointer-events:none;z-index:2}.item-wrap:hover>.item-actions,.item-wrap:focus-within>.item-actions{opacity:1;pointer-events:auto}.agenda-wrap>.item-actions{right:12px}.item-action{min-width:20px;height:20px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.6875rem;font-weight:600;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer}.item-action:hover:not(:disabled){background:#eff6ff;color:#1d4ed8}.item-action--danger{color:#b91c1c;border-color:#fecaca}.item-action--danger:hover:not(:disabled){background:#fef2f2;color:#991b1b}.item-action:disabled{opacity:.5;cursor:not-allowed}.item-action:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}@media(hover:none){.agenda-wrap>.item-actions{opacity:1;pointer-events:auto}}@media(pointer:coarse),(max-width:480px){.item-action{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.btn-nav,.btn-today,.filter-chip,.month-cell,.agenda-event{transition:none}}@media(pointer:coarse),(max-width:480px){.btn-nav,.btn-today,.filter-chip,.event-chip,.more-events,.allday-chip,.agenda-event{min-height:44px}.btn-nav{min-width:44px}}@media(max-width:768px){.cal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}.toolbar-left{flex:1 1 auto}.toolbar-right{flex:0 1 auto;min-width:0;max-width:100%}.toolbar-center{display:none}.period-label{font-size:1.875rem}.toolbar-right{justify-content:flex-end}.mobile-summary{display:block;margin-bottom:4px;flex-shrink:0}.mobile-summary:empty{display:none}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-main{flex-basis:100%}.month-view,.cal-skeleton,.outline-grid,.week-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:560px}.month-row{flex-basis:80px}.month-cell{min-height:80px}.week-header,.allday-row,.week-body{min-width:640px}.agenda-date-hdr{width:76px;padding:12px 8px}.ae-title{font-size:.875rem}}@media(max-width:640px){.event-chip.stacked.has-head .chip-title{display:none}}@media(max-width:640px){.cal-toolbar{padding:14px}.period-label{font-size:1.625rem}.filter-bar{padding:10px 14px 12px}.filter-nav{width:100%;margin-left:0}.filter-nav .nav-controls{display:flex;width:100%}.filter-nav .btn-today{flex:1 1 auto}.chip-head{flex-wrap:wrap;row-gap:0;flex-shrink:1;min-width:0}.chip-time{white-space:normal;line-height:1.1;flex-shrink:1;min-width:0;overflow-wrap:anywhere}.event-chip.stacked{flex-wrap:nowrap}.month-view,.cal-skeleton,.outline-grid{overflow-x:hidden}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:0}.month-dow{padding:8px 2px;font-size:.6875rem;letter-spacing:0}.month-row{flex-basis:72px}.month-cell{min-height:72px;padding:3px 2px 2px}.day-num{width:22px;height:22px;line-height:22px;font-size:.75rem;margin-bottom:2px}.cell-events{gap:1px}.event-chip{min-height:24px;padding:1px 3px;font-size:.625rem;gap:2px}.more-events{min-height:24px;padding:1px 3px;font-size:.625rem;white-space:normal;line-height:1.1;max-width:100%}}@media(max-width:480px){.dow-full{display:none}.dow-short{display:inline}}\n"],
 			dependencies: [
 				{
 					kind: "component",
@@ -42638,6 +43559,12 @@ var CalendarComponent = class CalendarComponent {
 					type: ToastComponent,
 					selector: "ui-toast",
 					inputs: ["dismissible", "persistentLiveRegion"]
+				},
+				{
+					kind: "directive",
+					type: TooltipDirective,
+					selector: "[uiTooltip]",
+					inputs: ["uiTooltip", "tooltipPosition"]
 				}
 			],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -42661,7 +43588,8 @@ i0.ɵɵngDeclareClassMetadata({
 				NgTemplateOutlet,
 				PillTabsComponent,
 				SkeletonComponent,
-				ToastComponent
+				ToastComponent,
+				TooltipDirective
 			],
 			template: `
     @if (showOutline()) {
@@ -42768,6 +43696,90 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     </ng-template>
 
+    <!-- Shared item markup: the same button is drawn on its own or, when itemActionsFn offers actions, inside a wrapper next to the action buttons
+         (a button can never contain buttons). -->
+    <ng-template #monthChip let-e>
+      <button type="button" class="event-chip" [class.stacked]="chipLayout() === 'stacked'" [class.has-head]="!!(e.iconPath || chipTime(e))" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
+                            [attr.aria-label]="itemLabel(e)" [title]="e.tooltip || e.title"
+                            (click)="onItemClick(e, $event)">
+                            <span class="chip-head">
+                              @if (e.iconPath) {
+                                <svg class="chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path [attr.d]="e.iconPath"/></svg>
+                              }
+                              @if (chipTime(e); as t) { <span class="chip-time">{{ t }}</span> }
+                            </span>
+                            <span class="chip-title" [class.strike]="e.strike">{{ e.title }}</span>
+                            @if (e.tag) { <span class="chip-src">{{ e.tag }}</span> }
+                          </button>
+    </ng-template>
+    <ng-template #allDayChip let-e>
+      <button type="button" class="allday-chip" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
+                      [attr.aria-label]="itemLabel(e)" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">{{ e.title }}</button>
+    </ng-template>
+    <ng-template #timedEvent let-t let-wrapped="wrapped">
+      <button type="button" class="timed-event"
+                      [class.in-wrap]="wrapped" [style.top.px]="wrapped ? null : t.top" [style.height.px]="wrapped ? null : t.height"
+                      [style.left]="wrapped ? null : 'calc(' + (t.lane.lane / t.lane.lanes * 100) + '% + 2px)'"
+                      [style.width]="wrapped ? null : 'calc(' + (100 / t.lane.lanes) + '% - 4px)'"
+                      [style.background]="t.item.bgColor" [style.borderLeftColor]="t.item.color"
+                      [attr.aria-label]="itemLabel(t.item)" [attr.title]="t.item.tooltip || null" (click)="onItemClick(t.item, $event)">
+                      <span class="te-title" [class.strike]="t.item.strike">{{ t.item.title }}</span>
+                      @if (t.item.startTime) { <span class="te-time">{{ t.item.timeLabel || timeRange(t.item) }}</span> }
+                    </button>
+    </ng-template>
+    <ng-template #agendaRow let-e>
+      <button type="button" class="agenda-event" [attr.aria-label]="e.ariaLabel || null" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">
+                      <span class="ae-color-bar" [style.background]="e.color"></span>
+                      <span class="ae-body">
+                        <span class="ae-top">
+                          <span class="ae-title" [class.strike]="e.strike">{{ e.title }}</span>
+                          @for (b of e.badges ?? []; track b.label) { <ui-badge [label]="b.label" [variant]="b.variant" /> }
+                        </span>
+                        @if (agendaMeta(e).length) {
+                          <span class="ae-meta">
+                            @for (m of agendaMeta(e); track $index) { <span class="ae-meta-item">{{ m }}</span> }
+                          </span>
+                        }
+                      </span>
+                    </button>
+    </ng-template>
+    <ng-template #agendaGroupTpl let-group>
+              <div class="agenda-group">
+                <div class="agenda-date-hdr">
+                  <span class="ag-dow">{{ agendaDow(group.dateStr) }}</span>
+                  <span class="ag-date">{{ agendaDate(group.dateStr) }}</span>
+                  @if (group.dateStr === todayStr()) { <ui-badge label="Today" variant="blue" /> }
+                </div>
+                <div class="agenda-events">
+                  @for (e of group.items; track e.id) {
+                    @if (actionsFor(e).length) {
+                      <div class="item-wrap agenda-wrap">
+                        <ng-container *ngTemplateOutlet="agendaRow; context: { $implicit: e }" />
+                        <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: e }" />
+                      </div>
+                    } @else {
+                      <ng-container *ngTemplateOutlet="agendaRow; context: { $implicit: e }" />
+                    }
+                  }
+                </div>
+              </div>
+
+    </ng-template>
+    <ng-template #itemActionsTpl let-e>
+      <span class="item-actions" role="group" [attr.aria-label]="'Actions for ' + e.title" (keydown.escape)="onActionsEscape($event)">
+        @for (a of actionsFor(e); track a.id) {
+          <button type="button" class="item-action" [class.item-action--danger]="a.variant === 'danger'" [disabled]="!!a.disabled"
+            [attr.aria-label]="a.label + ': ' + e.title" [attr.title]="a.label" (click)="onActionClick(e, a, $event)">
+            @if (actionIconD(a); as d) {
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path [attr.d]="d" /></svg>
+            } @else {
+              <span class="item-action-text">{{ a.label }}</span>
+            }
+          </button>
+        }
+      </span>
+    </ng-template>
+
     <div class="cal-header">
     <div class="cal-toolbar">
       <div class="toolbar-left">
@@ -42851,6 +43863,8 @@ i0.ɵɵngDeclareClassMetadata({
                       [class.clickable]="c.clickable"
                       [attr.tabindex]="c.day.dateStr === focusDate() ? 0 : -1"
                       [attr.aria-label]="c.label"
+                      [attr.data-level]="c.level"
+                      [uiTooltip]="c.tooltip"
                       [attr.aria-current]="c.day.isToday ? 'date' : null"
                       (click)="onDateClick(c.day.dateStr)"
                       (focus)="focusedDate.set(c.day.dateStr)"
@@ -42858,18 +43872,14 @@ i0.ɵɵngDeclareClassMetadata({
                       <span class="day-num" [class.today-badge]="c.day.isToday">{{ c.day.dayNum }}</span>
                       <div class="cell-events">
                         @for (e of c.visible; track e.id) {
-                          <button type="button" class="event-chip" [class.stacked]="chipLayout() === 'stacked'" [class.has-head]="!!(e.iconPath || chipTime(e))" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
-                            [attr.aria-label]="itemLabel(e)" [title]="e.tooltip || e.title"
-                            (click)="onItemClick(e, $event)">
-                            <span class="chip-head">
-                              @if (e.iconPath) {
-                                <svg class="chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path [attr.d]="e.iconPath"/></svg>
-                              }
-                              @if (chipTime(e); as t) { <span class="chip-time">{{ t }}</span> }
-                            </span>
-                            <span class="chip-title" [class.strike]="e.strike">{{ e.title }}</span>
-                            @if (e.tag) { <span class="chip-src">{{ e.tag }}</span> }
-                          </button>
+                          @if (actionsFor(e).length) {
+                            <div class="item-wrap">
+                              <ng-container *ngTemplateOutlet="monthChip; context: { $implicit: e }" />
+                              <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: e }" />
+                            </div>
+                          } @else {
+                            <ng-container *ngTemplateOutlet="monthChip; context: { $implicit: e }" />
+                          }
                         }
                         @if (c.overflow > 0) {
                           <button type="button" class="more-events" (click)="onMoreClick(c.day.dateStr, c.items, $event)">+{{ c.overflow }} more</button>
@@ -42887,9 +43897,10 @@ i0.ɵɵngDeclareClassMetadata({
             <div class="week-header">
               <div class="time-gutter"></div>
               @for (col of weekColumns(); track col.day.dateStr) {
-                <div class="week-day-hdr" [class.today]="col.day.isToday">
+                <div class="week-day-hdr" [class.today]="col.day.isToday" [attr.data-level]="col.level" [uiTooltip]="col.tooltip">
                   <span class="wdh-dow">{{ dowLabel(col.day.dateStr) }}</span>
                   <span class="wdh-num" [class.today-badge]="col.day.isToday">{{ col.day.dayNum }}</span>
+                  @if (col.level) { <span class="deco-sr">{{ levelText(col.level) }}</span> }
                 </div>
               }
             </div>
@@ -42901,8 +43912,14 @@ i0.ɵɵngDeclareClassMetadata({
                     <button type="button" class="slot-add" [attr.aria-label]="'Add all-day event on ' + col.label" (click)="onAddAllDay(col.day.dateStr, $event)">+ Add</button>
                   }
                   @for (e of col.allDay; track e.id) {
-                    <button type="button" class="allday-chip" [style.background]="e.bgColor" [style.borderLeftColor]="e.color"
-                      [attr.aria-label]="itemLabel(e)" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">{{ e.title }}</button>
+                    @if (actionsFor(e).length) {
+                      <div class="item-wrap">
+                        <ng-container *ngTemplateOutlet="allDayChip; context: { $implicit: e }" />
+                        <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: e }" />
+                      </div>
+                    } @else {
+                      <ng-container *ngTemplateOutlet="allDayChip; context: { $implicit: e }" />
+                    }
                   }
                 </div>
               }
@@ -42918,15 +43935,16 @@ i0.ɵɵngDeclareClassMetadata({
                   }
                   @for (h of hours(); track h) { <div class="time-slot"></div> }
                   @for (t of col.timed; track t.item.id) {
-                    <button type="button" class="timed-event"
-                      [style.top.px]="t.top" [style.height.px]="t.height"
-                      [style.left]="'calc(' + (t.lane.lane / t.lane.lanes * 100) + '% + 2px)'"
-                      [style.width]="'calc(' + (100 / t.lane.lanes) + '% - 4px)'"
-                      [style.background]="t.item.bgColor" [style.borderLeftColor]="t.item.color"
-                      [attr.aria-label]="itemLabel(t.item)" [attr.title]="t.item.tooltip || null" (click)="onItemClick(t.item, $event)">
-                      <span class="te-title" [class.strike]="t.item.strike">{{ t.item.title }}</span>
-                      @if (t.item.startTime) { <span class="te-time">{{ t.item.timeLabel || timeRange(t.item) }}</span> }
-                    </button>
+                    @if (actionsFor(t.item).length) {
+                      <div class="item-wrap timed-wrap" [style.top.px]="t.top" [style.height.px]="t.height"
+                        [style.left]="'calc(' + (t.lane.lane / t.lane.lanes * 100) + '% + 2px)'"
+                        [style.width]="'calc(' + (100 / t.lane.lanes) + '% - 4px)'">
+                        <ng-container *ngTemplateOutlet="timedEvent; context: { $implicit: t, wrapped: true }" />
+                        <ng-container *ngTemplateOutlet="itemActionsTpl; context: { $implicit: t.item }" />
+                      </div>
+                    } @else {
+                      <ng-container *ngTemplateOutlet="timedEvent; context: { $implicit: t, wrapped: false }" />
+                    }
                   }
                 </div>
               }
@@ -42938,32 +43956,25 @@ i0.ɵɵngDeclareClassMetadata({
             @if (agendaGroups().length === 0) {
               <ui-empty-state iconType="task" [message]="emptyMessage()" />
             }
-            @for (group of agendaGroups(); track group.dateStr) {
-              <div class="agenda-group">
-                <div class="agenda-date-hdr">
-                  <span class="ag-dow">{{ agendaDow(group.dateStr) }}</span>
-                  <span class="ag-date">{{ agendaDate(group.dateStr) }}</span>
-                  @if (group.dateStr === todayStr()) { <ui-badge label="Today" variant="blue" /> }
-                </div>
-                <div class="agenda-events">
-                  @for (e of group.items; track e.id) {
-                    <button type="button" class="agenda-event" [attr.aria-label]="e.ariaLabel || null" [attr.title]="e.tooltip || null" (click)="onItemClick(e, $event)">
-                      <span class="ae-color-bar" [style.background]="e.color"></span>
-                      <span class="ae-body">
-                        <span class="ae-top">
-                          <span class="ae-title" [class.strike]="e.strike">{{ e.title }}</span>
-                          @for (b of e.badges ?? []; track b.label) { <ui-badge [label]="b.label" [variant]="b.variant" /> }
-                        </span>
-                        @if (agendaMeta(e).length) {
-                          <span class="ae-meta">
-                            @for (m of agendaMeta(e); track $index) { <span class="ae-meta-item">{{ m }}</span> }
-                          </span>
-                        }
-                      </span>
-                    </button>
+            @if (agendaSections(); as sections) {
+              @for (s of sections; track $index) {
+                @if (s.label) {
+                  <section class="agenda-section" [attr.aria-labelledby]="s.id">
+                    <h3 class="agenda-period-hdr" [id]="s.id">{{ s.label }}</h3>
+                    @for (group of s.groups; track group.dateStr) {
+                      <ng-container *ngTemplateOutlet="agendaGroupTpl; context: { $implicit: group }" />
+                    }
+                  </section>
+                } @else {
+                  @for (group of s.groups; track group.dateStr) {
+                    <ng-container *ngTemplateOutlet="agendaGroupTpl; context: { $implicit: group }" />
                   }
-                </div>
-              </div>
+                }
+              }
+            } @else {
+              @for (group of agendaGroups(); track group.dateStr) {
+                <ng-container *ngTemplateOutlet="agendaGroupTpl; context: { $implicit: group }" />
+              }
             }
           </div>
         }
@@ -42972,7 +43983,7 @@ i0.ɵɵngDeclareClassMetadata({
     }
     <ui-toast />
   `,
-			styles: [":host{display:flex;flex-direction:column;gap:0;height:100%;min-height:0}.cal-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:12px;flex-shrink:0}.cal-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px;gap:16px;flex-shrink:0}.toolbar-left{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;min-width:0}.toolbar-center{display:flex;align-items:center;justify-content:center;gap:10px}.toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.toolbar-actions:empty{display:none}ui-pill-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}@media(max-width:480px){.toolbar-actions{flex-wrap:wrap}}.period-label{font-size:2.5rem;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#0f172a;margin:0;min-width:0}.pl-sub{font-weight:600;color:#64748b}.nav-controls{display:inline-flex;align-items:center}.nav-controls>*+*{margin-left:-1px}.btn-nav{width:38px;height:38px;border:1px solid #cbd5e1;background:#fff;font-family:inherit;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;transition:background .12s,color .12s}.nav-controls>.btn-nav:first-child{border-radius:10px 0 0 10px}.nav-controls>.btn-nav:last-child{border-radius:0 10px 10px 0}.btn-today{padding:0 18px;height:38px;border:1px solid #cbd5e1;background:#fff;border-radius:0;font-family:inherit;position:relative;font-size:.9375rem;font-weight:600;color:#1d4ed8;cursor:pointer;transition:background .12s}.btn-nav:hover,.btn-today:hover{background:#eff6ff;color:#1d4ed8;z-index:1}.btn-nav:active,.btn-today:active{background:#dbeafe}.btn-nav:focus-visible,.btn-today:focus-visible,.filter-chip:focus-visible,.event-chip:focus-visible,.more-events:focus-visible,.allday-chip:focus-visible,.timed-event:focus-visible,.agenda-event:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.month-cell:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.slot-add:focus,.slot-add:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.mobile-summary{display:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 20px 14px;border-top:1px solid #eef2f7;background:#f8fafc;border-radius:0 0 12px 12px;flex-shrink:0}.filter-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}.filter-nav{margin-left:auto;flex-shrink:0}.filter-bar-label{font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:all .12s;white-space:nowrap;font-family:inherit}.filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.filter-chip.active-all{background:#1e293b;color:#fff;border-color:#1e293b}.filter-chip.active-all .chip-count{background:#fff3;color:#fff}.filter-chip.active-type{background:var(--chip-bg, #f1f5f9);color:#1e293b;border-color:var(--chip-color);font-weight:600}.filter-chip.active-type .chip-count{background:var(--chip-color);color:#fff}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip-count{font-size:.6875rem;font-weight:700;background:#f1f5f9;background:color-mix(in srgb,var(--chip-color, #64748b) 14%,#fff);color:#475569;padding:1px 8px;border-radius:999px;min-width:18px;text-align:center;box-sizing:border-box}.cal-skeleton,.outline-grid,.month-view,.week-view,.agenda-view{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.skel-dow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.skel-dow{display:flex;justify-content:center}.skel-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(80px,1fr));flex:1}.skel-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.skel-cell:nth-child(7n){border-right:none}.cal-outline{flex:1;display:flex;flex-direction:column;min-height:0}.cal-outline ui-skeleton{display:block;flex-shrink:0}.skel-period-wrap{width:240px;max-width:100%;min-width:0}.skel-nav-controls{gap:2px}.skel-nav-controls>*+*{margin-left:0}.skel-tabs{display:flex;align-items:center;gap:6px}.skel-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}.skel-week-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-height:360px}.skel-agenda{display:flex;flex-direction:column;flex:1}.skel-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid #f1f5f9}.skel-row-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.month-grid{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;position:sticky;top:0;z-index:1}.month-dow{padding:10px 8px;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.04em}.dow-short{display:none}.month-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1 0 120px}.month-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:6px 6px 4px;min-height:120px;transition:background .1s;min-width:0;box-sizing:border-box}.month-cell.clickable{cursor:pointer}.month-cell.clickable:hover{background:#f8fafc}.month-cell:nth-child(7n){border-right:none}.month-cell.other-month{background:#fafafa}.month-cell.other-month .day-num{color:#64748b}.month-cell.today{background:#eff6ff}.day-num{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:4px}.today-badge{background:#2563eb;color:#fff;font-weight:700}.cell-events{display:flex;flex-direction:column;gap:2px}.event-chip{display:flex;align-items:center;gap:3px;padding:2px 6px;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;cursor:pointer;overflow:hidden}.event-chip:hover{opacity:.85}.event-chip.stacked{flex-direction:column;align-items:flex-start;gap:0}.chip-head{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.chip-icon{flex-shrink:0}.chip-time{font-weight:700;flex-shrink:0;color:#1e293b}.chip-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;min-width:0;max-width:100%}.strike{text-decoration:line-through}.chip-src{font-size:.625rem;font-weight:700;margin-left:auto;flex-shrink:0;color:#1e293b}.more-events{font-size:.6875rem;color:#2563eb;font-weight:600;cursor:pointer;padding:1px 6px;border:0;background:none;text-align:left;font-family:inherit}.more-events:hover{text-decoration:underline}.week-view{overflow:auto}.week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;overflow-y:scroll}.time-gutter{border-right:1px solid #e2e8f0}.week-day-hdr{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-right:1px solid #f1f5f9}.week-day-hdr.today{background:#eff6ff}.week-day-hdr:last-child{border-right:none}.wdh-dow{font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.wdh-num{width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-size:.9375rem;font-weight:600;color:#374151;margin-top:2px}.wdh-num.today-badge{background:#2563eb;color:#fff;font-weight:700}.allday-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;min-height:32px;flex-shrink:0;overflow-y:scroll}.allday-label{font-size:.625rem;color:#64748b;font-weight:600;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.slot-add{position:absolute;top:2px;left:2px;z-index:3;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap;font-family:inherit}.slot-add:focus,.slot-add:focus-visible{width:auto;height:auto;padding:2px 8px;clip-path:none;background:#1e293b;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.allday-cell{position:relative;border-right:1px solid #f1f5f9;padding:3px 4px;display:flex;flex-direction:column;gap:2px;min-width:0}.allday-cell.clickable{cursor:pointer}.allday-cell:last-child{border-right:none}.allday-chip{padding:2px 6px;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;color:#1e293b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-family:inherit}.allday-chip:hover{opacity:.85}.week-body{display:grid;grid-template-columns:60px repeat(7,1fr);flex:1;overflow-y:scroll}.time-col{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;flex-shrink:0}.time-slot-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 0;font-size:.6875rem;color:#64748b;font-weight:500;border-bottom:1px solid #f1f5f9;flex-shrink:0;box-sizing:border-box}.day-col{position:relative;border-right:1px solid #f1f5f9;min-width:0}.day-col.clickable{cursor:pointer}.day-col:last-child{border-right:none}.day-col.today{background:#fafbff}.time-slot{height:60px;border-bottom:1px solid #f1f5f9;box-sizing:border-box}.day-col.clickable .time-slot:hover{background:#f8fafc}.timed-event{position:absolute;min-height:20px;border:0;border-radius:6px;padding:3px 6px;overflow:hidden;cursor:pointer;box-sizing:border-box;border-left:3px solid transparent;display:flex;flex-direction:column;align-items:flex-start;gap:1px;box-shadow:0 1px 3px #00000014;text-align:left;font-family:inherit}.timed-event:hover{opacity:.85}.te-title{font-size:.6875rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.te-time{font-size:.625rem;color:#475569}.agenda-view{overflow-y:auto}.agenda-group{display:flex;border-bottom:1px solid #f1f5f9}.agenda-date-hdr{width:100px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:#f8fafc;border-right:2px solid #e2e8f0}.ag-dow{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.ag-date{font-size:.8125rem;font-weight:600;color:#374151}.agenda-events{flex:1;display:flex;flex-direction:column;min-width:0}.agenda-event{display:flex;align-items:stretch;padding:10px 12px;cursor:pointer;border:0;border-bottom:1px solid #f8fafc;background:none;text-align:left;width:100%;font-family:inherit;transition:background .1s}.agenda-event:hover{background:#f8fafc}.agenda-event:last-child{border-bottom:none}.ae-color-bar{display:block;width:4px;border-radius:4px;flex-shrink:0;margin-right:12px}.ae-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ae-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ae-title{font-size:.9375rem;font-weight:600;color:#111827}.ae-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ae-meta-item{font-size:.8125rem;color:#6b7280}@media(prefers-reduced-motion:reduce){.btn-nav,.btn-today,.filter-chip,.month-cell,.agenda-event{transition:none}}@media(pointer:coarse),(max-width:480px){.btn-nav,.btn-today,.filter-chip,.event-chip,.more-events,.allday-chip,.agenda-event{min-height:44px}.btn-nav{min-width:44px}}@media(max-width:768px){.cal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}.toolbar-left{flex:1 1 auto}.toolbar-right{flex:0 1 auto;min-width:0;max-width:100%}.toolbar-center{display:none}.period-label{font-size:1.875rem}.toolbar-right{justify-content:flex-end}.mobile-summary{display:block;margin-bottom:4px;flex-shrink:0}.mobile-summary:empty{display:none}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-main{flex-basis:100%}.month-view,.cal-skeleton,.outline-grid,.week-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:560px}.month-row{flex-basis:80px}.month-cell{min-height:80px}.week-header,.allday-row,.week-body{min-width:640px}.agenda-date-hdr{width:76px;padding:12px 8px}.ae-title{font-size:.875rem}}@media(max-width:640px){.event-chip.stacked.has-head .chip-title{display:none}}@media(max-width:640px){.cal-toolbar{padding:14px}.period-label{font-size:1.625rem}.filter-bar{padding:10px 14px 12px}.filter-nav{width:100%;margin-left:0}.filter-nav .nav-controls{display:flex;width:100%}.filter-nav .btn-today{flex:1 1 auto}.chip-head{flex-wrap:wrap;row-gap:0;flex-shrink:1;min-width:0}.chip-time{white-space:normal;line-height:1.1;flex-shrink:1;min-width:0;overflow-wrap:anywhere}.event-chip.stacked{flex-wrap:nowrap}.month-view,.cal-skeleton,.outline-grid{overflow-x:hidden}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:0}.month-dow{padding:8px 2px;font-size:.6875rem;letter-spacing:0}.month-row{flex-basis:72px}.month-cell{min-height:72px;padding:3px 2px 2px}.day-num{width:22px;height:22px;line-height:22px;font-size:.75rem;margin-bottom:2px}.cell-events{gap:1px}.event-chip{min-height:24px;padding:1px 3px;font-size:.625rem;gap:2px}.more-events{min-height:24px;padding:1px 3px;font-size:.625rem;white-space:normal;line-height:1.1;max-width:100%}}@media(max-width:480px){.dow-full{display:none}.dow-short{display:inline}}\n"]
+			styles: [":host{display:flex;flex-direction:column;gap:0;height:100%;min-height:0}.cal-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:12px;flex-shrink:0}.cal-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px;gap:16px;flex-shrink:0}.toolbar-left{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;min-width:0}.toolbar-center{display:flex;align-items:center;justify-content:center;gap:10px}.toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.toolbar-actions:empty{display:none}ui-pill-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}@media(max-width:480px){.toolbar-actions{flex-wrap:wrap}}.period-label{font-size:2.5rem;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#0f172a;margin:0;min-width:0}.pl-sub{font-weight:600;color:#64748b}.nav-controls{display:inline-flex;align-items:center}.nav-controls>*+*{margin-left:-1px}.btn-nav{width:38px;height:38px;border:1px solid #cbd5e1;background:#fff;font-family:inherit;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;transition:background .12s,color .12s}.nav-controls>.btn-nav:first-child{border-radius:10px 0 0 10px}.nav-controls>.btn-nav:last-child{border-radius:0 10px 10px 0}.btn-today{padding:0 18px;height:38px;border:1px solid #cbd5e1;background:#fff;border-radius:0;font-family:inherit;position:relative;font-size:.9375rem;font-weight:600;color:#1d4ed8;cursor:pointer;transition:background .12s}.btn-nav:hover,.btn-today:hover{background:#eff6ff;color:#1d4ed8;z-index:1}.btn-nav:active,.btn-today:active{background:#dbeafe}.btn-nav:focus-visible,.btn-today:focus-visible,.filter-chip:focus-visible,.event-chip:focus-visible,.more-events:focus-visible,.allday-chip:focus-visible,.timed-event:focus-visible,.agenda-event:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.month-cell:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.slot-add:focus,.slot-add:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.mobile-summary{display:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 20px 14px;border-top:1px solid #eef2f7;background:#f8fafc;border-radius:0 0 12px 12px;flex-shrink:0}.filter-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}.filter-nav{margin-left:auto;flex-shrink:0}.filter-bar-label{font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:all .12s;white-space:nowrap;font-family:inherit}.filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.filter-chip.active-all{background:#1e293b;color:#fff;border-color:#1e293b}.filter-chip.active-all .chip-count{background:#fff3;color:#fff}.filter-chip.active-type{background:var(--chip-bg, #f1f5f9);color:#1e293b;border-color:var(--chip-color);font-weight:600}.filter-chip.active-type .chip-count{background:var(--chip-color);color:#fff}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip-count{font-size:.6875rem;font-weight:700;background:#f1f5f9;background:color-mix(in srgb,var(--chip-color, #64748b) 14%,#fff);color:#475569;padding:1px 8px;border-radius:999px;min-width:18px;text-align:center;box-sizing:border-box}.cal-skeleton,.outline-grid,.month-view,.week-view,.agenda-view{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.skel-dow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.skel-dow{display:flex;justify-content:center}.skel-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(80px,1fr));flex:1}.skel-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.skel-cell:nth-child(7n){border-right:none}.cal-outline{flex:1;display:flex;flex-direction:column;min-height:0}.cal-outline ui-skeleton{display:block;flex-shrink:0}.skel-period-wrap{width:240px;max-width:100%;min-width:0}.skel-nav-controls{gap:2px}.skel-nav-controls>*+*{margin-left:0}.skel-tabs{display:flex;align-items:center;gap:6px}.skel-tabs+.toolbar-actions:not(:empty){margin-left:4px;padding-left:12px;border-left:1px solid #e2e8f0;align-self:stretch}.skel-week-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-height:360px}.skel-agenda{display:flex;flex-direction:column;flex:1}.skel-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid #f1f5f9}.skel-row-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.month-grid{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;position:sticky;top:0;z-index:1}.month-dow{padding:10px 8px;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.04em}.dow-short{display:none}.month-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1 0 120px}.month-cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:6px 6px 4px;min-height:120px;transition:background .1s;min-width:0;box-sizing:border-box}.month-cell.clickable{cursor:pointer}.month-cell.clickable:hover{background:#f8fafc}.month-cell:nth-child(7n){border-right:none}.month-cell.other-month{background:#fafafa}.month-cell.other-month .day-num{color:#64748b}.month-cell[data-level=low]{background:#f0fdf4;box-shadow:inset 0 3px #86efac}.month-cell[data-level=medium]{background:#fefce8;box-shadow:inset 0 3px #facc15}.month-cell[data-level=high]{background:#fff7ed;box-shadow:inset 0 3px #fb923c}.month-cell[data-level=critical]{background:#fef2f2;box-shadow:inset 0 3px #ef4444}.month-cell.other-month[data-level] .day-num{color:#475569}.month-cell.today{background:#eff6ff}.day-num{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:4px}.today-badge{background:#2563eb;color:#fff;font-weight:700}.cell-events{display:flex;flex-direction:column;gap:2px}.event-chip{display:flex;align-items:center;gap:3px;padding:2px 6px;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;cursor:pointer;overflow:hidden}.event-chip:hover{opacity:.85}.event-chip.stacked{flex-direction:column;align-items:flex-start;gap:0}.chip-head{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.chip-icon{flex-shrink:0}.chip-time{font-weight:700;flex-shrink:0;color:#1e293b}.chip-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;min-width:0;max-width:100%}.strike{text-decoration:line-through}.chip-src{font-size:.625rem;font-weight:700;margin-left:auto;flex-shrink:0;color:#1e293b}.more-events{font-size:.6875rem;color:#2563eb;font-weight:600;cursor:pointer;padding:1px 6px;border:0;background:none;text-align:left;font-family:inherit}.more-events:hover{text-decoration:underline}.week-view{overflow:auto}.week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;overflow-y:scroll}.time-gutter{border-right:1px solid #e2e8f0}.week-day-hdr{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-right:1px solid #f1f5f9}.week-day-hdr[data-level=low]{background:#f0fdf4;box-shadow:inset 0 3px #86efac}.week-day-hdr[data-level=medium]{background:#fefce8;box-shadow:inset 0 3px #facc15}.week-day-hdr[data-level=high]{background:#fff7ed;box-shadow:inset 0 3px #fb923c}.week-day-hdr[data-level=critical]{background:#fef2f2;box-shadow:inset 0 3px #ef4444}.week-day-hdr.today{background:#eff6ff}.deco-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.week-day-hdr:last-child{border-right:none}.wdh-dow{font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.wdh-num{width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-size:.9375rem;font-weight:600;color:#374151;margin-top:2px}.wdh-num.today-badge{background:#2563eb;color:#fff;font-weight:700}.allday-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid #e2e8f0;min-height:32px;flex-shrink:0;overflow-y:scroll}.allday-label{font-size:.625rem;color:#64748b;font-weight:600;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.slot-add{position:absolute;top:2px;left:2px;z-index:3;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap;font-family:inherit}.slot-add:focus,.slot-add:focus-visible{width:auto;height:auto;padding:2px 8px;clip-path:none;background:#1e293b;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.allday-cell{position:relative;border-right:1px solid #f1f5f9;padding:3px 4px;display:flex;flex-direction:column;gap:2px;min-width:0}.allday-cell.clickable{cursor:pointer}.allday-cell:last-child{border-right:none}.allday-chip{padding:2px 6px;border:0;border-radius:4px;border-left:3px solid transparent;font-size:.6875rem;font-weight:500;color:#1e293b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-family:inherit}.allday-chip:hover{opacity:.85}.week-body{display:grid;grid-template-columns:60px repeat(7,1fr);flex:1;overflow-y:scroll}.time-col{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;flex-shrink:0}.time-slot-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 0;font-size:.6875rem;color:#64748b;font-weight:500;border-bottom:1px solid #f1f5f9;flex-shrink:0;box-sizing:border-box}.day-col{position:relative;border-right:1px solid #f1f5f9;min-width:0}.day-col.clickable{cursor:pointer}.day-col:last-child{border-right:none}.day-col.today{background:#fafbff}.time-slot{height:60px;border-bottom:1px solid #f1f5f9;box-sizing:border-box}.day-col.clickable .time-slot:hover{background:#f8fafc}.timed-event{position:absolute;min-height:20px;border:0;border-radius:6px;padding:3px 6px;overflow:hidden;cursor:pointer;box-sizing:border-box;border-left:3px solid transparent;display:flex;flex-direction:column;align-items:flex-start;gap:1px;box-shadow:0 1px 3px #00000014;text-align:left;font-family:inherit}.timed-event:hover{opacity:.85}.te-title{font-size:.6875rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.te-time{font-size:.625rem;color:#475569}.agenda-view{overflow-y:auto}.agenda-section{display:block}.agenda-period-hdr{margin:0;padding:8px 12px;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;background:#f1f5f9;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.agenda-group{display:flex;border-bottom:1px solid #f1f5f9}.agenda-date-hdr{width:100px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:#f8fafc;border-right:2px solid #e2e8f0}.ag-dow{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.ag-date{font-size:.8125rem;font-weight:600;color:#374151}.agenda-events{flex:1;display:flex;flex-direction:column;min-width:0}.agenda-event{display:flex;align-items:stretch;padding:10px 12px;cursor:pointer;border:0;border-bottom:1px solid #f8fafc;background:none;text-align:left;width:100%;font-family:inherit;transition:background .1s}.agenda-event:hover{background:#f8fafc}.agenda-event:last-child{border-bottom:none}.ae-color-bar{display:block;width:4px;border-radius:4px;flex-shrink:0;margin-right:12px}.ae-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ae-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ae-title{font-size:.9375rem;font-weight:600;color:#111827}.ae-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ae-meta-item{font-size:.8125rem;color:#6b7280}.item-wrap{position:relative;display:block;min-width:0}.item-wrap.timed-wrap{position:absolute;min-height:20px}.timed-event.in-wrap{position:static;width:100%;height:100%}.item-actions{position:absolute;top:50%;right:2px;transform:translateY(-50%);display:inline-flex;gap:2px;opacity:0;pointer-events:none;z-index:2}.item-wrap:hover>.item-actions,.item-wrap:focus-within>.item-actions{opacity:1;pointer-events:auto}.agenda-wrap>.item-actions{right:12px}.item-action{min-width:20px;height:20px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.6875rem;font-weight:600;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer}.item-action:hover:not(:disabled){background:#eff6ff;color:#1d4ed8}.item-action--danger{color:#b91c1c;border-color:#fecaca}.item-action--danger:hover:not(:disabled){background:#fef2f2;color:#991b1b}.item-action:disabled{opacity:.5;cursor:not-allowed}.item-action:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}@media(hover:none){.agenda-wrap>.item-actions{opacity:1;pointer-events:auto}}@media(pointer:coarse),(max-width:480px){.item-action{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.btn-nav,.btn-today,.filter-chip,.month-cell,.agenda-event{transition:none}}@media(pointer:coarse),(max-width:480px){.btn-nav,.btn-today,.filter-chip,.event-chip,.more-events,.allday-chip,.agenda-event{min-height:44px}.btn-nav{min-width:44px}}@media(max-width:768px){.cal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}.toolbar-left{flex:1 1 auto}.toolbar-right{flex:0 1 auto;min-width:0;max-width:100%}.toolbar-center{display:none}.period-label{font-size:1.875rem}.toolbar-right{justify-content:flex-end}.mobile-summary{display:block;margin-bottom:4px;flex-shrink:0}.mobile-summary:empty{display:none}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-main{flex-basis:100%}.month-view,.cal-skeleton,.outline-grid,.week-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:560px}.month-row{flex-basis:80px}.month-cell{min-height:80px}.week-header,.allday-row,.week-body{min-width:640px}.agenda-date-hdr{width:76px;padding:12px 8px}.ae-title{font-size:.875rem}}@media(max-width:640px){.event-chip.stacked.has-head .chip-title{display:none}}@media(max-width:640px){.cal-toolbar{padding:14px}.period-label{font-size:1.625rem}.filter-bar{padding:10px 14px 12px}.filter-nav{width:100%;margin-left:0}.filter-nav .nav-controls{display:flex;width:100%}.filter-nav .btn-today{flex:1 1 auto}.chip-head{flex-wrap:wrap;row-gap:0;flex-shrink:1;min-width:0}.chip-time{white-space:normal;line-height:1.1;flex-shrink:1;min-width:0;overflow-wrap:anywhere}.event-chip.stacked{flex-wrap:nowrap}.month-view,.cal-skeleton,.outline-grid{overflow-x:hidden}.month-grid,.skel-month-grid,.skel-week-grid,.skel-dow-row{min-width:0}.month-dow{padding:8px 2px;font-size:.6875rem;letter-spacing:0}.month-row{flex-basis:72px}.month-cell{min-height:72px;padding:3px 2px 2px}.day-num{width:22px;height:22px;line-height:22px;font-size:.75rem;margin-bottom:2px}.cell-events{gap:1px}.event-chip{min-height:24px;padding:1px 3px;font-size:.625rem;gap:2px}.more-events{min-height:24px;padding:1px 3px;font-size:.625rem;white-space:normal;line-height:1.1;max-width:100%}}@media(max-width:480px){.dow-full{display:none}.dow-short{display:inline}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -43154,6 +44165,30 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		dayDecorationFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dayDecorationFn",
+				required: false
+			}]
+		}],
+		itemActionsFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "itemActionsFn",
+				required: false
+			}]
+		}],
+		agendaGroupFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "agendaGroupFn",
+				required: false
+			}]
+		}],
 		rangeChange: [{
 			type: i0.Output,
 			args: ["rangeChange"]
@@ -43173,6 +44208,10 @@ i0.ɵɵngDeclareClassMetadata({
 		moreClick: [{
 			type: i0.Output,
 			args: ["moreClick"]
+		}],
+		itemAction: [{
+			type: i0.Output,
+			args: ["itemAction"]
 		}]
 	}
 });
@@ -43750,6 +44789,50 @@ function formatAddress(parts, options = {}) {
 		zip
 	].filter(Boolean).join(separator);
 }
+function getInitials(firstName, lastName) {
+	return (firstName?.[0] || "") + (lastName?.[0] || "");
+}
+function formatDuration(seconds) {
+	if (!seconds) return "";
+	const m = Math.floor(seconds / 60);
+	const s = seconds % 60;
+	return m > 0 ? `${m}m ${s}s` : `${s}s`;
+}
+function formatPhone(raw) {
+	if (!raw) return "";
+	const normalized = raw.startsWith("+1") && raw.replace(/\D/g, "").length === 11 ? raw.slice(2) : raw;
+	if (normalized.startsWith("+")) return normalized;
+	const digits = normalized.replace(/\D/g, "");
+	const d = digits.startsWith("1") && digits.length === 11 ? digits.slice(1) : digits.slice(0, 10);
+	if (d.length <= 3) return d;
+	if (d.length <= 6) return `(${d.slice(0, 3)}) ${d.slice(3)}`;
+	return `(${d.slice(0, 3)}) ${d.slice(3, 6)}-${d.slice(6)}`;
+}
+function formatPhoneDisplay(e164) {
+	const value = (e164 ?? "").trim();
+	const m = /^\+1(\d{3})(\d{3})(\d{4})$/.exec(value);
+	return m ? `+1 ${m[1]} ${m[2]}-${m[3]}` : e164 ?? "";
+}
+function formatShortDate(value) {
+	if (!value) return "—";
+	return new Date(/^\d{4}-\d{2}-\d{2}$/.test(value) ? value + "T00:00:00" : value).toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+function todayInTimezone(timezone) {
+	const fmt = (tz) => new Intl.DateTimeFormat("en-CA", {
+		timeZone: tz,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	}).format(/* @__PURE__ */ new Date());
+	if (timezone) try {
+		return fmt(timezone);
+	} catch {}
+	return fmt();
+}
 function downloadBlob(blob, fileName) {
 	if (typeof document === "undefined" || typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return;
 	const url = URL.createObjectURL(blob);
@@ -53557,6 +54640,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ActionBarComponent, AlertComponent, AppShellComponent, AudioPlayerComponent, AvatarComponent, BADGE_VARIANT_STYLES, BadgeComponent, BankAccountFormComponent, BarRowComponent, BoardCardDirective, BoardComponent, BulkMessagePanelComponent, BusinessHoursComponent, ButtonComponent, CalendarComponent, CardListItemComponent, CheckboxComponent, CheckboxTrailingDirective, ChipComponent, ChipGroupComponent, ColorInputComponent, ColumnFilterComponent, ColumnsComponent, ComboboxComponent, ConfirmOutletComponent, ConfirmService, ContactPickerComponent, ConversationRichBodyComponent, ConversationsComponent, DEFAULT_BANK_ACCOUNT_TYPE_OPTIONS, DEFAULT_BANK_HOLDER_TYPE_OPTIONS, DEFAULT_BANK_MANDATE_TEXT, DEFAULT_EMAIL_TEMPLATE_BLOCK_GROUPS, DEFAULT_EMAIL_TEMPLATE_VARIABLE_GROUPS, DEFAULT_PASSWORD_RULES, DROPDOWN_GROUP, DataTableComponent, DateInputComponent, DateRangePickerComponent, DatetimeInputComponent, DetailCardComponent, DiscountSelectorComponent, DividerComponent, DropdownComponent, EMAIL_BLOCK_DRAG_TYPE, EMAIL_TEMPLATE_MAX_BODY, EMAIL_TEMPLATE_MAX_TEXT, EMAIL_TEMPLATE_START_TEXT, EmailTemplateEditorComponent, EmptyStateComponent, ErrorComponent, ErrorStateComponent, FORGEROUTE_CONFIG, FadeComponent, FileInputComponent, FillViewportDirective, FixedFooterComponent, FormColSpanDirective, FormComponent, FormRowComponent, FormSectionComponent, HintComponent, IDX_BEHAVIOR_SIGNALS, INTEGRATION_CATALOG, INTEGRATION_FIELD_DEFS, INTEGRATION_GROUP_ORDER, INTEGRATION_OPTION_DEFS, IconComponent, ImageComponent, ImageGalleryComponent, ImageGalleryDialogComponent, ImagePreviewComponent, ImageRepositionComponent, ImportExportComponent, ImportSourceGridComponent, KeypadComponent, KpiCardComponent, LAYOUT_GAP_PX, ListComponent, ListItemComponent, LiveRegionComponent, MAX_EMAIL_ADDRESS_LENGTH, ModalComponent, MoreMenuComponent, MultiSelectComponent, NOTES_MAX_LENGTH, NotesComponent, OfflineBannerComponent, OptionCardComponent, PHONE_NUMBER_AREA_CODE_LENGTH, PHONE_NUMBER_ZIP_LENGTH, PageComponent, PaginationComponent, PanelInfoListComponent, PasswordRequirementsComponent, PdfHotspotComponent, PhoneNumberPickerComponent, PillTabsComponent, ProgressBarComponent, ProgressRingComponent, QrCodeComponent, QuickFilterTabsComponent, RICH_TEXT_OPTIONS, RadioComponent, RadioGroupComponent, RadioMatrixComponent, RadioOptionContentDirective, ReadonlyFieldsetComponent, ReminderAlertsComponent, RichTextEditorComponent, SEMANTIC_BADGE_MAP, SETUP_DONE_KEY, SETUP_INTEGRATIONS, SearchInputComponent, SectionHeaderComponent, SelectComponent, SetupWizardComponent, SetupWizardStepDirective, SetupWizardStepHeaderDirective, ShareMenuComponent, ShowComponent, SidePanelComponent, SidebarLayoutComponent, SignaturePadComponent, SkeletonComponent, SnackbarComponent, SnackbarService, StackComponent, StarComponent, StepperComponent, TableToolbarComponent, TextComponent, TextInputComponent, TextTemplatePickerComponent, TextareaInputComponent, TimeInputComponent, TimelineComponent, ToastComponent, ToastService, ToggleBadgeComponent, ToggleComponent, TooltipDirective, US_STATES, UiFieldValidity, acceptLabel, appShellGroupsStorageKey, autoVariant, blockHasContent, buildDefaultSchedule, buildPreviewDocument, buildVideoBlockHtml, builtInActionIcon, businessTimeOptions, conversationDateLabel, conversationHtmlToText, conversationInitial, conversationMessageStatusLabel, conversationMessageStatusMark, createFieldReveal, decodeFilterValues, digitsOnly, downloadBlob, emailShareUrl, encodeFilterValue, encodeFilterValues, errorContextInterceptor, escapeHtml, facebookShareUrl, fileMatchesAccept, formatAddress, formatCategoryLabel, formatConversationPhone, formatConversationTime, formatCurrency, formatFileSize, formatIsoDate, formatIsoDateTime, formatMessageTime, formatTime, formatVideoDuration, getEligibleIds, getEligibleOptions, getErrorMessage, gmailShareUrl, groupMessagesByDay, humanReadableMessage, iconPath, insideEditorBlock, integrationPlainText, integrationsForApp, integrationsOnlyFor, isBlockDrag, isValidEmailAddress, isWebUrl, isoKey, issueToErrors, linkedInShareUrl, maxLengthIssue, mergeDescribedBy, normalizeHexColor, outlookShareUrl, parseBizHours, parseIso, parseTime, passwordMeetsRules, pluralize, provideForgerouteToast, reorderItems, requiredIssue, resolveLayoutGap, resolvePreset, serializeBizHours, serializedTextLength, setupIntegrations, splitIntro, truncateConversationText, xShareUrl };
+export { ASCII_SPECIAL_PASSWORD_RULES, ActionBarComponent, AlertComponent, AppShellComponent, AudioPlayerComponent, AvatarComponent, BADGE_VARIANT_STYLES, BadgeComponent, BankAccountFormComponent, BarRowComponent, BoardCardDirective, BoardComponent, BulkMessagePanelComponent, BusinessHoursComponent, ButtonComponent, COMMON_DETAIL_GROUP_STYLES, CalendarComponent, CardListItemComponent, CheckboxComponent, CheckboxTrailingDirective, ChipComponent, ChipGroupComponent, ColorInputComponent, ColumnFilterComponent, ColumnsComponent, ComboboxComponent, ConfirmOutletComponent, ConfirmService, ContactPickerComponent, ConversationRichBodyComponent, ConversationsComponent, DEFAULT_BANK_ACCOUNT_TYPE_OPTIONS, DEFAULT_BANK_HOLDER_TYPE_OPTIONS, DEFAULT_BANK_MANDATE_TEXT, DEFAULT_EMAIL_TEMPLATE_BLOCK_GROUPS, DEFAULT_EMAIL_TEMPLATE_VARIABLE_GROUPS, DEFAULT_PASSWORD_RULES, DETAIL_CARD_HEADER_BG, DETAIL_GROUP_HEADER_BG, DROPDOWN_GROUP, DataTableComponent, DateInputComponent, DateRangePickerComponent, DatetimeInputComponent, DetailCardComponent, DiscountSelectorComponent, DividerComponent, DropdownComponent, EMAIL_BLOCK_DRAG_TYPE, EMAIL_TEMPLATE_MAX_BODY, EMAIL_TEMPLATE_MAX_TEXT, EMAIL_TEMPLATE_START_TEXT, EmailTemplateEditorComponent, EmptyStateComponent, ErrorComponent, ErrorStateComponent, FORGEROUTE_CONFIG, FadeComponent, FileInputComponent, FillViewportDirective, FixedFooterComponent, FormColSpanDirective, FormComponent, FormRowComponent, FormSectionComponent, HintComponent, IDX_BEHAVIOR_SIGNALS, INTEGRATION_CATALOG, INTEGRATION_FIELD_DEFS, INTEGRATION_GROUP_ORDER, INTEGRATION_OPTION_DEFS, IconComponent, ImageComponent, ImageGalleryComponent, ImageGalleryDialogComponent, ImagePreviewComponent, ImageRepositionComponent, ImportExportComponent, ImportSourceGridComponent, KeypadComponent, KpiCardComponent, LAYOUT_GAP_PX, LISTED_SPECIAL_PASSWORD_RULES, ListComponent, ListItemComponent, LiveRegionComponent, MAX_EMAIL_ADDRESS_LENGTH, ModalComponent, MoreMenuComponent, MultiSelectComponent, NOTES_MAX_LENGTH, NotesComponent, OfflineBannerComponent, OptionCardComponent, PASSWORD_MAX_LENGTH, PHONE_NUMBER_AREA_CODE_LENGTH, PHONE_NUMBER_ZIP_LENGTH, PageComponent, PaginationComponent, PanelInfoListComponent, PasswordRequirementsComponent, PdfHotspotComponent, PhoneNumberPickerComponent, PillTabsComponent, ProgressBarComponent, ProgressRingComponent, QrCodeComponent, QuickFilterTabsComponent, RICH_TEXT_OPTIONS, RadioComponent, RadioGroupComponent, RadioMatrixComponent, RadioOptionContentDirective, ReadonlyFieldsetComponent, ReminderAlertsComponent, RichTextEditorComponent, SEMANTIC_BADGE_MAP, SETUP_DONE_KEY, SETUP_INTEGRATIONS, SearchInputComponent, SectionHeaderComponent, SelectComponent, SetupWizardComponent, SetupWizardStepDirective, SetupWizardStepHeaderDirective, ShareMenuComponent, ShowComponent, SidePanelComponent, SidebarLayoutComponent, SignaturePadComponent, SkeletonComponent, SnackbarComponent, SnackbarService, StackComponent, StarComponent, StepperComponent, TableToolbarComponent, TextComponent, TextInputComponent, TextTemplatePickerComponent, TextareaInputComponent, TimeInputComponent, TimelineComponent, ToastComponent, ToastService, ToggleBadgeComponent, ToggleComponent, TooltipDirective, US_LOCATIONS, US_STATES, UiFieldValidity, acceptLabel, appShellGroupsStorageKey, autoVariant, blockHasContent, buildDefaultSchedule, buildPreviewDocument, buildVideoBlockHtml, builtInActionIcon, businessTimeOptions, conversationDateLabel, conversationHtmlToText, conversationInitial, conversationMessageStatusLabel, conversationMessageStatusMark, createFieldReveal, createPasswordPolicyValidator, decodeFilterValues, digitsOnly, downloadBlob, emailShareUrl, encodeFilterValue, encodeFilterValues, errorContextInterceptor, escapeHtml, facebookShareUrl, fileMatchesAccept, formatAddress, formatCategoryLabel, formatConversationPhone, formatConversationTime, formatCurrency, formatDuration, formatFileSize, formatIsoDate, formatIsoDateTime, formatMessageTime, formatPhone, formatPhoneDisplay, formatShortDate, formatTime, formatVideoDuration, getEligibleIds, getEligibleOptions, getErrorMessage, getInitials, gmailShareUrl, groupMessagesByDay, humanReadableMessage, iconPath, insideEditorBlock, integrationPlainText, integrationsForApp, integrationsOnlyFor, isBlockDrag, isValidEmailAddress, isWebUrl, isoKey, issueToErrors, linkedInShareUrl, maxLengthIssue, mergeDescribedBy, normalizeHexColor, outlookShareUrl, parseBizHours, parseIso, parseTime, passwordMeetsRules, periodGroup, pluralize, provideForgerouteToast, reorderItems, requiredIssue, resolveLayoutGap, resolvePreset, serializeBizHours, serializedTextLength, setupIntegrations, splitIntro, todayInTimezone, truncateConversationText, xShareUrl };
 
 //# sourceMappingURL=forgeroute-ui.mjs.map