/* MAKI shared composer geometry. 2026-09-06.

   Stephen: "I want the note input window to go up in height as a person types at least until 9 to
   10 lines of text. Also move the side button inside the prompt window just like Claude has and
   ChatGPT. Make sure the send button is smaller, but twice as big as the mic icon on its left.
   That way, the width of the prompt window will be much wider."

   Paired with /os-assets/maki-composer.js, which does the moving and the growing. This file only
   sizes the result, and it is linked in <head> so the field is never painted in the old geometry
   and then jumped into the new one.

   SPECIFICITY, deliberately. remote.html and code.html size their composers with id rules
   (#plusBtn, #micBtn) and their own .send / .inputwrap textarea rules, and their <style> blocks
   come AFTER this link in the document. Equal specificity would lose on source order, so the
   selectors here are one step heavier (.composer .inputwrap textarea, .inputwrap .mkc-send) and
   the three properties fighting an id rule say !important. Noted rather than hidden: this is
   overriding a page rule on purpose, not by accident. */

.inputwrap{align-items:flex-end}

/* The field owns the row. Padding clears the marks instead of shortening the box -- that is the
   whole reason the writing area gets wider rather than narrower. */
.composer .inputwrap textarea{
  /* Form controls do not inherit font. Without this the field renders in the browser's
     default textarea face -- monospace, Courier on iOS -- while the rest of the page is
     the app's. font-SIZE is deliberately left to the pages: they set 16px on purpose,
     because iOS zooms the viewport on focus for anything smaller. */
  font-family:inherit;
  padding-left:38px;
  padding-right:84px;            /* mic (28) + send (34) + gaps */
  line-height:1.4;
  resize:none;                   /* the script owns height now; a drag handle fights it */
  overflow-y:hidden;             /* flipped to auto by the script at the 10-line cap */
}

/* Marks anchor to the BOTTOM of the field, not its middle. Vertically centred marks drift upward
   as the field grows and stop reading as controls attached to the line being typed. */
#plusBtn, #micBtn{
  top:auto !important;
  bottom:8px !important;
  transform:none !important;
}
#micBtn{right:46px !important}   /* leaves the 6px slot on the right for Send */

/* Send: inside the field, immediately right of the mic. 34px box against the mic's 17px icon --
   "twice as big as the mic icon on its left", measured rather than eyeballed. */
.inputwrap .mkc-send{
  position:absolute;right:6px;bottom:6px;z-index:3;
  width:34px;height:34px;min-width:0;flex:0 0 auto;align-self:auto;
  padding:0;border-radius:50%;letter-spacing:0;
  display:inline-flex;align-items:center;justify-content:center;
}
.inputwrap .mkc-send svg{width:17px;height:17px;display:block}
.inputwrap .mkc-send:disabled{opacity:.45;cursor:default}
