/* Event tickets, the host's side (class.tickets.php, class.guest_lists.php, tickets.js): the
   Tickets card on the event drawer and its stacked drawers, the Ticket sales settings drawer.
   built on the event drawer's own classes (meetup_section, org_person_row, settings_row) */

.tk_card .org_card_hint b { color: #16211f; }
.tk_tier_rows { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.tk_tier_rows:empty { margin-top: 0; }
.tk_tier_row { cursor: pointer; }
.tk_tier_row:hover { border-color: #9fcbcd; }
.tk_tier_avatar { background: #eaf7f8; color: #0f7777; font-size: 16px; }
.tk_tier_price { flex: none; font-weight: 800; color: #16211f; font-size: 14px; }
.tk_warn { margin-top: 10px; background: #fff7e6; border: 1px solid #f3d9a4; color: #7a5a12; border-radius: 8px; padding: 9px 12px; font-size: 13px; line-height: 1.45; }
.tk_warn i { margin-right: 4px; }
.tk_warn a { color: #0f7777; font-weight: 700; }
.tk_link_row { display: flex; gap: 6px; align-items: center; margin-top: 12px; }
.tk_link_row .tk_link { flex: 1; min-width: 0; font-size: 12.5px; color: #5f6f73; background: #f7fafa; }
.tk_link_copy, .tk_link_open { flex: none; width: 38px; height: 38px; border-radius: 8px; border: 1px solid #d9e3e5; background: white; color: #0f7777; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; cursor: pointer; text-decoration: none; }
.tk_link_copy:hover, .tk_link_open:hover { background: #eaf7f8; text-decoration: none; }
.tk_link_copy.is_done { background: #0f7777; color: white; border-color: #0f7777; }
.tk_doors { margin: 12px -16px -16px; border-radius: 0 0 12px 12px; overflow: hidden; }
.tk_doors .settings_row { cursor: pointer; }
.tk_icon_add { background: #eaf7f8 !important; color: #0f7777 !important; }
.tk_count { display: inline-block; min-width: 20px; padding: 0 6px; border-radius: 10px; background: #e3ebeb; color: #3d4f52; font-size: 12px; font-weight: 700; line-height: 20px; text-align: center; vertical-align: middle; margin-left: 4px; }
.tk_empty { padding: 14px 16px; color: #5f6f73; font-size: 13.5px; line-height: 1.5; background: white; }
.tk_x { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #d9e3e5; background: white; color: #8a9a9f; font-size: 11px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.tk_x:hover { color: #b8433a; border-color: #e2a19b; }
.tk_row_buttons { display: flex; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.tk_row_buttons .meetup_primary_button { width: auto; padding: 10px 18px; }
.tk_row_buttons .btn-link { color: #0f7777; font-weight: 700; padding: 0; }
.tk_notice { margin-top: 10px; background: #eaf7f8; border: 1px solid #c9e6e7; color: #0f5f5f; border-radius: 8px; padding: 9px 12px; font-size: 13px; }
.tk_notice.tk_notice_err { background: #fff1f0; border-color: #f0c2bd; color: #8d3a32; }

/* forms; the stacked drawers' footer button spans like the meetup drawers' */
.tk_tier_drawer .mchat_input .meetup_primary_button, .tk_settings_drawer .mchat_input .meetup_primary_button, .tk_inv_drawer .mchat_input .meetup_primary_button, .tk_order_drawer .mchat_input .meetup_primary_button, .tgl_drawer .mchat_input .meetup_primary_button { width: 100%; padding: 13px; font-size: 1em; }
.tk_grid2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 10px; margin-top: 10px; }
.tk_grid2 label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 700; color: #5f6f73; margin: 0; min-width: 0; }
.tk_grid2 .meetup_input, .tk_grid2 input { width: 100%; min-width: 0; }
.tk_money_input { position: relative; display: block; }
.tk_money_input b { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #5f6f73; font-weight: 700; }
.tk_money_input .meetup_input { padding-left: 24px; }
.tk_checks { display: flex; flex-direction: column; gap: 6px; }
.tk_check { display: flex; align-items: center; gap: 10px; background: white; border: 1px solid #e3ebeb; border-radius: 10px; padding: 10px 12px; cursor: pointer; margin: 0; font-weight: 500; }
.tk_check input { position: absolute; opacity: 0; pointer-events: none; }
.tk_check_box { flex: none; width: 22px; height: 22px; border-radius: 6px; border: 2px solid #b6c9cc; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: 13px; }
.tk_check.is_on { border-color: #0f7777; background: #f2fafa; }
.tk_check.is_on .tk_check_box { background: #0f7777; border-color: #0f7777; }
.tk_check_label { font-size: 14px; color: #16211f; }
.tk_check_label small { color: #7a8a8e; font-weight: 500; margin-left: 4px; }
.tk_check input:disabled ~ .tk_check_label { color: #9aa8ab; }
.tk_choices { display: flex; flex-direction: column; gap: 6px; }
.tk_choices .staff_contact_choice { margin: 0; }

/* attendees */
.tk_att_in { flex: none; font-size: 13px; font-weight: 700; color: #1f7a45; }
.tk_att_rows { display: flex; flex-direction: column; gap: 8px; }
.tk_att_row.is_in { background: #f1faf4; border-color: #cfe8d8; }
.tk_att_row.is_dead { opacity: .6; }
.tk_avatar_in { background: #1f7a45; }
.tk_checkin_button { flex: none; border: 1px solid #0f7777; background: #0f7777; color: white; border-radius: 8px; padding: 6px 11px; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.tk_checkin_button.is_in { background: white; color: #5f6f73; border-color: #d9e3e5; }
.tk_checkin_button[disabled] { opacity: .6; }
.tk_order_open { flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #d9e3e5; background: white; color: #6b7c7d; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.tk_order_open:hover { color: #0f7777; border-color: #9fcbcd; }
.tk_code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; font-weight: 700; color: #16211f; }
.tk_order_line { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #e9eff0; font-size: 14px; color: #16211f; }
.tk_order_line:last-child { border-bottom: 0; }
.tk_order_line small { color: #5f6f73; }
.tk_pill { flex: none; align-self: flex-start; border-radius: 12px; padding: 3px 10px; font-size: 12px; font-weight: 700; background: #e3ebeb; color: #3d4f52; }
.tk_pill_paid, .tk_pill_free { background: #e3f4ea; color: #1f7a45; }
.tk_pill_pending { background: #fff7e6; color: #7a5a12; }
.tk_pill_refunded, .tk_pill_cancelled, .tk_pill_expired { background: #fbe9e7; color: #8d3a32; }
.tk_account_panel .settings_group_title { margin-top: 6px; }
.tk_account_section .settings_group, .tk_sales_drawer .settings_group { margin: 0; }
.tk_sales_drawer .staff_dash_intro { margin-bottom: 14px; }
.tk_lists_panel { margin-top: 18px; }
.tk_choices .staff_contact_choice[disabled] { opacity: .55; cursor: default; }