body {
	background: var(--bg-shell);
	padding: 0;
}

.mobile-shell {
    width: 100%;
    min-height: 100vh;
    background: var(--bg-shell);
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    border: 0;
    display: flex;
    flex-direction: column;
}

.top-bar {
	display: grid;
	grid-template-columns: 36px 1fr auto;
	align-items: center;
	padding: 10px var(--space-4);
	border-bottom: 1px solid var(--line);
	min-height: 56px;
}

.header-actions {
	display: flex;
	gap: var(--space-1);
}

.spacer {
	width: 36px;
}

.page-content {
    padding: var(--space-4);
    padding-bottom: 120px;
    flex: 1;
    overflow-y: auto;
}

.page-content.with-fab {
    padding-bottom: 96px;
}

.section-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: var(--space-5) 0 var(--space-3);
}

.stack-list,
.history-groups,
.form-stack,
.category-breakdown {
	display: grid;
	gap: var(--space-3);
}

.stats-layout {
	display: grid;
	gap: var(--space-4);
}