/* Greenbay: deals board cards (Opportunities, kanban). Loaded by a <link> that docker-compose.yml's start command adds to
   Twenty's index.html. Hooks only on Twenty's data-* attributes, not its generated class names, so an upgrade that
   changes the markup makes cards look like stock Twenty again, nothing breaks. upgrade.sh checks the link is still there.
   Card order (board.py): Owner, Amount, Quarter, Next step, Flags. */
[data-click-outside-id="record-board-card"] [data-selected] > div:first-child { padding-top: 10px; padding-bottom: 6px; }
/* deal name and company logo, bigger */
[data-click-outside-id="record-board-card"] [data-selected] > div:first-child a[data-click-outside-id="link-chip-click-outside-id"] {
  height: auto; gap: 10px; font-size: 15px; font-weight: 600; padding: 0; }
[data-click-outside-id="record-board-card"] [data-selected] > div:first-child a[data-click-outside-id="link-chip-click-outside-id"] > span[data-shape] {
  width: 30px !important; height: 30px !important; min-width: 30px; border-radius: 7px; font-size: 14px; }
[data-click-outside-id="record-board-card"] [data-selected] > div:first-child a[data-click-outside-id="link-chip-click-outside-id"] > span[data-shape] img {
  width: 30px !important; height: 30px !important; object-fit: contain; border-radius: 7px; }
/* Amount and Quarter side by side, Next step softer, Flags smaller */
[data-click-outside-id="record-board-card"] [data-dimension="height"] > div { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4px; padding-top: 2px; }
[data-click-outside-id="record-board-card"] [data-dimension="height"] > div > div:nth-child(1),
[data-click-outside-id="record-board-card"] [data-dimension="height"] > div > div:nth-child(n+4) { grid-column: 1 / -1; }
[data-click-outside-id="record-board-card"] [data-dimension="height"] > div > div:nth-child(4) { opacity: 0.75; }
[data-click-outside-id="record-board-card"] [data-dimension="height"] > div > div:nth-child(5) { font-size: 12px; }