/* Word Editor page: the editor fills the app frame (it has its own ribbon, so no shell bar); start-screen extras. */

.layout-app [data-app-page="word-editor"] .app-work { display: flex; flex-direction: column; min-height: 0; height: 100%; }
.we-host { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.we-host > * { flex: 1; min-height: 0; }
.we-status:empty { display: none; }
.wb { --wb-top: calc(var(--header-h, 64px)); }
.app-frame.is-fullscreen .wb { --wb-top: 0px; }

.we-start { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; margin-top: 1rem; }
.we-recent { width: min(520px, 100%); }
.we-recent-title { margin: 0 0 .4rem; font-size: .95rem; font-weight: 600; color: var(--text-soft); text-align: left; }
.we-recent-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.we-recent-item { display: flex; align-items: center; gap: .75rem; width: 100%; padding: .55rem .75rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); text-align: left; cursor: pointer; font: inherit; }
.we-recent-item:hover { border-color: var(--primary); background: var(--primary-softer); }
.we-recent-item span { display: flex; flex-direction: column; min-width: 0; }
.we-recent-item strong { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.we-recent-item small { color: var(--text-soft); font-size: .82rem; }