/* Compact: the interface set a little closer, and the default (Settings ›
 * Appearance › Text and layout › Interface size). Rows, buttons, fields,
 * menus, drop-downs and the sidebar each give up a few pixels, and the
 * interface's own text a quarter of one; conversations keep the reader's own
 * text size and spacing. Comfortable is everything as the other sheets draw
 * it, so this sheet only ever takes room away, under html.ui-compact.
 */

html.ui-compact {
  --ui-size: 13px;
  --ui-small: 11.75px;
}

/* ---- controls ---------------------------------------------------------- */
html.ui-compact .btn { height: 30px; padding: 0 13px; }
html.ui-compact .btn.small { height: 26px; padding: 0 11px; }
html.ui-compact .btn.large { height: 36px; padding: 0 18px; }
html.ui-compact .ibtn { width: 26px; height: 26px; }
html.ui-compact .ibtn.small { width: 22px; height: 22px; }
html.ui-compact .field { height: 30px; padding: 0 10px; }
html.ui-compact textarea.field { height: auto; padding: 8px 10px; }
html.ui-compact .segmented button { height: 26px; }
html.ui-compact .segmented .seg-thumb { height: 26px; }

/* ---- menus and drop-downs ---------------------------------------------- */
html.ui-compact .popover { padding: 5px; }
html.ui-compact .menu-item { min-height: 28px; padding: 4px 9px; gap: 9px; }
html.ui-compact .menu-item .icon { width: 14px; height: 14px; }
html.ui-compact .menu-sep { margin: 4px 6px; }
html.ui-compact .menu-title { padding: 6px 9px 3px; }

/* ---- the sidebar ------------------------------------------------------- */
html.ui-compact .side-actions { gap: 1px; padding: 2px 8px 4px; }
html.ui-compact .nav { height: 29px; gap: 8px; padding: 0 9px; }
html.ui-compact .nav .icon { width: 16px; height: 16px; }
html.ui-compact .group-head { height: 27px; padding: 8px 11px 3px; font-size: 11.5px; }
html.ui-compact .group.project .group-head { height: 30px; padding: 6px 8px 3px 9px; }
html.ui-compact .row { height: 29px; margin: 0; padding: 0 4px 0 9px; }

/* ---- the header's tabs ------------------------------------------------- */
html.ui-compact .modes button { height: 26px; }

/* ---- Settings and the other windows ------------------------------------- */
html.ui-compact .settings-tab { min-height: 28px; }
html.ui-compact .settings-search-input { height: 30px; }
html.ui-compact .dialog-body { gap: 14px; }
html.ui-compact .form-row { gap: 5px; }
html.ui-compact .dialog-foot { padding: 12px 18px 14px 22px; }