/* system/apps/notes/styles.css
 *
 * Split out of index.html's shared <style> block (Sept 2026) -- see
 * start-here.md's "Each app owns its own styles.css" note for why.
 *
 * Fills the shell's own card directly -- no border/background/radius
 * of its own, so this doesn't draw a second nested box inside
 * #appMainContent's card. The floor/reset/borderless-fill part (the
 * iOS auto-zoom floor, Safari's default textarea border+inset-shadow
 * removal, etc.) now comes from the shared .text-input-base +
 * .text-input-fill classes (system/lib/shared-app-styles/styles.css)
 * -- only this app's own layout stays here.
 *
 * min-width: 0 (added Sept 2026 -- Ron: "on laptop... the text field
 * has a horizontal scroll bar, as if the field is 20% wider than the
 * screen"): a <textarea> carries its own, fairly large intrinsic
 * minimum content width from the UA stylesheet (rooted in the old
 * `cols` attribute default), and flex ITEMS default to min-width:auto,
 * not 0 -- meaning that intrinsic minimum can win over an explicit
 * width:100% and force the element wider than its container,
 * regardless of how wide the container actually is. This rarely shows
 * up on a phone (the viewport is usually already narrower than where
 * it'd matter, or iOS handles it differently), which is exactly why
 * it went unnoticed until tested on a laptop.
 */
.notes-textarea {
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  min-width: 0;
  resize: none;
  padding: 10px 12px;
}