/* Sassi family - the CSS of writing in a full screen (shared/expand.js). Owner 2026-09-21. The expand button sits in the
   B / U bar of shared/format.css, at its far end; the full screen is a calm writing surface: the field's name, the same
   B / U buttons, one way out, and the text at a comfortable line length even on a wide screen. */

/* the button that opens it: last in the bar, pushed to the far end so B and U keep their place at the start */
.fmt-bar .xp-btn{margin-inline-start:auto}
.fmt-bar.xp-only{justify-content:flex-end}

/* the full screen: above a bottom sheet (.sheet is 55), below the toast and the busy overlay */
.xp-layer{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;background:var(--bg);
  padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}
.xp-layer.show{display:flex}
.xp-head{display:flex;align-items:center;gap:10px;width:100%;max-width:760px;margin:0 auto 10px}
.xp-title{flex:1;min-width:0;font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-tools .fmt-bar{margin:0}
.xp-layer .xp-btn{display:none}                                 /* already full screen: the way out is "סגירה" */
.xp-close{display:inline-flex;align-items:center;gap:.4rem;flex:none;padding:.5rem .9rem;border:0;border-radius:var(--r-pill);
  background:var(--hover);color:var(--txt);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
@media (hover:hover){.xp-close:hover{background:var(--line)}}
.xp-close:focus-visible{outline:2px solid var(--ac);outline-offset:2px}

/* the text: the same textarea, given the room; ~70 characters a line on a wide screen. Its font stays the app's own
   (owner 2026-09-21: the full screen grows the box, never the letters) */
.xp-body{flex:1;display:flex;width:100%;max-width:760px;margin:0 auto;min-height:0}
.xp-body textarea{flex:1;width:100%;height:100%;min-height:0;max-height:none;resize:none;margin:0;border:0;border-radius:16px;
  padding:16px 18px;background:var(--card);color:var(--txt)}
.xp-body textarea:focus{outline:2px solid var(--ac);outline-offset:-2px}