/* Quiet, selectable suggestions inside the idea composer. */
#join .booking-apps { margin-top: 18px; }
#join .booking-app-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
#join .booking-app-choice { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--build-line); border-radius: 10px; background: var(--build-surface); color: var(--body); font: 500 11px/1.4 Montserrat,sans-serif; text-align: left; white-space: nowrap; cursor: pointer; }
#join .booking-app-choice[data-booking-idea="reorder planning"] { --idea-color:#a77c3d; }
#join .booking-app-choice[data-booking-idea="ad bidding"] { --idea-color:#bd735c; }
#join .booking-app-choice[data-booking-idea="buy box tracking"] { --idea-color:#63866b; }
#join .booking-app-choice[data-booking-idea="listing changes"] { --idea-color:#5f83ad; }
#join .booking-app-choice[data-booking-idea="keyword tracking"] { --idea-color:#8d72a5; }
#join .booking-app-choice[data-booking-idea="product images"] { --idea-color:#548e85; }
#join .booking-idea-icon { display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:7px; color:var(--idea-color); background:color-mix(in srgb,var(--idea-color) 10%,var(--build-surface)); }
#join .booking-idea-icon svg { display:block; width:15px; height:15px; }
#join .booking-app-choice:hover { border-color: var(--blue); color: var(--ink); }
#join .booking-app-choice[aria-pressed="true"] { border-color: color-mix(in srgb,var(--blue) 60%,var(--build-line)); background: color-mix(in srgb,var(--blue) 5%,var(--build-surface)); color: var(--ink); }
#join .booking-app-choice[aria-pressed="true"] .booking-idea-icon { background:var(--blue); color:#fff; }
#join .booking-app-choice[aria-pressed="true"] .booking-idea-icon svg { stroke-width:2; }
[data-theme="dark"] #join .booking-app-choice:not([aria-pressed="true"]) .booking-idea-icon { color:color-mix(in srgb,var(--idea-color) 65%,#fff); }
[data-theme="dark"] #join .booking-app-choice[aria-pressed="true"] { border-color:var(--blue); background:color-mix(in srgb,var(--blue) 16%,var(--build-surface)); }
#join .booking-app-choice:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
#join .booking-selection-count { display: block; min-height: 18px; margin-top: 12px; color: var(--quiet); font-size: 11px; line-height: 1.6; }
@media(max-width:600px) {
 #join .booking-app-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 #join .booking-app-choice { min-height: 44px; border-radius: 999px; font-size: 11.5px; padding: 8px; gap: 6px; letter-spacing:-.02em; }
 #join .booking-idea-icon { width:22px; height:22px; border-radius:50%; }
 #join .booking-idea-icon svg { width:14px; height:14px; }
 #join .booking-selection-count { font-size: 10px; }
}
@media(max-width:360px) {
 #join .booking-app-choice { font-size: 10.5px; padding-inline: 7px; gap: 5px; }
 #join .booking-idea-icon { width:18px; height:18px; }
 #join .booking-idea-icon svg { width:12px; height:12px; }
}