gsintegrations 0.0.487 → 0.0.489

package/dist/bundle.cjs.js

@@ -58393,6 +58393,14 @@ const LIST_CARD_CONTENT_ROOT_SX = {
 };
 /** Scroll clearance above FAB / fixed bottom actions on list pages. */
 const LIST_CONTENT_BOTTOM_PADDING = { xs: 11, sm: 10 };
+/** Fixed create button, clear of the home indicator. Hidden from `sm` up. */
+const LIST_FAB_BOTTOM = "calc(16px + env(safe-area-inset-bottom, 0px))";
+const LIST_FAB_POSITION_SX = {
+    position: "fixed",
+    display: { xs: "flex", sm: "none" },
+    bottom: { xs: LIST_FAB_BOTTOM, sm: 24 },
+    right: { xs: 16, sm: 24 },
+};
 /** Vertical gap between form fields / sections. */
 const SECTION_GAP = { xs: 2, sm: 3 };
 /** Grid gap for card grids and form layouts. */
@@ -59304,6 +59312,10 @@ var TrendingUp$1 = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "m16 6 2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"
 }), 'TrendingUp');
 
+var UndoIcon = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
+  d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8"
+}), 'Undo');
+
 var UpgradeIcon = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "M16 18v2H8v-2zM11 7.99V16h2V7.99h3L12 4 8 7.99z"
 }), 'Upgrade');
@@ -90533,6 +90545,145 @@ const AttendanceCheckinCta = ({ contextLabel, isSubmitting = false, onOpen, }) =
 };
 var AttendanceCheckinCta$1 = React$1.memo(AttendanceCheckinCta);
 
+const DATE_ONLY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+const UTC_MIDNIGHT_ISO_PATTERN = /^(\d{4}-\d{2}-\d{2})T00:00:00(?:\.\d{1,3})?Z$/;
+const isDateOnlyString = (value) => typeof value === "string" && DATE_ONLY_PATTERN.test(value);
+const parseDateOnlyToLocalDate = (dateOnly) => {
+    if (!isDateOnlyString(dateOnly)) {
+        throw new Error(`Invalid date-only value: "${dateOnly}". Expected format YYYY-MM-DD`);
+    }
+    const [year, month, day] = dateOnly.split("-").map(Number);
+    return new Date(year, month - 1, day);
+};
+const parseUtcMidnightIsoToLocalDate = (value) => {
+    const match = value.match(UTC_MIDNIGHT_ISO_PATTERN);
+    if (!match) {
+        return null;
+    }
+    return parseDateOnlyToLocalDate(match[1]);
+};
+const normalizeDateInputToLocalDate = (value) => {
+    if (value instanceof Date) {
+        return value;
+    }
+    if (isDateOnlyString(value)) {
+        return parseDateOnlyToLocalDate(value);
+    }
+    const parsedUtcMidnight = parseUtcMidnightIsoToLocalDate(value);
+    if (parsedUtcMidnight) {
+        return parsedUtcMidnight;
+    }
+    const parsed = new Date(value);
+    return parsed;
+};
+const toValidDateOrNull = (value) => {
+    if (!value) {
+        return null;
+    }
+    const parsed = normalizeDateInputToLocalDate(value);
+    return Number.isNaN(parsed.getTime()) ? null : parsed;
+};
+const formatDateInputToDateOnly = (value) => {
+    if (typeof value === "string" && isDateOnlyString(value)) {
+        return value;
+    }
+    const date = normalizeDateInputToLocalDate(value);
+    if (Number.isNaN(date.getTime())) {
+        throw new Error(`Invalid date input: "${value}"`);
+    }
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    return `${year}-${month}-${day}`;
+};
+const formatDateForDisplay = (value, locale = "pt-BR", options = {
+    day: "2-digit",
+    month: "long",
+    year: "numeric",
+}) => {
+    const date = value instanceof Date
+        ? value
+        : normalizeDateInputToLocalDate(value);
+    if (isNaN(date.getTime())) {
+        return String(value);
+    }
+    return date.toLocaleDateString(locale, options);
+};
+
+const compactListDateParts = (value) => {
+    const date = toValidDateOrNull(value);
+    if (!date)
+        return null;
+    const month = date
+        .toLocaleDateString("pt-BR", { month: "short" })
+        .replace(".", "");
+    return {
+        day: String(date.getDate()).padStart(2, "0"),
+        month,
+    };
+};
+const CompactListDateBlock = ({ day, month, }) => (React$1.createElement(Box$1, { "aria-hidden": true, sx: {
+        width: 44,
+        flexShrink: 0,
+        textAlign: "center",
+        lineHeight: 1.1,
+    } },
+    React$1.createElement(Typography$1, { component: "span", sx: { display: "block", fontWeight: 700, fontSize: "1rem" } }, day),
+    React$1.createElement(Typography$1, { component: "span", sx: {
+            display: "block",
+            fontSize: "0.7rem",
+            textTransform: "lowercase",
+            color: "text.secondary",
+        } }, month)));
+const CompactListRow = ({ title, meta, leading, trailing, onClick, isLast = false, ariaLabel, testId, }) => {
+    const interactive = Boolean(onClick);
+    return (React$1.createElement(Box$1, { "data-testid": testId, role: interactive ? "button" : undefined, tabIndex: interactive ? 0 : undefined, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (interactive ? title : undefined), onClick: onClick, onKeyDown: (event) => {
+            if (!onClick)
+                return;
+            if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                onClick();
+            }
+        }, sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: 1.5,
+            width: "100%",
+            textAlign: "left",
+            py: 1.25,
+            px: 1.5,
+            minHeight: 64,
+            cursor: interactive ? "pointer" : "default",
+            border: 0,
+            borderBottom: isLast ? "none" : 1,
+            borderColor: "divider",
+            bgcolor: "transparent",
+            "&:focus-visible": {
+                outline: (theme) => `2px solid ${theme.palette.primary.main}`,
+                outlineOffset: -2,
+            },
+        } },
+        leading,
+        React$1.createElement(Box$1, { sx: { flex: 1, minWidth: 0 } },
+            React$1.createElement(Typography$1, { component: "span", title: title, sx: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    fontWeight: 600,
+                    fontSize: "0.95rem",
+                    lineHeight: 1.3,
+                } }, title),
+            meta ? (React$1.createElement(Typography$1, { component: "span", variant: "body2", color: "text.secondary", sx: {
+                    display: "block",
+                    mt: 0.25,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                } }, meta)) : null),
+        trailing ? (React$1.createElement(Box$1, { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), sx: { flexShrink: 0, display: "flex", alignItems: "center" } }, trailing)) : null));
+};
+
 /**
  * @module constants
  * @summary Useful constants
@@ -116412,6 +116563,210 @@ const FinanceMetricCard$1 = React$1.memo(({ title, value, month, year, periodLab
 });
 FinanceMetricCard$1.displayName = "FinanceMetricCard";
 
+const GenericDrawer = ({ open, onClose, onOpen, anchor = "bottom", zIndex, fullHeight = false, disableEnforceFocus = false, "aria-label": ariaLabel, children, }) => {
+    const theme = useTheme$1();
+    const isVerticalAnchor = anchor === "bottom" || anchor === "top";
+    const isSideAnchor = anchor === "left" || anchor === "right";
+    const showHandle = anchor === "bottom";
+    const verticalMaxHeight = fullHeight ? "100dvh" : "70dvh";
+    return (React$1.createElement(SwipeableDrawer$1, { anchor: anchor, open: open, onClose: onClose, onOpen: onOpen !== null && onOpen !== void 0 ? onOpen : (() => {
+            /* no-op */
+        }), disableEnforceFocus: disableEnforceFocus, "aria-label": ariaLabel, PaperProps: {
+            role: ariaLabel ? "dialog" : undefined,
+            "aria-label": ariaLabel,
+            "aria-modal": ariaLabel ? true : undefined,
+            sx: Object.assign(Object.assign({ display: "flex", flexDirection: "column", borderRadius: drawerSheetRadius(anchor, theme), backgroundColor: theme.palette.mode === "dark"
+                    ? "rgba(0,0,0,0.95)"
+                    : "rgba(255,255,255,0.95)", backdropFilter: "blur(20px)", border: `1px solid ${theme.palette.divider}`, width: "100%", maxWidth: `${theme.breakpoints.values.md}px`, marginX: "auto", left: isVerticalAnchor ? 0 : undefined, right: isVerticalAnchor ? 0 : undefined }, (isVerticalAnchor
+                ? Object.assign({ maxHeight: verticalMaxHeight }, (fullHeight ? { height: "100dvh" } : {})) : { maxHeight: "100dvh" })), (isSideAnchor
+                ? {
+                    top: 0,
+                    bottom: 0,
+                    ["@media (min-width:600px)"]: {
+                        top: 0,
+                        bottom: 0,
+                        height: "min(90dvh, 900px)",
+                        marginY: "auto",
+                    },
+                }
+                : {})),
+        }, sx: Object.assign({}, (zIndex !== undefined ? { zIndex } : {})) },
+        showHandle && (React$1.createElement(Box$1, { component: "button", type: "button", "aria-label": "Fechar", "data-testid": "generic-drawer-handle", onClick: onClose, sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                flexShrink: 0,
+                width: "100%",
+                minHeight: 44,
+                pt: 1,
+                pb: 0.5,
+                px: 2,
+                border: "none",
+                background: "transparent",
+                cursor: "pointer",
+                WebkitTapHighlightColor: "transparent",
+                "&:focus-visible": {
+                    outline: `2px solid ${theme.palette.primary.main}`,
+                    outlineOffset: -2,
+                },
+            } },
+            React$1.createElement(Box$1, { "aria-hidden": true, sx: {
+                    width: 36,
+                    height: 4,
+                    borderRadius: RADIUS.pill,
+                    bgcolor: alpha(theme.palette.text.primary, 0.28),
+                } }))),
+        children));
+};
+
+const COMPETENCE_MONTH_REGEX = /^(\d{4})-(0[1-9]|1[0-2])$/;
+const isValidCompetenceMonth = (value) => typeof value === "string" && COMPETENCE_MONTH_REGEX.test(value);
+const parseCompetenceMonth = (value) => {
+    if (!isValidCompetenceMonth(value)) {
+        return null;
+    }
+    const [yearText, monthText] = value.split("-");
+    const year = Number(yearText);
+    const month = Number(monthText);
+    return new Date(year, month - 1, 1);
+};
+const toCompetenceMonth = (date) => {
+    if (!date || Number.isNaN(date.getTime())) {
+        return "";
+    }
+    const year = date.getFullYear();
+    const month = `${date.getMonth() + 1}`.padStart(2, "0");
+    return `${year}-${month}`;
+};
+const formatCompetenceMonthPtBr = (value, options) => {
+    var _a, _b;
+    if (!value)
+        return "-";
+    const date = parseCompetenceMonth(value);
+    if (!date)
+        return value;
+    const monthFormat = (_a = options === null || options === void 0 ? void 0 : options.monthFormat) !== null && _a !== void 0 ? _a : "long";
+    const capitalize = (_b = options === null || options === void 0 ? void 0 : options.capitalize) !== null && _b !== void 0 ? _b : true;
+    const formatted = date.toLocaleDateString("pt-BR", {
+        month: monthFormat,
+        year: "numeric",
+    });
+    if (!capitalize || formatted.length === 0) {
+        return formatted;
+    }
+    return formatted.charAt(0).toUpperCase() + formatted.slice(1);
+};
+
+const useLabeledMonthPicker = (props) => {
+    const { value, onChange, minMonth, maxMonth, disabled } = props;
+    const parsedValue = React$1.useMemo(() => parseCompetenceMonth(value), [value]);
+    const parsedMinMonth = React$1.useMemo(() => parseCompetenceMonth(minMonth), [minMonth]);
+    const parsedMaxMonth = React$1.useMemo(() => parseCompetenceMonth(maxMonth), [maxMonth]);
+    const isOutOfRange = React$1.useMemo(() => {
+        if (!parsedValue)
+            return false;
+        if (parsedMinMonth && parsedValue < parsedMinMonth)
+            return true;
+        if (parsedMaxMonth && parsedValue > parsedMaxMonth)
+            return true;
+        return false;
+    }, [parsedValue, parsedMinMonth, parsedMaxMonth]);
+    const hasInvalidValue = React$1.useMemo(() => value.length > 0 && !isValidCompetenceMonth(value), [value]);
+    const handleMonthChange = React$1.useCallback((nextDate) => {
+        if (disabled)
+            return;
+        onChange(toCompetenceMonth(nextDate));
+    }, [disabled, onChange]);
+    const data = React$1.useMemo(() => ({
+        parsedValue,
+        parsedMinMonth,
+        parsedMaxMonth,
+        isOutOfRange,
+        hasInvalidValue,
+    }), [
+        parsedValue,
+        parsedMinMonth,
+        parsedMaxMonth,
+        isOutOfRange,
+        hasInvalidValue,
+    ]);
+    const fns = React$1.useMemo(() => ({
+        handleMonthChange,
+    }), [handleMonthChange]);
+    return { data, fns };
+};
+
+const LabeledMonthPicker = (props) => {
+    var _a, _b;
+    const { label, error, helperText, disabled, required, "data-testid": dataTestId, } = props;
+    const { data, fns } = useLabeledMonthPicker(props);
+    return (React$1.createElement(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: ptBR },
+        React$1.createElement(Box$1, null,
+            React$1.createElement(DatePicker, { value: data.parsedValue, onChange: fns.handleMonthChange, views: ["year", "month"], openTo: "month", minDate: (_a = data.parsedMinMonth) !== null && _a !== void 0 ? _a : undefined, maxDate: (_b = data.parsedMaxMonth) !== null && _b !== void 0 ? _b : undefined, disabled: disabled, format: "MMMM 'de' yyyy", slotProps: {
+                    textField: {
+                        label,
+                        required,
+                        fullWidth: true,
+                        error: !!error || data.isOutOfRange || data.hasInvalidValue,
+                        helperText: error ||
+                            (data.hasInvalidValue
+                                ? "Mês de referência inválido."
+                                : data.isOutOfRange
+                                    ? "Mês de referência fora do intervalo permitido"
+                                    : helperText),
+                        InputProps: {
+                            readOnly: true,
+                        },
+                        InputLabelProps: {
+                            shrink: true,
+                        },
+                        inputProps: {
+                            "data-testid": dataTestId,
+                        },
+                    },
+                } }))));
+};
+
+const LabeledMonthPickerPropsSchema = objectType({
+    label: stringType(),
+    value: stringType(),
+    onChange: functionType(tupleType([stringType()]), voidType()),
+    error: stringType().optional(),
+    helperText: stringType().optional(),
+    disabled: booleanType().optional(),
+    required: booleanType().optional(),
+    minMonth: stringType().optional(),
+    maxMonth: stringType().optional(),
+    "data-testid": stringType().optional(),
+});
+
+const FinanceMobilePeriodBar = ({ periodLabel, amountLabel, periodInputValue, periodInputMin, periodInputMax, onPeriodInputChange, onResetToCurrentPeriod, testIdPrefix, }) => {
+    const [open, setOpen] = React$1.useState(false);
+    const summary = `${periodLabel || "-"} · ${amountLabel}`;
+    return (React$1.createElement(React$1.Fragment, null,
+        React$1.createElement(Button$1, { fullWidth: true, variant: "text", color: "inherit", onClick: () => setOpen(true), "aria-label": `Alterar competência, ${summary}`, "data-testid": `${testIdPrefix}-period-summary`, sx: {
+                justifyContent: "flex-start",
+                minHeight: 44,
+                px: 1.5,
+                py: 1,
+                mb: 1,
+                textTransform: "none",
+                bgcolor: "background.paper",
+                border: 1,
+                borderColor: "divider",
+                borderRadius: 1,
+            } },
+            React$1.createElement(Typography$1, { component: "span", fontWeight: 600, noWrap: true }, summary)),
+        React$1.createElement(GenericDrawer, { anchor: "bottom", open: open, onClose: () => setOpen(false), "aria-label": "Compet\u00EAncia" },
+            React$1.createElement(Stack$1, { spacing: 2, sx: { px: 2, pt: 1, pb: 3 } },
+                React$1.createElement(Typography$1, { fontWeight: 700 }, "Compet\u00EAncia"),
+                React$1.createElement(LabeledMonthPicker, { label: "Selecionar m\u00EAs", value: periodInputValue || "", onChange: (value) => onPeriodInputChange === null || onPeriodInputChange === void 0 ? void 0 : onPeriodInputChange(value), minMonth: periodInputMin || "2000-01", maxMonth: periodInputMax || "2100-12", "data-testid": `${testIdPrefix}-period-input` }),
+                React$1.createElement(Button$1, { variant: "text", onClick: () => {
+                        onResetToCurrentPeriod === null || onResetToCurrentPeriod === void 0 ? void 0 : onResetToCurrentPeriod();
+                        setOpen(false);
+                    }, "data-testid": `${testIdPrefix}-period-current-month-button`, sx: { alignSelf: "flex-start", minHeight: 44 } }, "M\u00EAs atual")))));
+};
+
 const DEFAULT_MIN = 0;
 const DEFAULT_MAX = 120;
 const formatMinuteValue = (value, fallbackValue) => String(value !== null && value !== void 0 ? value : fallbackValue);
@@ -116494,20 +116849,35 @@ const InfoSectionCard = ({ icon, title, count, action, children, }) => (React$1.
 
 const PageHeaderStatusTabs = ({ tabs, selectedTab, onTabChange, }) => {
     const theme = useTheme$1();
-    return (React$1.createElement(Stack$1, { component: "div", role: "tablist", direction: "row", useFlexGap: true, flexWrap: "wrap", spacing: 0.75, sx: { width: "100%" } }, tabs.map((tab) => {
+    const selectedRef = React$1.useRef(null);
+    React$1.useEffect(() => {
+        var _a, _b;
+        (_b = (_a = selectedRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            inline: "nearest",
+            block: "nearest",
+        });
+    }, [selectedTab]);
+    return (React$1.createElement(Box$1, { role: "tablist", sx: {
+            display: "flex",
+            flexWrap: "nowrap",
+            gap: 0.75,
+            width: "100%",
+            overflowX: "auto",
+            WebkitOverflowScrolling: "touch",
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": { display: "none" },
+        } }, tabs.map((tab) => {
         const isSelected = selectedTab === tab.value;
-        return (React$1.createElement(Chip$1, { key: tab.value, component: "button", type: "button", role: "tab", "aria-selected": isSelected, tabIndex: isSelected ? 0 : -1, "data-testid": tab.testId, label: tab.label, onClick: () => onTabChange(tab.value), color: isSelected ? "primary" : "default", variant: isSelected ? "filled" : "outlined", sx: Object.assign({ height: "auto", minHeight: { xs: 32, sm: 36 }, borderRadius: RADIUS.default, fontWeight: isSelected ? 600 : 500, fontSize: { xs: "0.8rem", sm: "0.875rem" }, px: { xs: 0.25, sm: 0.5 }, py: 0.25, maxWidth: "100%", "& .MuiChip-label": {
-                    whiteSpace: "normal",
-                    textAlign: "center",
-                    lineHeight: 1.3,
-                    px: { xs: 1, sm: 1.25 },
-                    py: 0.5,
-                } }, (isSelected
-                ? {}
-                : {
-                    borderColor: theme.palette.divider,
-                    backgroundColor: theme.palette.background.paper,
-                })) }));
+        return (React$1.createElement(Box$1, { key: tab.value, ref: isSelected ? selectedRef : undefined, sx: { flexShrink: 0 } },
+            React$1.createElement(Chip$1, { component: "button", type: "button", role: "tab", "aria-selected": isSelected, tabIndex: isSelected ? 0 : -1, "data-testid": tab.testId, label: tab.label, onClick: () => onTabChange(tab.value), color: isSelected ? "primary" : "default", variant: isSelected ? "filled" : "outlined", sx: Object.assign({ height: 44, minHeight: 44, borderRadius: RADIUS.default, fontWeight: isSelected ? 600 : 500, fontSize: { xs: "0.8rem", sm: "0.875rem" }, "& .MuiChip-label": {
+                        whiteSpace: "nowrap",
+                        px: 1.25,
+                    } }, (isSelected
+                    ? {}
+                    : {
+                        borderColor: theme.palette.divider,
+                        backgroundColor: theme.palette.background.paper,
+                    })) })));
     })));
 };
 const PageHeader$2 = ({ title, onBack, onAdd, addLabel = "Adicionar", showAddButton = true, hideAddButtonOnMobile = false, tabs, selectedTab, onTabChange, startAdornment, endAction, }) => {
@@ -117682,62 +118052,6 @@ const overlayZIndex = {
     nestedMenu: (theme) => theme.zIndex.modal + 3,
 };
 
-const GenericDrawer = ({ open, onClose, onOpen, anchor = "bottom", zIndex, fullHeight = false, disableEnforceFocus = false, "aria-label": ariaLabel, children, }) => {
-    const theme = useTheme$1();
-    const isVerticalAnchor = anchor === "bottom" || anchor === "top";
-    const isSideAnchor = anchor === "left" || anchor === "right";
-    const showHandle = anchor === "bottom";
-    const verticalMaxHeight = fullHeight ? "100dvh" : "70dvh";
-    return (React$1.createElement(SwipeableDrawer$1, { anchor: anchor, open: open, onClose: onClose, onOpen: onOpen !== null && onOpen !== void 0 ? onOpen : (() => {
-            /* no-op */
-        }), disableEnforceFocus: disableEnforceFocus, "aria-label": ariaLabel, PaperProps: {
-            role: ariaLabel ? "dialog" : undefined,
-            "aria-label": ariaLabel,
-            "aria-modal": ariaLabel ? true : undefined,
-            sx: Object.assign(Object.assign({ display: "flex", flexDirection: "column", borderRadius: drawerSheetRadius(anchor, theme), backgroundColor: theme.palette.mode === "dark"
-                    ? "rgba(0,0,0,0.95)"
-                    : "rgba(255,255,255,0.95)", backdropFilter: "blur(20px)", border: `1px solid ${theme.palette.divider}`, width: "100%", maxWidth: `${theme.breakpoints.values.md}px`, marginX: "auto", left: isVerticalAnchor ? 0 : undefined, right: isVerticalAnchor ? 0 : undefined }, (isVerticalAnchor
-                ? Object.assign({ maxHeight: verticalMaxHeight }, (fullHeight ? { height: "100dvh" } : {})) : { maxHeight: "100dvh" })), (isSideAnchor
-                ? {
-                    top: 0,
-                    bottom: 0,
-                    ["@media (min-width:600px)"]: {
-                        top: 0,
-                        bottom: 0,
-                        height: "min(90dvh, 900px)",
-                        marginY: "auto",
-                    },
-                }
-                : {})),
-        }, sx: Object.assign({}, (zIndex !== undefined ? { zIndex } : {})) },
-        showHandle && (React$1.createElement(Box$1, { component: "button", type: "button", "aria-label": "Fechar", "data-testid": "generic-drawer-handle", onClick: onClose, sx: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                flexShrink: 0,
-                width: "100%",
-                minHeight: 44,
-                pt: 1,
-                pb: 0.5,
-                px: 2,
-                border: "none",
-                background: "transparent",
-                cursor: "pointer",
-                WebkitTapHighlightColor: "transparent",
-                "&:focus-visible": {
-                    outline: `2px solid ${theme.palette.primary.main}`,
-                    outlineOffset: -2,
-                },
-            } },
-            React$1.createElement(Box$1, { "aria-hidden": true, sx: {
-                    width: 36,
-                    height: 4,
-                    borderRadius: RADIUS.pill,
-                    bgcolor: alpha(theme.palette.text.primary, 0.28),
-                } }))),
-        children));
-};
-
 const cloneFilters = (value) => {
     return JSON.parse(JSON.stringify(value));
 };
@@ -117966,127 +118280,6 @@ const LabeledBrazilianStateSelect = (props) => {
         React$1.createElement(FormHelperText$1, null, error || helperText)));
 };
 
-const COMPETENCE_MONTH_REGEX = /^(\d{4})-(0[1-9]|1[0-2])$/;
-const isValidCompetenceMonth = (value) => typeof value === "string" && COMPETENCE_MONTH_REGEX.test(value);
-const parseCompetenceMonth = (value) => {
-    if (!isValidCompetenceMonth(value)) {
-        return null;
-    }
-    const [yearText, monthText] = value.split("-");
-    const year = Number(yearText);
-    const month = Number(monthText);
-    return new Date(year, month - 1, 1);
-};
-const toCompetenceMonth = (date) => {
-    if (!date || Number.isNaN(date.getTime())) {
-        return "";
-    }
-    const year = date.getFullYear();
-    const month = `${date.getMonth() + 1}`.padStart(2, "0");
-    return `${year}-${month}`;
-};
-const formatCompetenceMonthPtBr = (value, options) => {
-    var _a, _b;
-    if (!value)
-        return "-";
-    const date = parseCompetenceMonth(value);
-    if (!date)
-        return value;
-    const monthFormat = (_a = options === null || options === void 0 ? void 0 : options.monthFormat) !== null && _a !== void 0 ? _a : "long";
-    const capitalize = (_b = options === null || options === void 0 ? void 0 : options.capitalize) !== null && _b !== void 0 ? _b : true;
-    const formatted = date.toLocaleDateString("pt-BR", {
-        month: monthFormat,
-        year: "numeric",
-    });
-    if (!capitalize || formatted.length === 0) {
-        return formatted;
-    }
-    return formatted.charAt(0).toUpperCase() + formatted.slice(1);
-};
-
-const useLabeledMonthPicker = (props) => {
-    const { value, onChange, minMonth, maxMonth, disabled } = props;
-    const parsedValue = React$1.useMemo(() => parseCompetenceMonth(value), [value]);
-    const parsedMinMonth = React$1.useMemo(() => parseCompetenceMonth(minMonth), [minMonth]);
-    const parsedMaxMonth = React$1.useMemo(() => parseCompetenceMonth(maxMonth), [maxMonth]);
-    const isOutOfRange = React$1.useMemo(() => {
-        if (!parsedValue)
-            return false;
-        if (parsedMinMonth && parsedValue < parsedMinMonth)
-            return true;
-        if (parsedMaxMonth && parsedValue > parsedMaxMonth)
-            return true;
-        return false;
-    }, [parsedValue, parsedMinMonth, parsedMaxMonth]);
-    const hasInvalidValue = React$1.useMemo(() => value.length > 0 && !isValidCompetenceMonth(value), [value]);
-    const handleMonthChange = React$1.useCallback((nextDate) => {
-        if (disabled)
-            return;
-        onChange(toCompetenceMonth(nextDate));
-    }, [disabled, onChange]);
-    const data = React$1.useMemo(() => ({
-        parsedValue,
-        parsedMinMonth,
-        parsedMaxMonth,
-        isOutOfRange,
-        hasInvalidValue,
-    }), [
-        parsedValue,
-        parsedMinMonth,
-        parsedMaxMonth,
-        isOutOfRange,
-        hasInvalidValue,
-    ]);
-    const fns = React$1.useMemo(() => ({
-        handleMonthChange,
-    }), [handleMonthChange]);
-    return { data, fns };
-};
-
-const LabeledMonthPicker = (props) => {
-    var _a, _b;
-    const { label, error, helperText, disabled, required, "data-testid": dataTestId, } = props;
-    const { data, fns } = useLabeledMonthPicker(props);
-    return (React$1.createElement(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: ptBR },
-        React$1.createElement(Box$1, null,
-            React$1.createElement(DatePicker, { value: data.parsedValue, onChange: fns.handleMonthChange, views: ["year", "month"], openTo: "month", minDate: (_a = data.parsedMinMonth) !== null && _a !== void 0 ? _a : undefined, maxDate: (_b = data.parsedMaxMonth) !== null && _b !== void 0 ? _b : undefined, disabled: disabled, format: "MMMM 'de' yyyy", slotProps: {
-                    textField: {
-                        label,
-                        required,
-                        fullWidth: true,
-                        error: !!error || data.isOutOfRange || data.hasInvalidValue,
-                        helperText: error ||
-                            (data.hasInvalidValue
-                                ? "Mês de referência inválido."
-                                : data.isOutOfRange
-                                    ? "Mês de referência fora do intervalo permitido"
-                                    : helperText),
-                        InputProps: {
-                            readOnly: true,
-                        },
-                        InputLabelProps: {
-                            shrink: true,
-                        },
-                        inputProps: {
-                            "data-testid": dataTestId,
-                        },
-                    },
-                } }))));
-};
-
-const LabeledMonthPickerPropsSchema = objectType({
-    label: stringType(),
-    value: stringType(),
-    onChange: functionType(tupleType([stringType()]), voidType()),
-    error: stringType().optional(),
-    helperText: stringType().optional(),
-    disabled: booleanType().optional(),
-    required: booleanType().optional(),
-    minMonth: stringType().optional(),
-    maxMonth: stringType().optional(),
-    "data-testid": stringType().optional(),
-});
-
 const LabeledFieldHeaderPropsSchema = objectType({
     label: stringType(),
     required: booleanType().optional(),
@@ -129829,71 +130022,6 @@ const QuestionAnswersSheet = ({ open, answers = [], answerCount, isLoading = fal
             onSubmitAnswer ? (React$1.createElement(SocialMessageComposer, { variant: "drawer", value: draft, onChange: setDraft, onSend: (message) => void handleSend(message), placeholder: "Escreva uma resposta\u2026", disabled: composerDisabled, isSending: isSubmitting })) : null)));
 };
 
-const DATE_ONLY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
-const UTC_MIDNIGHT_ISO_PATTERN = /^(\d{4}-\d{2}-\d{2})T00:00:00(?:\.\d{1,3})?Z$/;
-const isDateOnlyString = (value) => typeof value === "string" && DATE_ONLY_PATTERN.test(value);
-const parseDateOnlyToLocalDate = (dateOnly) => {
-    if (!isDateOnlyString(dateOnly)) {
-        throw new Error(`Invalid date-only value: "${dateOnly}". Expected format YYYY-MM-DD`);
-    }
-    const [year, month, day] = dateOnly.split("-").map(Number);
-    return new Date(year, month - 1, day);
-};
-const parseUtcMidnightIsoToLocalDate = (value) => {
-    const match = value.match(UTC_MIDNIGHT_ISO_PATTERN);
-    if (!match) {
-        return null;
-    }
-    return parseDateOnlyToLocalDate(match[1]);
-};
-const normalizeDateInputToLocalDate = (value) => {
-    if (value instanceof Date) {
-        return value;
-    }
-    if (isDateOnlyString(value)) {
-        return parseDateOnlyToLocalDate(value);
-    }
-    const parsedUtcMidnight = parseUtcMidnightIsoToLocalDate(value);
-    if (parsedUtcMidnight) {
-        return parsedUtcMidnight;
-    }
-    const parsed = new Date(value);
-    return parsed;
-};
-const toValidDateOrNull = (value) => {
-    if (!value) {
-        return null;
-    }
-    const parsed = normalizeDateInputToLocalDate(value);
-    return Number.isNaN(parsed.getTime()) ? null : parsed;
-};
-const formatDateInputToDateOnly = (value) => {
-    if (typeof value === "string" && isDateOnlyString(value)) {
-        return value;
-    }
-    const date = normalizeDateInputToLocalDate(value);
-    if (Number.isNaN(date.getTime())) {
-        throw new Error(`Invalid date input: "${value}"`);
-    }
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-    return `${year}-${month}-${day}`;
-};
-const formatDateForDisplay = (value, locale = "pt-BR", options = {
-    day: "2-digit",
-    month: "long",
-    year: "numeric",
-}) => {
-    const date = value instanceof Date
-        ? value
-        : normalizeDateInputToLocalDate(value);
-    if (isNaN(date.getTime())) {
-        return String(value);
-    }
-    return date.toLocaleDateString(locale, options);
-};
-
 const AVATAR_SIZE$1 = 84;
 const overlayIconSx = {
     color: "common.white",
@@ -135124,9 +135252,30 @@ const ActivityCard = ({ activity, isLast, isPersonalProfile = false, onSelect, o
                     return (React$1.createElement(Avatar$1, { key: idx, src: (_a = item.imageUrl) !== null && _a !== void 0 ? _a : undefined, alt: item.name }, ((_c = (_b = item.name) === null || _b === void 0 ? void 0 : _b.charAt(0)) !== null && _c !== void 0 ? _c : "").toUpperCase()));
                 })))))));
 };
+const ActivityCompactRow = ({ activity, isLast, isPersonalProfile = false, onSelect, onEdit }) => {
+    var _a;
+    const occurrence = (_a = activity.occurrences) === null || _a === void 0 ? void 0 : _a[0];
+    const dateParts = compactListDateParts(occurrence === null || occurrence === void 0 ? void 0 : occurrence.date);
+    const dateTime = formatActivityDateTime(activity);
+    const configuredCheckinWindow = getConfiguredCheckinWindow$1(activity);
+    const meta = [
+        dateTime.time,
+        configuredCheckinWindow && !isPersonalProfile
+            ? `Check-in ${configuredCheckinWindow}`
+            : null,
+        activity.members && activity.members.count > 0
+            ? `${activity.members.count} médiuns`
+            : null,
+    ]
+        .filter(Boolean)
+        .join(" · ");
+    return (React$1.createElement(CompactListRow, { title: activity.title, meta: meta, isLast: isLast, onClick: () => onSelect(activity.id), leading: dateParts ? (React$1.createElement(CompactListDateBlock, { day: dateParts.day, month: dateParts.month })) : (React$1.createElement(CalendarToday, { fontSize: "small", color: "action" })), trailing: onEdit ? (React$1.createElement(IconButton$1, { "aria-label": `Editar ${activity.title}`, onClick: () => onEdit(activity.id), sx: { width: 44, height: 44 } },
+            React$1.createElement(ArrowForwardIos, { sx: { width: 16 } }))) : undefined }));
+};
 const ActivityListPage = (props) => {
     var _a;
     const theme = useTheme$1();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const { data, fns } = useActivityListPage(props);
     const canCreate = props.canCreate || props.isAdmin;
     const periodInputValue = (_a = props.periodInputValue) !== null && _a !== void 0 ? _a : `${new Date().getFullYear()}-${String(new Date().getMonth() + 1).padStart(2, "0")}`;
@@ -135175,7 +135324,9 @@ const ActivityListPage = (props) => {
             backgroundColor: theme.palette.background.default,
             position: "relative",
         } },
-        React$1.createElement(PageHeader$2, { title: "Atividades", onBack: fns.handleClose, onAdd: fns.handleActivityAdd, addLabel: "Adicionar", showAddButton: canCreate, tabs: tabs.map((status) => ({
+        React$1.createElement(PageHeader$2, { title: "Atividades", onBack: fns.handleClose, onAdd: fns.handleActivityAdd, addLabel: "Adicionar", showAddButton: canCreate, hideAddButtonOnMobile: true, endAction: props.canExportParticipationReport &&
+                props.onExportParticipationReport ? (React$1.createElement(IconButton$1, { "aria-label": "Exportar Participa\u00E7\u00E3o", onClick: props.onExportParticipationReport, disabled: props.isExportingParticipationReport, "data-testid": "activities-export-participation-icon", sx: { display: { xs: "inline-flex", sm: "none" }, width: 44, height: 44 } },
+                React$1.createElement(Download, null))) : undefined, tabs: tabs.map((status) => ({
                 value: status,
                 label: data.getStatusLabel(status),
             })), selectedTab: safeSelectedTab, onTabChange: (value) => fns.handleTabChange(value) }),
@@ -135191,7 +135342,7 @@ const ActivityListPage = (props) => {
                 React$1.createElement(Box$1, { sx: { width: { xs: "100%", sm: 260 } } },
                     React$1.createElement(LabeledMonthPicker, { label: "Per\u00EDodo", value: periodInputValue, onChange: (nextValue) => { var _a; return (_a = props.onPeriodInputChange) === null || _a === void 0 ? void 0 : _a.call(props, nextValue); }, "data-testid": "activities-period-input" })),
                 props.canExportParticipationReport &&
-                    props.onExportParticipationReport && (React$1.createElement(Button$1, { variant: "outlined", startIcon: React$1.createElement(Download, null), onClick: props.onExportParticipationReport, disabled: props.isExportingParticipationReport, "data-testid": "activities-export-participation-button" }, props.isExportingParticipationReport
+                    props.onExportParticipationReport && (React$1.createElement(Button$1, { variant: "outlined", startIcon: React$1.createElement(Download, null), onClick: props.onExportParticipationReport, disabled: props.isExportingParticipationReport, "data-testid": "activities-export-participation-button", sx: { display: { xs: "none", sm: "inline-flex" } } }, props.isExportingParticipationReport
                     ? "Exportando..."
                     : "Exportar Participação"))),
             React$1.createElement(Box$1, { sx: Object.assign({ flex: 1, pb: LIST_CONTENT_BOTTOM_PADDING }, LIST_CARD_CONTENT_ROOT_SX) }, data.activities.length === 0 ? (React$1.createElement(Box$1, { sx: {
@@ -135208,18 +135359,17 @@ const ActivityListPage = (props) => {
                 canCreate && (React$1.createElement(React$1.Fragment, null,
                     React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { mb: SECTION_GAP } }, "Toque no bot\u00E3o + para criar uma nova atividade"),
                     React$1.createElement(QuotaGuard, { feature: "activities", behavior: "disable" },
-                        React$1.createElement(Button$1, { variant: "contained", startIcon: React$1.createElement(Add$1, null), onClick: fns.handleActivityAdd }, "Criar atividade")))))) : (React$1.createElement(Stack$1, { spacing: LIST_GAP }, data.activities.map((activity, index) => (React$1.createElement(ActivityCard, { key: activity.id, activity: activity, isLast: index === data.activities.length - 1, isPersonalProfile: props.isPersonalProfile, onSelect: fns.handleActivitySelect, onEdit: fns.handleActivityEdit, theme: theme, getStatusLabel: data.getStatusLabel })))))),
+                        React$1.createElement(Button$1, { variant: "contained", startIcon: React$1.createElement(Add$1, null), onClick: fns.handleActivityAdd }, "Criar atividade")))))) : (isMobile ? (React$1.createElement(Box$1, { sx: {
+                    bgcolor: "background.paper",
+                    borderRadius: RADIUS.default,
+                    overflow: "hidden",
+                } }, data.activities.map((activity, index) => (React$1.createElement(ActivityCompactRow, { key: activity.id, activity: activity, isLast: index === data.activities.length - 1, isPersonalProfile: props.isPersonalProfile, onSelect: fns.handleActivitySelect, onEdit: props.onActivityEdit ? fns.handleActivityEdit : undefined }))))) : (React$1.createElement(Stack$1, { spacing: LIST_GAP }, data.activities.map((activity, index) => (React$1.createElement(ActivityCard, { key: activity.id, activity: activity, isLast: index === data.activities.length - 1, isPersonalProfile: props.isPersonalProfile, onSelect: fns.handleActivitySelect, onEdit: fns.handleActivityEdit, theme: theme, getStatusLabel: data.getStatusLabel }))))))),
             React$1.createElement(Menu$2, { anchorEl: filterAnchorEl, open: Boolean(filterAnchorEl), onClose: handleFilterClose },
                 React$1.createElement(MenuItem$1, { onClick: () => handleTemplateFilter(null) }, "Todas as atividades"),
                 React$1.createElement(MenuItem$1, { onClick: () => handleTemplateFilter(true) }, "Apenas modelos"),
                 React$1.createElement(MenuItem$1, { onClick: () => handleTemplateFilter(false) }, "Apenas atividades")),
-            canCreate && !props.hideAddFab && (React$1.createElement(QuotaGuard, { feature: "activities", behavior: "hide" },
-                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar", onClick: fns.handleActivityAdd, sx: {
-                        position: "fixed",
-                        bottom: { xs: 16, sm: 24 },
-                        right: { xs: 16, sm: 24 },
-                        zIndex: theme.zIndex.speedDial,
-                    } },
+            canCreate && !props.hideAddFab && data.activities.length > 0 && (React$1.createElement(QuotaGuard, { feature: "activities", behavior: "hide" },
+                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar", onClick: fns.handleActivityAdd, sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.speedDial }) },
                     React$1.createElement(Add$1, null)))))));
 };
 
@@ -142272,6 +142422,8 @@ const TicketVoucherPage = ({ isLoading, errorMessage, code, eventTitle, terreiro
 
 const EventTicketingManagementPage = ({ eventName, shareUrl, terreiroShareUrl, published = false, publicTitle = "", maxTicketsPerEmail = 2, batches = [], holders = [], isSaving, saveError, checkInMessage, onSave, onExportCsv, onCheckIn, useChat = false, chat, canCheckIn = false, isCheckingIn = false, parseTicketQr, }) => {
     var _a;
+    const theme = useTheme$1();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const [title, setTitle] = React$1.useState(publicTitle);
     const [isPublished, setIsPublished] = React$1.useState(published);
     const [emailLimit, setEmailLimit] = React$1.useState(maxTicketsPerEmail);
@@ -142346,17 +142498,24 @@ const EventTicketingManagementPage = ({ eventName, shareUrl, terreiroShareUrl, p
             React$1.createElement(CardContent$1, null,
                 React$1.createElement(Stack$1, { spacing: 2 },
                     React$1.createElement(Typography$1, { variant: "h6" }, "Check-in na porta"),
-                    React$1.createElement(Stack$1, { direction: "row", spacing: 1 },
+                    React$1.createElement(Stack$1, { direction: isMobile ? "column" : "row", spacing: 1, alignItems: isMobile ? "stretch" : "center" },
                         React$1.createElement(TextField$1, { label: "Codigo do ingresso", value: checkInCode, onChange: (event) => setCheckInCode(event.target.value), inputProps: { "data-testid": "ticketing-checkin-code" } }),
                         React$1.createElement(Button$1, { variant: "contained", onClick: () => onCheckIn === null || onCheckIn === void 0 ? void 0 : onCheckIn(checkInCode), "data-testid": "ticketing-checkin-submit" }, "Validar"),
                         canCheckIn ? (React$1.createElement(Button$1, { variant: "outlined", onClick: () => setIsScannerOpen(true), "data-testid": "ticketing-checkin-scan" }, "Escanear QR")) : null),
                     checkInMessage ? React$1.createElement(Alert$1, { severity: "success" }, checkInMessage) : null))),
         React$1.createElement(Card$1, null,
             React$1.createElement(CardContent$1, null,
-                React$1.createElement(Stack$1, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 2 } },
+                React$1.createElement(Stack$1, { direction: isMobile ? "column" : "row", justifyContent: "space-between", alignItems: isMobile ? "flex-start" : "center", spacing: 1, sx: { mb: 2 } },
                     React$1.createElement(Typography$1, { variant: "h6" }, "Titulares"),
                     React$1.createElement(Button$1, { onClick: onExportCsv, "data-testid": "ticketing-export-csv" }, "Exportar CSV")),
-                React$1.createElement(Table$1, { size: "small" },
+                isMobile ? (React$1.createElement(Stack$1, { divider: React$1.createElement(Box$1, { sx: { borderBottom: 1, borderColor: "divider" } }) }, holders.map((holder) => (React$1.createElement(Box$1, { key: holder.code, sx: { py: 1.25 } },
+                    React$1.createElement(Typography$1, { fontWeight: 600 }, holder.holderName),
+                    React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary" },
+                        holder.status,
+                        holder.holderEmail ? ` · ${holder.holderEmail}` : ""),
+                    React$1.createElement(Typography$1, { variant: "caption", color: "text.secondary" },
+                        holder.code,
+                        holder.batchName ? ` · ${holder.batchName}` : "")))))) : (React$1.createElement(Table$1, { size: "small" },
                     React$1.createElement(TableHead$1, null,
                         React$1.createElement(TableRow$1, null,
                             React$1.createElement(TableCell$1, null, "Codigo"),
@@ -142369,7 +142528,7 @@ const EventTicketingManagementPage = ({ eventName, shareUrl, terreiroShareUrl, p
                         React$1.createElement(TableCell$1, null, holder.holderName),
                         React$1.createElement(TableCell$1, null, holder.holderEmail),
                         React$1.createElement(TableCell$1, null, holder.batchName),
-                        React$1.createElement(TableCell$1, null, holder.status)))))))),
+                        React$1.createElement(TableCell$1, null, holder.status))))))))),
         React$1.createElement(Dialog$1, { open: isScannerOpen, onClose: () => setIsScannerOpen(false), fullWidth: true, maxWidth: "sm" },
             React$1.createElement(DialogTitle$1, null, "Escanear ingresso"),
             React$1.createElement(DialogContent$1, { dividers: true },
@@ -143242,9 +143401,25 @@ const EventCard = ({ event, isLast, onSelect, onEdit, getEventTypeLabel, theme }
                     event.insumos.count,
                     ")"))))));
 };
+const EventCompactRow = ({ event, isLast, onSelect, onEdit, getEventTypeLabel }) => {
+    var _a, _b;
+    const occurrence = (_b = (_a = event.occurrences) === null || _a === void 0 ? void 0 : _a.list) === null || _b === void 0 ? void 0 : _b[0];
+    const dateParts = compactListDateParts(occurrence === null || occurrence === void 0 ? void 0 : occurrence.date);
+    const dateTime = formatEventDateTime(event);
+    const rawTitle = event.title || event.name || "Sem título";
+    const meta = [
+        dateTime.time,
+        event.type ? getEventTypeLabel(event.type) : null,
+    ]
+        .filter(Boolean)
+        .join(" · ");
+    return (React$1.createElement(CompactListRow, { title: rawTitle, meta: meta, isLast: isLast, onClick: () => onSelect(event.id), leading: dateParts ? (React$1.createElement(CompactListDateBlock, { day: dateParts.day, month: dateParts.month })) : (React$1.createElement(CalendarToday, { fontSize: "small", color: "action" })), trailing: onEdit ? (React$1.createElement(IconButton$1, { "aria-label": `Editar ${rawTitle}`, onClick: () => onEdit(event.id), sx: { width: 44, height: 44 } },
+            React$1.createElement(ArrowForwardIos, { sx: { width: 16 } }))) : undefined }));
+};
 const EventsPage = (props) => {
     var _a;
     const theme = useTheme$1();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const { data, fns } = useEventsPage(props);
     const periodInputValue = (_a = props.periodInputValue) !== null && _a !== void 0 ? _a : `${new Date().getFullYear()}-${String(new Date().getMonth() + 1).padStart(2, "0")}`;
     // Memoized tab list for maintainability
@@ -143293,7 +143468,13 @@ const EventsPage = (props) => {
             backgroundColor: theme.palette.background.default,
             position: "relative",
         } },
-        React$1.createElement(PageHeader$2, { title: "Eventos", onBack: fns.handleBack, onAdd: fns.handleAddEvent, addLabel: "Adicionar", showAddButton: props.isAdmin, tabs: tabs.map((status) => ({
+        React$1.createElement(PageHeader$2, { title: "Eventos", onBack: fns.handleBack, onAdd: fns.handleAddEvent, addLabel: "Adicionar", showAddButton: props.isAdmin, hideAddButtonOnMobile: true, endAction: props.canExportParticipationReport &&
+                props.onExportParticipationReport ? (React$1.createElement(IconButton$1, { "aria-label": "Exportar Participa\u00E7\u00E3o", onClick: props.onExportParticipationReport, disabled: props.isExportingParticipationReport, "data-testid": "events-export-participation-icon", sx: {
+                    display: { xs: "inline-flex", sm: "none" },
+                    width: 44,
+                    height: 44,
+                } },
+                React$1.createElement(Download, null))) : undefined, tabs: tabs.map((status) => ({
                 value: status,
                 label: data.getStatusLabel(status),
             })), selectedTab: safeSelectedTab, onTabChange: (value) => fns.handleTabChange(value) }),
@@ -143309,7 +143490,7 @@ const EventsPage = (props) => {
                 React$1.createElement(Box$1, { sx: { width: { xs: "100%", sm: 260 } } },
                     React$1.createElement(LabeledMonthPicker, { label: "Per\u00EDodo", value: periodInputValue, onChange: (nextValue) => { var _a; return (_a = props.onPeriodInputChange) === null || _a === void 0 ? void 0 : _a.call(props, nextValue); }, "data-testid": "events-period-input" })),
                 props.canExportParticipationReport &&
-                    props.onExportParticipationReport && (React$1.createElement(Button$1, { variant: "outlined", startIcon: React$1.createElement(Download, null), onClick: props.onExportParticipationReport, disabled: props.isExportingParticipationReport, "data-testid": "events-export-participation-button" }, props.isExportingParticipationReport
+                    props.onExportParticipationReport && (React$1.createElement(Button$1, { variant: "outlined", startIcon: React$1.createElement(Download, null), onClick: props.onExportParticipationReport, disabled: props.isExportingParticipationReport, "data-testid": "events-export-participation-button", sx: { display: { xs: "none", sm: "inline-flex" } } }, props.isExportingParticipationReport
                     ? "Exportando..."
                     : "Exportar Participação"))),
             React$1.createElement(Box$1, { sx: Object.assign({ flex: 1, pb: LIST_CONTENT_BOTTOM_PADDING }, LIST_CARD_CONTENT_ROOT_SX) }, data.events.length === 0 ? (React$1.createElement(Box$1, { sx: {
@@ -143326,14 +143507,13 @@ const EventsPage = (props) => {
                 props.isAdmin && (React$1.createElement(React$1.Fragment, null,
                     React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { mb: SECTION_GAP } }, "Toque no bot\u00E3o + para criar um novo evento"),
                     React$1.createElement(QuotaGuard, { feature: "events", behavior: "disable" },
-                        React$1.createElement(Button$1, { variant: "contained", startIcon: React$1.createElement(Add$1, null), onClick: fns.handleAddEvent }, "Criar evento")))))) : (React$1.createElement(Stack$1, { spacing: LIST_GAP }, data.events.map((event, index) => (React$1.createElement(EventCard, { key: event.id, event: event, isLast: index === data.events.length - 1, onSelect: fns.handleEventSelect, onEdit: fns.handleEventEdit, getEventTypeLabel: data.getEventTypeLabel, getStatusLabel: data.getStatusLabel, theme: theme })))))),
-            props.isAdmin && !props.hideAddFab && (React$1.createElement(QuotaGuard, { feature: "events", behavior: "hide" },
-                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar evento", onClick: fns.handleAddEvent, sx: {
-                        position: "fixed",
-                        bottom: { xs: 16, sm: 24 },
-                        right: { xs: 16, sm: 24 },
-                        zIndex: theme.zIndex.speedDial,
-                    } },
+                        React$1.createElement(Button$1, { variant: "contained", startIcon: React$1.createElement(Add$1, null), onClick: fns.handleAddEvent }, "Criar evento")))))) : (isMobile ? (React$1.createElement(Box$1, { sx: {
+                    bgcolor: "background.paper",
+                    borderRadius: RADIUS.default,
+                    overflow: "hidden",
+                } }, data.events.map((event, index) => (React$1.createElement(EventCompactRow, { key: event.id, event: event, isLast: index === data.events.length - 1, onSelect: fns.handleEventSelect, onEdit: props.onEventEdit ? fns.handleEventEdit : undefined, getEventTypeLabel: data.getEventTypeLabel }))))) : (React$1.createElement(Stack$1, { spacing: LIST_GAP }, data.events.map((event, index) => (React$1.createElement(EventCard, { key: event.id, event: event, isLast: index === data.events.length - 1, onSelect: fns.handleEventSelect, onEdit: fns.handleEventEdit, getEventTypeLabel: data.getEventTypeLabel, getStatusLabel: data.getStatusLabel, theme: theme }))))))),
+            props.isAdmin && !props.hideAddFab && data.events.length > 0 && (React$1.createElement(QuotaGuard, { feature: "events", behavior: "hide" },
+                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar evento", onClick: fns.handleAddEvent, sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.speedDial }) },
                     React$1.createElement(Add$1, null)))))));
 };
 
@@ -144382,9 +144562,9 @@ const FinancialAccountsList = (props) => {
             minHeight: "100vh",
             backgroundColor: theme.palette.background.default,
             position: "relative",
-            pb: isMobile ? 2 : 0, // Espaço para o FAB no mobile
+            pb: 0,
         } },
-        React$1.createElement(PageHeader$2, { title: "Financeiro", onBack: props.onBack, onAdd: props.onAddAccount, addLabel: "Adicionar", showAddButton: true }),
+        React$1.createElement(PageHeader$2, { title: "Financeiro", onBack: props.onBack, onAdd: props.onAddAccount, addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true }),
         React$1.createElement(Container$1, { maxWidth: "md", sx: PAGE_LIST_CONTAINER_SPACING },
             showPeriodFilter && (React$1.createElement(Stack$1, { direction: { xs: "column", sm: "row" }, spacing: SECTION_GAP, alignItems: { xs: "flex-start", sm: "center" }, justifyContent: "space-between", sx: { pb: LIST_CONTROLS_MARGIN_BOTTOM } },
                 React$1.createElement(Stack$1, { spacing: 0.5 },
@@ -144426,12 +144606,7 @@ const FinancialAccountsList = (props) => {
                     } },
                     isEmpty && (React$1.createElement(EmptyState$2, { onAddAccount: props.onAddAccount, theme: theme })),
                     !isEmpty && accountsList)),
-            isMobile && (React$1.createElement(Fab$1, { "data-testid": "financial-account-fab-add", color: "primary", "aria-label": "Adicionar Conta", onClick: props.onAddAccount, sx: {
-                    position: "fixed",
-                    bottom: 16,
-                    right: 16,
-                    zIndex: theme.zIndex.fab,
-                } },
+            isMobile && !isEmpty && (React$1.createElement(Fab$1, { "data-testid": "financial-account-fab-add", color: "primary", "aria-label": "Adicionar Conta", onClick: props.onAddAccount, sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.fab }) },
                 React$1.createElement(Add$1, null))))));
 };
 var FinancialAccountsList$1 = React$1.memo(FinancialAccountsList);
@@ -146073,11 +146248,11 @@ const IncomeListItem = React$1.memo(function IncomeListItem({ item, idx, isLastI
             React$1.createElement(ListItemSecondaryAction$1, null,
                 React$1.createElement(Stack$1, { spacing: 1, alignItems: "flex-end" },
                     React$1.createElement(Typography$1, { variant: "subtitle1", sx: { fontWeight: 600 } }, formattedAmount),
-                    canConfirmTransactions && item.id && onToggleSettlementStatus ? (React$1.createElement(Button$1, { size: "small", variant: "text", disabled: Boolean(isUpdatingSettlementStatus), onClick: (event) => {
+                    canConfirmTransactions && item.id && onToggleSettlementStatus ? (React$1.createElement(IconButton$1, { "aria-label": settlementActionLabel, disabled: Boolean(isUpdatingSettlementStatus), onClick: (event) => {
                             event.stopPropagation();
                             item.id &&
                                 onToggleSettlementStatus(item.id, nextSettlementStatus);
-                        } }, settlementActionLabel)) : null))),
+                        }, sx: { width: 44, height: 44 } }, settlementStatus === "PROJECTED" ? React$1.createElement(Check$1, null) : React$1.createElement(UndoIcon, null))) : null))),
         !isLastItem && React$1.createElement(Divider$1, { component: "li", variant: "inset" })));
 });
 const IncomeListPage = ({ onBack, onAdd, onSelect, periodLabel, periodInputValue, periodInputMin, periodInputMax, showPeriodFilter, onPeriodInputChange, onResetToCurrentPeriod, canConfirmTransactions, isUpdatingSettlementStatus, onToggleSettlementStatus, data, }) => {
@@ -146114,14 +146289,18 @@ const IncomeListPage = ({ onBack, onAdd, onSelect, periodLabel, periodInputValue
      *
      * These numbers are numeric pixel values used for paddingTop on the scrollable container.
      */
-    const headerHeight = isMobile ? 70 : 80;
+    const headerHeight = 80;
     const shouldShowPeriodFilter = showPeriodFilter !== null && showPeriodFilter !== void 0 ? showPeriodFilter : Boolean(periodLabel ||
         periodInputValue ||
         onPeriodInputChange ||
         onResetToCurrentPeriod);
-    const filterHeight = shouldShowPeriodFilter ? (isMobile ? 112 : 72) : 0;
-    const cardHeight = isMobile ? 120 : 96; // approximate FinanceMetricCard height
-    const contentOffset = filterHeight + cardHeight + 16;
+    const filterHeight = shouldShowPeriodFilter ? 72 : 0;
+    const cardHeight = 96;
+    const contentOffset = isMobile ? 0 : filterHeight + cardHeight + 16;
+    const amountLabel = totalAmountNumber.toLocaleString("pt-BR", {
+        style: "currency",
+        currency: "BRL",
+    });
     const incomes = React$1.useMemo(() => (Array.isArray(dataSource.incomes) ? dataSource.incomes : []), [dataSource.incomes]);
     return (React$1.createElement(Box$1, { sx: {
             display: "flex",
@@ -146131,8 +146310,10 @@ const IncomeListPage = ({ onBack, onAdd, onSelect, periodLabel, periodInputValue
             position: "relative",
             //pb: isMobile ? 2 : 0,
         } },
-        React$1.createElement(PageHeader$2, { title: "Entradas", onBack: onBack, onAdd: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), addLabel: "Adicionar", showAddButton: true }),
-        React$1.createElement(Box$1, { component: "section", "aria-hidden": true, sx: {
+        React$1.createElement(PageHeader$2, { title: "Entradas", onBack: onBack, onAdd: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true }),
+        isMobile && shouldShowPeriodFilter ? (React$1.createElement(Container$1, { maxWidth: "md", sx: { px: PAGE_LIST_CONTAINER_SPACING.px, pt: 1 } },
+            React$1.createElement(FinanceMobilePeriodBar, { periodLabel: periodLabel || metricPeriodLabel, amountLabel: amountLabel, periodInputValue: periodInputValue, periodInputMin: periodInputMin, periodInputMax: periodInputMax, onPeriodInputChange: onPeriodInputChange, onResetToCurrentPeriod: onResetToCurrentPeriod, testIdPrefix: "income" }))) : null,
+        !isMobile && (React$1.createElement(Box$1, { component: "section", "aria-hidden": true, sx: {
                 position: "fixed",
                 left: 0,
                 right: 0,
@@ -146169,10 +146350,10 @@ const IncomeListPage = ({ onBack, onAdd, onSelect, periodLabel, periodInputValue
                                 style: "currency",
                                 currency: "BRL",
                             })
-                            : `R$: ${amount}` })))),
+                            : `R$: ${amount}` }))))),
         React$1.createElement(Container$1, { maxWidth: "md", sx: Object.assign(Object.assign({}, PAGE_LIST_CONTAINER_SPACING), { 
                 // push content below the fixed header + card
-                paddingTop: `${contentOffset}px`, 
+                paddingTop: isMobile ? undefined : `${contentOffset}px`, pb: LIST_CONTENT_BOTTOM_PADDING, 
                 // ensure content can scroll beneath fixed card
                 position: "relative", zIndex: 0 }) },
             incomes.length === 0 ? (React$1.createElement(Box$1, { sx: {
@@ -146196,13 +146377,8 @@ const IncomeListPage = ({ onBack, onAdd, onSelect, periodLabel, periodInputValue
                 var _a, _b;
                 return (React$1.createElement(IncomeListItem, { key: `${(_a = inc.date) !== null && _a !== void 0 ? _a : ""}-${idx}-${(_b = inc.amount) !== null && _b !== void 0 ? _b : ""}`, item: inc, idx: idx, isLastItem: idx === incomes.length - 1, formatCurrency: formatCurrency, formatDate: formatDate, getAccountName: getAccountName, onSelect: onSelect, canConfirmTransactions: canConfirmTransactions, isUpdatingSettlementStatus: isUpdatingSettlementStatus, onToggleSettlementStatus: onToggleSettlementStatus }));
             }))),
-            isMobile && (React$1.createElement(QuotaGuard, { feature: "incomes", behavior: "hide" },
-                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar Entrada", title: "Adicionar Entrada", onClick: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), sx: {
-                        position: "fixed",
-                        bottom: 16,
-                        right: 16,
-                        zIndex: theme.zIndex.fab,
-                    } },
+            isMobile && incomes.length > 0 && (React$1.createElement(QuotaGuard, { feature: "incomes", behavior: "hide" },
+                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar Entrada", title: "Adicionar Entrada", onClick: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.fab }) },
                     React$1.createElement(Add$1, null)))))));
 };
 var IncomeListPage$1 = React$1.memo(IncomeListPage);
@@ -146697,12 +146873,12 @@ const OutcomeListItem = React$1.memo(function OutcomeListItem({ item, idx, isLas
             React$1.createElement(ListItemSecondaryAction$1, null,
                 React$1.createElement(Stack$1, { spacing: 1, alignItems: "flex-end" },
                     React$1.createElement(Typography$1, { variant: "subtitle1", sx: { fontWeight: 600 } }, formattedAmount),
-                    canConfirmTransactions && item.id && onToggleSettlementStatus ? (React$1.createElement(Button$1, { size: "small", variant: "text", disabled: Boolean(isUpdatingSettlementStatus), onClick: (event) => {
+                    canConfirmTransactions && item.id && onToggleSettlementStatus ? (React$1.createElement(IconButton$1, { "aria-label": settlementActionLabel, disabled: Boolean(isUpdatingSettlementStatus), onClick: (event) => {
                             event.stopPropagation();
                             if (!item.id)
                                 return;
                             onToggleSettlementStatus(item.id, nextSettlementStatus);
-                        } }, settlementActionLabel)) : null))),
+                        }, sx: { width: 44, height: 44 } }, settlementStatus === "PROJECTED" ? React$1.createElement(Check$1, null) : React$1.createElement(UndoIcon, null))) : null))),
         !isLastItem && React$1.createElement(Divider$1, { component: "li" })));
 });
 const OutcomeListPage = ({ onSelect, onBack, onAdd, periodLabel, periodInputValue, periodInputMin, periodInputMax, showPeriodFilter, onPeriodInputChange, onResetToCurrentPeriod, canConfirmTransactions, isUpdatingSettlementStatus, onToggleSettlementStatus, data, }) => {
@@ -146725,14 +146901,18 @@ const OutcomeListPage = ({ onSelect, onBack, onAdd, periodLabel, periodInputValu
      *
      * These numbers are numeric pixel values used for paddingTop on the scrollable container.
      */
-    const headerHeight = isMobile ? 55 : 64;
+    const headerHeight = 64;
     const shouldShowPeriodFilter = showPeriodFilter !== null && showPeriodFilter !== void 0 ? showPeriodFilter : Boolean(periodLabel ||
         periodInputValue ||
         onPeriodInputChange ||
         onResetToCurrentPeriod);
-    const filterHeight = shouldShowPeriodFilter ? (isMobile ? 112 : 72) : 0;
-    const cardHeight = isMobile ? 120 : 96; // approximate FinanceMetricCard height
-    const contentOffset = filterHeight + cardHeight + 16;
+    const filterHeight = shouldShowPeriodFilter ? 72 : 0;
+    const cardHeight = 96;
+    const contentOffset = isMobile ? 0 : filterHeight + cardHeight + 16;
+    const amountLabel = totalAmount.toLocaleString("pt-BR", {
+        style: "currency",
+        currency: "BRL",
+    });
     const outcomes = React$1.useMemo(() => (Array.isArray(dataSource.outcomes) ? dataSource.outcomes : []), [dataSource.outcomes]);
     return (React$1.createElement(Box$1, { sx: {
             display: "flex",
@@ -146740,10 +146920,12 @@ const OutcomeListPage = ({ onSelect, onBack, onAdd, periodLabel, periodInputValu
             minHeight: "100vh",
             backgroundColor: theme.palette.background.default,
             position: "relative",
-            pb: isMobile ? 2 : 0,
+            pb: 0,
         } },
-        React$1.createElement(PageHeader$2, { title: "Sa\u00EDdas", onBack: onBack, onAdd: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), addLabel: "Adicionar", showAddButton: true }),
-        React$1.createElement(Box$1, { component: "section", "aria-hidden": true, sx: {
+        React$1.createElement(PageHeader$2, { title: "Sa\u00EDdas", onBack: onBack, onAdd: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true }),
+        isMobile && shouldShowPeriodFilter ? (React$1.createElement(Container$1, { maxWidth: "md", sx: { px: PAGE_LIST_CONTAINER_SPACING.px, pt: 1 } },
+            React$1.createElement(FinanceMobilePeriodBar, { periodLabel: periodLabel || "-", amountLabel: amountLabel, periodInputValue: periodInputValue, periodInputMin: periodInputMin, periodInputMax: periodInputMax, onPeriodInputChange: onPeriodInputChange, onResetToCurrentPeriod: onResetToCurrentPeriod, testIdPrefix: "outcome" }))) : null,
+        !isMobile && (React$1.createElement(Box$1, { component: "section", "aria-hidden": true, sx: {
                 position: "fixed",
                 left: 0,
                 right: 0,
@@ -146779,10 +146961,10 @@ const OutcomeListPage = ({ onSelect, onBack, onAdd, periodLabel, periodInputValu
                                 style: "currency",
                                 currency: "BRL",
                             })
-                            : `R$: ${amount}` })))),
+                            : `R$: ${amount}` }))))),
         React$1.createElement(Container$1, { maxWidth: "md", sx: Object.assign(Object.assign({}, PAGE_LIST_CONTAINER_SPACING), { 
                 // push content below the fixed header + card
-                paddingTop: `${contentOffset}px`, 
+                paddingTop: isMobile ? undefined : `${contentOffset}px`, pb: LIST_CONTENT_BOTTOM_PADDING, 
                 // ensure content can scroll beneath fixed card
                 position: "relative", zIndex: 0 }) },
             outcomes.length === 0 ? (React$1.createElement(Box$1, { sx: {
@@ -146806,13 +146988,8 @@ const OutcomeListPage = ({ onSelect, onBack, onAdd, periodLabel, periodInputValu
                 var _a, _b;
                 return (React$1.createElement(OutcomeListItem, { key: `${(_a = out.date) !== null && _a !== void 0 ? _a : ""}-${idx}-${(_b = out.amount) !== null && _b !== void 0 ? _b : ""}`, item: out, idx: idx, isLastItem: idx === outcomes.length - 1, formatCurrency: formatCurrency, formatDate: formatDate, getAccountName: getAccountName, onSelect: onSelect, canConfirmTransactions: canConfirmTransactions, isUpdatingSettlementStatus: isUpdatingSettlementStatus, onToggleSettlementStatus: onToggleSettlementStatus }));
             }))),
-            isMobile && (React$1.createElement(QuotaGuard, { feature: "outcomes", behavior: "hide" },
-                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar Sa\u00EDda", title: "Adicionar Sa\u00EDda", onClick: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), sx: {
-                        position: "fixed",
-                        bottom: 16,
-                        right: 16,
-                        zIndex: theme.zIndex.fab,
-                    } },
+            isMobile && outcomes.length > 0 && (React$1.createElement(QuotaGuard, { feature: "outcomes", behavior: "hide" },
+                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar Sa\u00EDda", title: "Adicionar Sa\u00EDda", onClick: onAdd !== null && onAdd !== void 0 ? onAdd : (() => { }), sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.fab }) },
                     React$1.createElement(Add$1, null)))))));
 };
 var OutcomeListPage$1 = React$1.memo(OutcomeListPage);
@@ -156886,24 +157063,23 @@ const AttendanceInsightsMobileList = ({ mediums }) => {
     return (React$1.createElement(Stack$1, { spacing: LIST_GAP }, mediums.map((medium) => {
         var _a;
         return (React$1.createElement(Paper$1, { key: medium.mediumId, variant: "outlined", sx: LIST_CARD_CONTENT_SX },
-            React$1.createElement(Stack$1, { spacing: LIST_GAP },
-                React$1.createElement(Stack$1, { direction: "row", spacing: LIST_GAP, alignItems: "center" },
-                    React$1.createElement(Avatar$1, { src: (_a = medium.mediumAvatarUrl) !== null && _a !== void 0 ? _a : undefined, alt: medium.mediumName, sx: { width: 32, height: 32 } }, medium.mediumName.charAt(0).toUpperCase()),
-                    React$1.createElement(Typography$1, { fontWeight: 600, noWrap: true }, medium.mediumName)),
-                React$1.createElement(Stack$1, { direction: "row", spacing: 0.75, flexWrap: "wrap", useFlexGap: true },
-                    React$1.createElement(Chip$1, { size: "small", label: `Convites: ${medium.invites}` }),
-                    React$1.createElement(Chip$1, { size: "small", label: `Confirmados: ${medium.confirmed}` }),
-                    React$1.createElement(Chip$1, { size: "small", label: `Presentes: ${medium.present}` }),
-                    React$1.createElement(Chip$1, { size: "small", label: `Ausentes: ${medium.absent}` })),
-                React$1.createElement(Box$1, null,
-                    React$1.createElement(Typography$1, { variant: "caption", color: "text.secondary" },
-                        "Confirma\u00E7\u00E3o: ",
-                        medium.confirmationRate,
-                        "% | Presen\u00E7a:",
+            React$1.createElement(Stack$1, { direction: "row", spacing: LIST_GAP, alignItems: "center" },
+                React$1.createElement(Avatar$1, { src: (_a = medium.mediumAvatarUrl) !== null && _a !== void 0 ? _a : undefined, alt: medium.mediumName, sx: { width: 32, height: 32 } }, medium.mediumName.charAt(0).toUpperCase()),
+                React$1.createElement(Stack$1, { sx: { minWidth: 0 } },
+                    React$1.createElement(Typography$1, { fontWeight: 600, noWrap: true }, medium.mediumName),
+                    React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary" },
+                        medium.invites,
+                        " conv. \u00B7 ",
+                        medium.confirmed,
+                        " conf."),
+                    React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary" },
+                        medium.present,
+                        " pres. \u00B7 ",
+                        medium.absent,
+                        " aus. \u00B7",
                         " ",
                         medium.presenceRate,
-                        "% | Gap: ",
-                        medium.absenceGap)))));
+                        "%")))));
     })));
 };
 
@@ -158457,9 +158633,19 @@ const sortOptions = [
     { value: "createdAt_desc", label: "Mais recentes" },
     { value: "createdAt_asc", label: "Mais antigos" },
 ];
+const InventoryCompactRow = ({ item, isLast, onSelect }) => {
+    var _a, _b, _c, _d;
+    const statusLabel = (_a = statusMap[item.status]) === null || _a === void 0 ? void 0 : _a.label;
+    const meta = [item.location, statusLabel].filter(Boolean).join(" · ");
+    return (React$1.createElement(CompactListRow, { title: item.name, meta: meta || undefined, isLast: isLast, testId: `inventory-item-${item.id}`, onClick: () => onSelect(item.id), leading: React$1.createElement(Avatar$1, { src: (_b = item.imageUrl) !== null && _b !== void 0 ? _b : undefined, alt: "", sx: { width: 40, height: 40 } }, ((_d = (_c = item.name) === null || _c === void 0 ? void 0 : _c.charAt(0)) !== null && _d !== void 0 ? _d : "").toUpperCase()), trailing: React$1.createElement(Typography$1, { variant: "body2", fontWeight: 600, sx: { whiteSpace: "nowrap" } },
+            item.quantity,
+            " ",
+            item.unit) }));
+};
 // --- Main Inventory List Page ---
 const InventoryListPage = (props) => {
     const theme = useTheme$1();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const { data, fns } = useInventoryListPage(props);
     const drawerValue = {
         status: data.selectedStatus,
@@ -158483,7 +158669,7 @@ const InventoryListPage = (props) => {
             backgroundColor: theme.palette.background.default,
             position: "relative",
         }, "data-testid": "inventory-list-page", "data-cy": "inventory-list-page" },
-        React$1.createElement(PageHeader$2, { title: "Invent\u00E1rio", onBack: fns.handleBack, showAddButton: data.canAdd, onAdd: data.canAdd ? fns.handleAddItem : undefined, addLabel: "Adicionar" }),
+        React$1.createElement(PageHeader$2, { title: "Invent\u00E1rio", onBack: fns.handleBack, showAddButton: data.canAdd, hideAddButtonOnMobile: true, onAdd: data.canAdd ? fns.handleAddItem : undefined, addLabel: "Adicionar" }),
         React$1.createElement(Container$1, { maxWidth: "md", sx: PAGE_LIST_CONTAINER_SPACING },
             React$1.createElement(Box$1, { sx: {
                     display: "flex",
@@ -158525,8 +158711,11 @@ const InventoryListPage = (props) => {
                     pb: LIST_CONTENT_BOTTOM_PADDING,
                 }, "data-testid": "inventory-list-content", "data-cy": "inventory-list-content" }, data.items.length === 0 ? (React$1.createElement(InventoryEmptyState, { hasActiveFilters: data.hasActiveFilters, onClearFilters: data.hasActiveFilters ? fns.handleClearFilters : undefined, onAdd: data.canAdd && !data.hasActiveFilters
                     ? fns.handleAddItem
-                    : undefined })) : (React$1.createElement(Fade$1, { in: true },
-                React$1.createElement(Stack$1, { spacing: LIST_GAP }, data.items.map((item, index) => (React$1.createElement(InventoryItemCard, { key: item.id, item: item, isLast: index === data.items.length - 1, onSelect: fns.handleItemSelect, onEdit: fns.handleItemEdit })))))))),
+                    : undefined })) : (React$1.createElement(Fade$1, { in: true }, isMobile ? (React$1.createElement(Box$1, { sx: {
+                    bgcolor: "background.paper",
+                    borderRadius: RADIUS.default,
+                    overflow: "hidden",
+                } }, data.items.map((item, index) => (React$1.createElement(InventoryCompactRow, { key: item.id, item: item, isLast: index === data.items.length - 1, onSelect: fns.handleItemSelect }))))) : (React$1.createElement(Stack$1, { spacing: LIST_GAP }, data.items.map((item, index) => (React$1.createElement(InventoryItemCard, { key: item.id, item: item, isLast: index === data.items.length - 1, onSelect: fns.handleItemSelect, onEdit: fns.handleItemEdit }))))))))),
         React$1.createElement(FilterDrawer, { open: data.isFilterDrawerOpen, onClose: fns.handleCloseFilterDrawer, onOpen: fns.handleToggleFilterDrawer, value: drawerValue, emptyValue: {
                 status: "all",
                 createdAtSort: data.createdAtSort,
@@ -158540,7 +158729,9 @@ const InventoryListPage = (props) => {
             React$1.createElement(FormControl$1, { fullWidth: true, size: "small" },
                 React$1.createElement(InputLabel$1, { id: "inventory-filter-sort-label" }, "Ordena\u00E7\u00E3o"),
                 React$1.createElement(Select$1, { labelId: "inventory-filter-sort-label", value: draft.createdAtSort, label: "Ordena\u00E7\u00E3o", onChange: (event) => setDraft(Object.assign(Object.assign({}, draft), { createdAtSort: event.target
-                            .value })), inputProps: { "data-testid": "inventory-created-at-sort" } }, sortOptions.map((option) => (React$1.createElement(MenuItem$1, { key: option.value, value: option.value }, option.label))))))))));
+                            .value })), inputProps: { "data-testid": "inventory-created-at-sort" } }, sortOptions.map((option) => (React$1.createElement(MenuItem$1, { key: option.value, value: option.value }, option.label)))))))),
+        data.canAdd && data.items.length > 0 && (React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar item", onClick: fns.handleAddItem, sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.speedDial }) },
+            React$1.createElement(Add$1, null)))));
 };
 
 const DetailSectionCard = ({ icon, title, children, theme, }) => {
@@ -162018,7 +162209,7 @@ objectType({
 const STATUS_TAB_LABELS = {
     ALL: "Todos",
     ACTIVE: "Ativos",
-    WAITING_APPROVAL: "Aguardando",
+    WAITING_APPROVAL: "Aguardando aprovação",
     INACTIVE: "Inativos",
     OTHER: "Outros",
 };
@@ -162358,7 +162549,6 @@ const MediumListItem = ({ medium, onSelect, theme }) => {
 const MediumListPage = (props) => {
     var _a;
     const theme = useTheme$1();
-    const isCompactScreen = useMediaQuery(theme.breakpoints.down("sm"));
     const { data, fns } = useMediumListPage(props);
     // Sort menu state
     const [sortAnchorEl, setSortAnchorEl] = React$1.useState(null);
@@ -162375,17 +162565,12 @@ const MediumListPage = (props) => {
     };
     // Status tabs for PageHeader
     const statusTabs = data.showStatusTabs
-        ? data.statusTabs.map((tab) => {
-            const compactLabel = isCompactScreen && tab.value === "WAITING_APPROVAL"
-                ? "Pend."
-                : tab.label;
-            return {
-                value: tab.value,
-                label: tab.value === "WAITING_APPROVAL" && tab.count > 0
-                    ? `${compactLabel} (${tab.count})`
-                    : compactLabel,
-            };
-        })
+        ? data.statusTabs.map((tab) => ({
+            value: tab.value,
+            label: tab.value === "WAITING_APPROVAL" && tab.count > 0
+                ? `${tab.label} (${tab.count})`
+                : tab.label,
+        }))
         : undefined;
     // Guard clause for loading state - show skeleton
     if (data.isLoading) {
@@ -162395,7 +162580,7 @@ const MediumListPage = (props) => {
                 minHeight: "100vh",
                 backgroundColor: theme.palette.background.default,
             } },
-            React$1.createElement(PageHeader$2, { title: "M\u00E9diuns", onBack: fns.handleBack, onAdd: fns.handleAddMedium, addLabel: "Adicionar", showAddButton: true }),
+            React$1.createElement(PageHeader$2, { title: "M\u00E9diuns", onBack: fns.handleBack, onAdd: fns.handleAddMedium, addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true }),
             React$1.createElement(MediumListSkeleton, { count: 6 })));
     }
     return (React$1.createElement(Box$1, { sx: {
@@ -162404,12 +162589,12 @@ const MediumListPage = (props) => {
             minHeight: "100vh",
             backgroundColor: theme.palette.background.default,
         } },
-        React$1.createElement(PageHeader$2, { title: "M\u00E9diuns", onBack: fns.handleBack, onAdd: fns.handleAddMedium, addLabel: "Adicionar", showAddButton: true, tabs: statusTabs, selectedTab: data.selectedStatusTab, onTabChange: (value) => fns.handleStatusTabChange(value) }),
+        React$1.createElement(PageHeader$2, { title: "M\u00E9diuns", onBack: fns.handleBack, onAdd: fns.handleAddMedium, addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true, tabs: statusTabs, selectedTab: data.selectedStatusTab, onTabChange: (value) => fns.handleStatusTabChange(value) }),
         React$1.createElement(Container$1, { maxWidth: "md", sx: PAGE_LIST_CONTAINER_SPACING },
             data.showSearch && (React$1.createElement(Box$1, { sx: {
                     display: "flex",
-                    flexDirection: { xs: "column", sm: "row" },
-                    alignItems: "stretch",
+                    flexDirection: "row",
+                    alignItems: "center",
                     gap: 1,
                     mb: 2,
                 } },
@@ -162422,7 +162607,7 @@ const MediumListPage = (props) => {
                         "aria-label": "Buscar médium",
                         sx: {
                             borderRadius: RADIUS.default,
-                            minHeight: { xs: 40, sm: 44 },
+                            minHeight: 44,
                             backgroundColor: theme.palette.background.paper,
                             "& .MuiInputBase-input": {
                                 fontSize: { xs: "0.9rem", sm: "1rem" },
@@ -162433,9 +162618,9 @@ const MediumListPage = (props) => {
                         },
                     } }),
                 data.showSort && (React$1.createElement(IconButton$1, { onClick: handleSortMenuOpen, sx: {
-                        alignSelf: { xs: "flex-end", sm: "stretch" },
-                        width: { xs: 40, sm: 44 },
-                        height: { xs: 40, sm: "auto" },
+                        flexShrink: 0,
+                        width: 44,
+                        height: 44,
                         backgroundColor: theme.palette.background.paper,
                         borderRadius: RADIUS.default,
                         border: `1px solid ${theme.palette.divider}`,
@@ -162510,19 +162695,9 @@ const MediumListPage = (props) => {
                     vertical: "top",
                     horizontal: "right",
                 } }, data.sortOptions.map((option) => (React$1.createElement(MenuItem$1, { key: option.value, onClick: () => handleSortSelect(option.value), selected: option.value === data.sortOption }, option.label)))),
-            React$1.createElement(QuotaGuard, { feature: "mediums", behavior: "hide" },
-                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar", onClick: fns.handleAddMedium, sx: {
-                        display: { xs: "flex", sm: "none" },
-                        position: "fixed",
-                        bottom: {
-                            xs: "calc(16px + env(safe-area-inset-bottom, 0px))",
-                            sm: 24,
-                            md: 32,
-                        },
-                        right: { xs: 16, sm: 24, md: 32 },
-                        boxShadow: 6,
-                    } },
-                    React$1.createElement(BarcodeIcon, null))))));
+            data.filteredMediums.length > 0 && (React$1.createElement(QuotaGuard, { feature: "mediums", behavior: "hide" },
+                React$1.createElement(Fab$1, { color: "primary", "aria-label": "Adicionar", onClick: fns.handleAddMedium, sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.speedDial }) },
+                    React$1.createElement(BarcodeIcon, null)))))));
 };
 
 const sanitizeBirthDate = (date) => {
@@ -173804,9 +173979,19 @@ const transformToRitual = (bath, originLabel, statusLabel) => {
         scheduledCount: (_d = bath.scheduledCount) !== null && _d !== void 0 ? _d : 0,
     };
 };
+const RitualBathCompactRow = ({ bath, isLast, originLabel, statusLabel, onSelect, onSchedule }) => {
+    var _a, _b;
+    const meta = [(_a = bath.category) === null || _a === void 0 ? void 0 : _a.name, originLabel, statusLabel]
+        .filter(Boolean)
+        .join(" · ");
+    return (React$1.createElement(CompactListRow, { title: bath.title, meta: meta, isLast: isLast, onClick: () => onSelect(bath.id), leading: React$1.createElement(Avatar$1, { src: (_b = bath.imageUrl) !== null && _b !== void 0 ? _b : undefined, alt: "", sx: { width: 40, height: 40 } },
+            React$1.createElement(Spa, { fontSize: "small" })), trailing: onSchedule ? (React$1.createElement(IconButton$1, { "aria-label": `Agendar ${bath.title}`, onClick: () => onSchedule(bath.id), sx: { width: 44, height: 44 } },
+            React$1.createElement(CalendarMonth$1, null))) : undefined }));
+};
 const RitualBathListPage = (props) => {
     var _a, _b, _c;
     const theme = useTheme$1();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const { data, fns } = useRitualBathListPage(props);
     const showOriginFilter = data.activeTab === "all" && !data.isTerreiro;
     const drawerValue = Object.assign(Object.assign({}, (data.filters.categoryId !== undefined
@@ -173836,7 +174021,7 @@ const RitualBathListPage = (props) => {
             backgroundColor: theme.palette.background.default,
             position: "relative",
         } },
-        React$1.createElement(PageHeader$2, { title: "Banhos Rituais", onBack: fns.handleBack, onAdd: fns.handleBathCreate, addLabel: "Adicionar", showAddButton: data.isAdmin, tabs: tabs, selectedTab: data.activeTab, onTabChange: (value) => fns.handleTabChange(value) }),
+        React$1.createElement(PageHeader$2, { title: "Banhos Rituais", onBack: fns.handleBack, onAdd: fns.handleBathCreate, addLabel: "Adicionar", showAddButton: data.isAdmin, hideAddButtonOnMobile: true, tabs: tabs, selectedTab: data.activeTab, onTabChange: (value) => fns.handleTabChange(value) }),
         React$1.createElement(Container$1, { maxWidth: "md", sx: Object.assign(Object.assign({}, PAGE_LIST_CONTAINER_SPACING), { flex: 1 }) },
             React$1.createElement(Box$1, { sx: {
                     display: "flex",
@@ -173905,8 +174090,12 @@ const RitualBathListPage = (props) => {
                 data.hasActiveFilters ? (React$1.createElement(Button$1, { variant: "outlined", onClick: fns.handleClearFilters, startIcon: React$1.createElement(Clear$1, null) }, "Limpar filtros")) : (data.isAdmin && (React$1.createElement(Button$1, { variant: "contained", startIcon: React$1.createElement(Add$1, null), onClick: fns.handleBathCreate }, "Criar banho ritual"))))),
             !data.isLoading && !data.error && data.ritualBaths.length > 0 && (React$1.createElement(Box$1, { sx: { pb: LIST_CONTENT_BOTTOM_PADDING } },
                 React$1.createElement(InfiniteScroll, { hasNextPage: data.hasNextPage, isFetchingNextPage: data.isFetchingNextPage, onLoadMore: fns.handleLoadMore, threshold: 200 },
-                    React$1.createElement(Grid$1, { container: true, spacing: LIST_GAP }, data.ritualBaths.map((bath) => (React$1.createElement(Grid$1, { item: true, xs: 12, key: bath.id },
-                        React$1.createElement(RitualCard, { ritual: transformToRitual(bath, fns.getOriginLabel(bath.origin), fns.getStatusLabel(bath.status)), onClick: () => fns.handleBathSelect(bath.id), onSchedule: fns.handleScheduleBath }))))),
+                    isMobile ? (React$1.createElement(Box$1, { sx: {
+                            bgcolor: "background.paper",
+                            borderRadius: RADIUS.default,
+                            overflow: "hidden",
+                        } }, data.ritualBaths.map((bath, index) => (React$1.createElement(RitualBathCompactRow, { key: bath.id, bath: bath, isLast: index === data.ritualBaths.length - 1, originLabel: fns.getOriginLabel(bath.origin), statusLabel: fns.getStatusLabel(bath.status), onSelect: fns.handleBathSelect, onSchedule: fns.handleScheduleBath }))))) : (React$1.createElement(Grid$1, { container: true, spacing: LIST_GAP }, data.ritualBaths.map((bath) => (React$1.createElement(Grid$1, { item: true, xs: 12, key: bath.id },
+                        React$1.createElement(RitualCard, { ritual: transformToRitual(bath, fns.getOriginLabel(bath.origin), fns.getStatusLabel(bath.status)), onClick: () => fns.handleBathSelect(bath.id), onSchedule: fns.handleScheduleBath })))))),
                     data.isFetchingNextPage && (React$1.createElement(Box$1, { sx: {
                             display: "flex",
                             justifyContent: "center",
@@ -173915,13 +174104,8 @@ const RitualBathListPage = (props) => {
                         } },
                         React$1.createElement(CircularProgress$1, { size: 28 }))),
                     !data.hasNextPage && data.ritualBaths.length > 0 && (React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { textAlign: "center", py: 2 } }, "Todos os banhos foram carregados")))))),
-        data.isAdmin && (React$1.createElement(QuotaGuard, { feature: "baths", behavior: "hide" },
-            React$1.createElement(Fab$1, { color: "primary", "aria-label": "Criar banho ritual", onClick: fns.handleBathCreate, sx: {
-                    position: "fixed",
-                    bottom: { xs: 16, sm: 24 },
-                    right: { xs: 16, sm: 24 },
-                    zIndex: theme.zIndex.speedDial,
-                } },
+        data.isAdmin && data.ritualBaths.length > 0 && (React$1.createElement(QuotaGuard, { feature: "baths", behavior: "hide" },
+            React$1.createElement(Fab$1, { color: "primary", "aria-label": "Criar banho ritual", onClick: fns.handleBathCreate, sx: Object.assign(Object.assign({}, LIST_FAB_POSITION_SX), { zIndex: theme.zIndex.speedDial }) },
                 React$1.createElement(Add$1, null)))),
         React$1.createElement(FilterDrawer, { open: data.isFilterDrawerOpen, onClose: fns.handleCloseFilterDrawer, onOpen: fns.handleToggleFilterDrawer, value: drawerValue, emptyValue: {}, countActiveFilters: countRitualBathDrawerFilters, "data-testid": "ritual-bath-filter-drawer", onFilter: (filters) => {
                 fns.handleCategoryFilter(filters.categoryId);
@@ -195692,6 +195876,8 @@ exports.CREATE_QUESTION_STEP_LABELS = CREATE_QUESTION_STEP_LABELS;
 exports.CREATE_QUESTION_STEP_ORDER = CREATE_QUESTION_STEP_ORDER;
 exports.CellphoneInput = CellphoneInput;
 exports.CellphoneInputPropsSchema = CellphoneInputPropsSchema;
+exports.CompactListDateBlock = CompactListDateBlock;
+exports.CompactListRow = CompactListRow;
 exports.CompletenessCard = CompletenessCard;
 exports.ConnectionButton = ConnectionButton;
 exports.ContactArraySchema = ContactArraySchema;
@@ -196123,6 +196309,7 @@ exports.buildAcademyCertificatePreviewNode = buildAcademyCertificatePreviewNode;
 exports.buildItemReasonText = buildItemReasonText;
 exports.buildMergedInsumos = buildMergedInsumos$1;
 exports.buildMergedMediums = buildMergedMediums$1;
+exports.compactListDateParts = compactListDateParts;
 exports.defaultDisplayProps = defaultDisplayProps;
 exports.defaultInputProps = defaultInputProps;
 exports.drawerSheetRadius = drawerSheetRadius;