/* ================== COMPANY KNOWLEDGE (class.company_knowledge.php) ==================
   ck_ classes: the employer page (employers?a=knowledge), Add knowledge / the fact / the edit
   drawers, and the staff side's Ask drawer. borrows the meetings page's cm_ hero pieces
   (css/company_meetings.css) and the process-drawer pd_ form pieces (css/process_drawer.css) */

/* the page */
/* inside the phone's tool drawer the door is the footer button, not the hero's or the list heading's */
.employer_tool_drawer_knowledge .svy_intro_buttons, .employer_tool_drawer_knowledge .svy_list_top .svy_create { display: none; }
.ck_page, .ck_page * { min-width: 0; }
.ck_page .settings_row_label { overflow-wrap: anywhere; }
.ck_group_title { display: flex; align-items: center; gap: 8px; }
.ck_count_pill { font-size: 11px; font-weight: 800; letter-spacing: 0; text-transform: none; background: #e2efef; color: #0f5e63; border-radius: 999px; padding: 1px 8px; }
.ck_count_pill_warm { background: #fff1d6; color: #9a5b00; }
.ck_icon_gap { background: #fff1d6; color: #9a5b00; }
.ck_icon_q { background: #eef0f2; color: #4b5b62; }
.ck_icon_flag { background: #fdeaea; color: #b91c1c; }
.ck_icon_ok { background: #e3f4ea; color: #1f7a45; }
.ck_icon_off { background: #eef0f2; color: #8a9a9f; }
.ck_row_off { opacity: .6; }
.ck_gaps .settings_row_chevron { color: #9a5b00; }
.ck_recent_row { cursor: default; }
.ck_recent_row:hover { background: white; }
.ck_recent_answer { margin-top: 4px; color: #1f2a2b; font-size: 13px; line-height: 1.45; background: #f4f8f8; border-left: 3px solid #cfe5e6; padding: 6px 10px; border-radius: 0 8px 8px 0; }
.ck_pill { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; padding: 2px 8px; margin-left: 6px; vertical-align: 2px; }
.ck_pill i { font-size: 10px; }
.ck_pill_ok { background: #e3f4ea; color: #1f7a45; }
.ck_pill_warm { background: #fff1d6; color: #9a5b00; }
.ck_pill_flag { background: #fdeaea; color: #b91c1c; }
.ck_pill_staff { background: #e6f3f3; color: #0f7777; }
.ck_pill_admin { background: #ece9fb; color: #5b3fb8; }
.ck_pill_off { background: #eef0f2; color: #6b7280; }
.ck_search_wrap { position: relative; margin-top: 22px; }
.ck_search_wrap i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #8a9a9f; pointer-events: none; }
.ck_search_wrap .ck_search { width: 100%; box-sizing: border-box; height: 42px; border-radius: 10px; border: 1px solid #d3e2e3; padding-left: 36px; box-shadow: none; font-size: 15px; }
.ck_search_wrap .ck_search:focus { border-color: darkcyan; box-shadow: 0 0 0 2px rgba(0, 139, 139, .15); }
.ck_retired_toggle, .ck_retired_toggle:visited { display: inline-block; margin: 16px 0 6px 4px; font-size: 13px; font-weight: 700; color: #6b7280; text-decoration: none; }
.ck_retired_toggle:hover { color: #0f5e63; text-decoration: none; }
.ck_group_empty { display: none; }
.ck_empty_facts { margin-top: 18px; padding: 18px; background: white; border: 1px dashed #cfe5e6; border-radius: 12px; color: #435b64; font-size: 14px; line-height: 1.5; }

/* the hero's art */
.ck_hero .svy_intro_art { max-width: 520px; }

/* the drawers */
.ck_head_sub { font-size: 11.5px; opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck_foot { flex: none; background: #eef3f3; padding: 10px 16px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid #dfe8ea; }
.ck_foot .btn { font-weight: 700; padding: 11px; border-radius: 4px; }
.ck_foot_btns { display: flex; gap: 8px; }
.ck_foot_btns .btn { min-width: 0; white-space: nowrap; }
.ck_act_retire { color: #b91c1c; }
.ck_form .form-control { width: 100%; min-width: 0; box-sizing: border-box; }
.ck_form .pd_label:first-child { margin-top: 0; }
.ck_form .pd_form textarea.form-control { height: auto; resize: vertical; font-size: 15px; line-height: 1.5; }
.ck_text_box { position: relative; }
.ck_mic_row { display: flex; align-items: center; gap: 10px; padding: 8px 12px 10px; border-top: 1px solid var(--pd_line, #dbe4e6); }
.ck_mic { font: inherit; font-size: 13.5px; font-weight: 700; color: #0b5f5f; background: var(--pd_brand_wash, #e6f3f4); border: 1.5px solid #bfdfe0; border-radius: 999px; padding: 6px 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; -webkit-tap-highlight-color: transparent; }
.ck_mic i { font-size: 15px; }
.ck_mic.ck_mic_on { background: #b91c1c; border-color: #b91c1c; color: white; animation: ck_pulse 1.2s ease-in-out infinite; }
@keyframes ck_pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(185, 28, 28, .35); } 50% { box-shadow: 0 0 0 8px rgba(185, 28, 28, 0); } }
.ck_mic_hint { font-size: 12.5px; color: var(--pd_faint, #8a9a9f); }
.ck_no_speech .ck_mic { display: none; }
.ck_no_speech .ck_mic_hint::before { content: 'Tap the mic on your keyboard to dictate. '; }
.ck_no_speech .ck_mic_hint { font-size: 12.5px; }
.ck_check_row { display: flex; align-items: flex-start; gap: 10px; margin: 14px 2px 0; font-weight: 500; font-size: 14px; color: #1f2a2b; cursor: pointer; }
.ck_check_row input { margin: 3px 0 0; }
.ck_chips .pd_card { min-height: 52px; }
.ck_wait { margin-top: 14px; padding: 16px; background: white; border: 1px solid #dfe8ea; border-radius: 12px; color: #435b64; font-size: 14px; display: flex; align-items: center; gap: 12px; }
.ck_wait_dots { display: inline-flex; gap: 4px; align-items: center; }
.ck_wait_dots span { width: 7px; height: 7px; border-radius: 50%; background: #0f7777; animation: ck_dot 1.2s infinite ease-in-out; }
.ck_wait_dots span:nth-child(2) { animation-delay: .2s; }
.ck_wait_dots span:nth-child(3) { animation-delay: .4s; }
@keyframes ck_dot { 0%, 80%, 100% { opacity: .25; transform: scale(.8); } 40% { opacity: 1; transform: scale(1); } }

/* the review cards */
.ck_rev_intro { display: flex; gap: 12px; align-items: flex-start; background: white; border: 1px solid #dfe8ea; border-radius: 12px; padding: 14px; margin-bottom: 14px; font-size: 14px; line-height: 1.45; color: #435b64; }
.ck_rev_intro > i { font-size: 22px; color: #0f7777; flex: none; }
.ck_rev_intro b { color: #1f2a2b; display: block; margin-bottom: 2px; }
.ck_rev_summary { margin-top: 6px; font-size: 13px; font-style: italic; }
.ck_rev_none b { display: block; }
.ck_rev_card { background: white; border: 1px solid #dfe8ea; border-radius: 12px; padding: 12px; margin-bottom: 10px; }
.ck_rev_head { display: flex; align-items: center; gap: 8px; }
.ck_rev_num { flex: none; width: 24px; height: 24px; border-radius: 50%; background: #0f7777; color: white; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.ck_rev_title { flex: 1; min-width: 0; border: 0; border-bottom: 1px solid #e4eeee; font-size: 15px; font-weight: 700; padding: 4px 2px; outline: none; background: transparent; }
.ck_rev_title:focus { border-bottom-color: darkcyan; }
.ck_rev_drop { flex: none; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: #8a9a9f; cursor: pointer; }
.ck_rev_drop:hover { background: #fdeaea; color: #b91c1c; }
.ck_rev_body { width: 100%; box-sizing: border-box; margin-top: 8px; border: 1px solid #e4eeee; border-radius: 8px; padding: 8px 10px; font-size: 14.5px; line-height: 1.5; resize: vertical; outline: none; }
.ck_rev_body:focus { border-color: darkcyan; }
.ck_rev_for, .ck_replaces { margin-top: 8px; font-size: 12.5px; line-height: 1.4; }
.ck_rev_for i, .ck_replaces i { margin-right: 4px; }
.ck_concern { margin-top: 8px; font-size: 12.5px; display: flex; gap: 6px; align-items: flex-start; line-height: 1.4; }
.ck_rev_for { color: #0f7777; }
.ck_replaces { color: #5b3fb8; }
.ck_concern { color: #9a5b00; background: #fff8ea; border: 1px solid #f3e2bd; border-radius: 8px; padding: 6px 8px; }
.ck_concern_patient_info { color: #b91c1c; background: #fdf1f1; border-color: #f2c9c9; }
.ck_rev_skipped_note { display: none; margin-top: 8px; font-size: 13px; color: #6b7280; }
.ck_rev_skipped { opacity: .55; }
.ck_rev_skipped .ck_rev_body, .ck_rev_skipped .ck_rev_for, .ck_rev_skipped .ck_replaces, .ck_rev_skipped .ck_concern, .ck_rev_skipped .ck_rev_drop { display: none; }
.ck_rev_skipped .ck_rev_skipped_note { display: block; }
.ck_rev_skipped .ck_rev_title { text-decoration: line-through; }
.ck_rev_back_link { display: inline-block; margin: 6px 0 0 2px; font-size: 13.5px; font-weight: 700; color: #0f5e63; }

/* saved */
.ck_done { text-align: center; padding: 30px 10px 10px; }
.ck_done_icon { width: 64px; height: 64px; border-radius: 50%; background: #e3f4ea; color: #1f7a45; font-size: 30px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.ck_done_title { font-size: 20px; font-weight: 800; color: #1f2a2b; }
.ck_done_sub { margin-top: 6px; color: #435b64; font-size: 14px; line-height: 1.5; }

/* the fact's drawer */
.ck_fact_card { background: white; border: 1px solid #dfe8ea; border-radius: 14px; padding: 16px; }
.ck_fact_card_off { opacity: .65; }
.ck_fact_title { font-size: 17px; font-weight: 800; color: #1f2a2b; line-height: 1.3; }
.ck_fact_body { margin-top: 8px; font-size: 15.5px; line-height: 1.55; color: #1f2a2b; overflow-wrap: anywhere; }
.ck_fact .settings_row { cursor: default; }
.ck_fact .settings_row:hover { background: white; }

/* the Ask drawer */
.ck_ask_container .ck_body { padding-bottom: 14px !important; }
.ck_intro { display: flex; gap: 12px; align-items: flex-start; background: white; border: 1px solid #dfe8ea; border-radius: 14px; padding: 14px; font-size: 14px; line-height: 1.5; color: #435b64; }
.ck_intro_icon { flex: none; width: 40px; height: 40px; border-radius: 12px; background: #fff1d6; color: #d98a00; font-size: 20px; display: flex; align-items: center; justify-content: center; }
.ck_intro_text b { color: #1f2a2b; }
.ck_ask_container .ck_contribute { margin-top: 12px; background: white; border: 1px solid #d3e2e3; border-radius: 12px; }
.ck_starters_title { font-size: 12px; font-weight: 700; color: #0f5e63; letter-spacing: .08em; text-transform: uppercase; margin: 22px 0 8px 4px; }
.ck_starters { display: flex; flex-wrap: wrap; gap: 8px; }
.ck_starter { font: inherit; font-size: 13.5px; font-weight: 600; color: #0b5f5f; background: white; border: 1px solid #bfdfe0; border-radius: 999px; padding: 7px 12px; cursor: pointer; text-align: left; max-width: 100%; -webkit-tap-highlight-color: transparent; }
.ck_starter:hover { background: var(--pd_brand_wash, #e6f3f4); }
.ck_answers { margin-top: 18px; display: flex; flex-direction: column; gap: 14px; }
.ck_exchange { display: flex; flex-direction: column; gap: 8px; }
.ck_q_bubble { align-self: flex-end; background: #0f7777; color: white; font-size: 15px; border-radius: 16px 16px 4px 16px; padding: 10px 14px; max-width: 88%; overflow-wrap: anywhere; }
.ck_a_card { align-self: flex-start; width: 100%; box-sizing: border-box; background: white; border: 1px solid #dfe8ea; border-radius: 16px 16px 16px 4px; padding: 12px 14px; box-shadow: 0 2px 10px rgba(11, 61, 64, .05); }
.ck_a_card_gap { background: #fffaf0; border-color: #f3e2bd; }
.ck_a_text { font-size: 15.5px; line-height: 1.55; color: #1f2a2b; overflow-wrap: anywhere; }
.ck_a_error { color: #b91c1c; }
.ck_pending .ck_a_card { padding: 16px 14px; }
.ck_cites { margin-top: 12px; border-top: 1px solid #e4eeee; padding-top: 10px; }
.ck_cites_title { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8a9a9f; margin-bottom: 6px; }
.ck_cite { background: #f4f8f8; border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
.ck_cite:last-child { margin-bottom: 0; }
.ck_cite_title { font-size: 13.5px; font-weight: 800; color: #1f2a2b; }
.ck_cite_body { font-size: 13.5px; line-height: 1.5; color: #1f2a2b; margin-top: 2px; overflow-wrap: anywhere; }
.ck_cite_meta { margin-top: 6px; font-size: 12px; color: #5b6b70; }
.ck_cite_ok { color: #1f7a45; font-weight: 700; }
.ck_cite_flagged { color: #b91c1c; font-weight: 700; }
.ck_cite_actions { margin-top: 6px; font-size: 12.5px; }
.ck_cite_actions a { color: #6b7280; font-weight: 700; text-decoration: none; }
.ck_cite_actions a:hover { color: #b91c1c; }
.ck_flagged_note { color: #b91c1c; font-weight: 700; }
.ck_flag_form { margin-top: 8px; }
.ck_flag_form .form-control { width: 100%; box-sizing: border-box; height: auto; resize: vertical; font-size: 14px; }
.ck_flag_btns { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.ck_flag_btns .btn { font-weight: 700; }
.ck_flag_btns a { color: #6b7280; font-weight: 700; }
.ck_helpful { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 12.5px; color: #8a9a9f; }
.ck_helpful_btn { font: inherit; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #dfe8ea; background: white; color: #6b7280; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ck_helpful_btn.ck_on { background: #0f7777; border-color: #0f7777; color: white; }
.ck_gap_note { margin-top: 10px; font-size: 13px; color: #9a5b00; display: flex; gap: 6px; align-items: center; }
.ck_ask_container .mchat_input { flex: none; background: white; border-top: 1px solid #dfe8ea; padding: 8px 10px calc(10px + env(safe-area-inset-bottom)); }
.ck_ask_row { display: flex; align-items: flex-end; gap: 8px; }
.ck_ask_row .ck_q { flex: 1; min-width: 0; height: auto; max-height: 120px; border-radius: 20px; border: 1px solid #d3e2e3; padding: 9px 14px; font-size: 16px; line-height: 1.4; resize: none; box-shadow: none; }
.ck_ask_row .ck_q:focus { border-color: darkcyan; box-shadow: 0 0 0 2px rgba(0, 139, 139, .15); }
.ck_ask_row .ck_mic_ask { flex: none; width: 40px; height: 40px; border-radius: 50%; padding: 0; justify-content: center; }
.ck_ask_row .ck_send { flex: none; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #0f7777; color: white; font-size: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ck_ask_row .ck_send:disabled { opacity: .5; cursor: default; }

/* ================== second pass: history, references, notes ================== */
.ck_pill_process { background: #ece9fb; color: #5b3fb8; }
.ck_pill_note { background: #fff1d6; color: #9a5b00; }
.ck_pill_kind { background: #eef0f2; color: #4b5b62; margin-left: 4px; }
.ck_label_opt { font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--pd_faint, #8a9a9f); margin-left: 4px; }
.ck_steps { margin: 0; padding-left: 22px; }
.ck_steps li { margin: 3px 0; }
.ck_old_body { font-style: italic; }

/* references: chips, the add / photo buttons */
.ck_files { background: white; border: 1px solid var(--pd_line, #dbe4e6); border-radius: 12px; padding: 10px 12px; }
.ck_file_chips { display: flex; flex-direction: column; gap: 6px; }
.ck_file_chips:empty { display: none; }
.ck_file_chip { display: flex; align-items: center; gap: 10px; background: #f4f8f8; border: 1px solid #e4eeee; border-radius: 10px; padding: 6px 8px; cursor: pointer; min-width: 0; }
.ck_file_chip:hover { background: #eaf4f4; }
.ck_chip_pending { opacity: .6; cursor: default; }
.ck_chip_thumb, .ck_chip_icon { flex: none; width: 40px; height: 40px; border-radius: 8px; background: #e2efef center / cover no-repeat; color: #0f5e63; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.ck_chip_text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ck_chip_name { font-size: 13.5px; font-weight: 700; color: #1f2a2b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck_chip_caption { font-size: 12px; color: #5b6b70; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck_chip_x { flex: none; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: #8a9a9f; cursor: pointer; }
.ck_chip_x:hover { background: #fdeaea; color: #b91c1c; }
.ck_file_btns { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.ck_file_chips:empty + .ck_file_btns { margin-top: 0; }
.ck_file_btn { font-size: 13.5px; font-weight: 700; color: #0b5f5f; background: var(--pd_brand_wash, #e6f3f4); border: 1.5px solid #bfdfe0; border-radius: 999px; padding: 6px 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; margin: 0; -webkit-tap-highlight-color: transparent; }
.ck_file_btn input { display: none; }
.ck_files_hint { margin-top: 8px; }
.ck_files_fact { margin-top: 0; }
@media (max-width: 767px) { .ck_files .pd_phone_only { display: inline-flex; } }
.ck_rev_files { margin: 4px 0 10px; }
.ck_cite_files { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.ck_cite_files .ck_file_chip { background: white; }

/* the review card's relation to an old fact */
.ck_relation { margin-top: 10px; border-radius: 10px; padding: 10px 12px; font-size: 13px; line-height: 1.45; }
.ck_relation_replace { background: #f3f0fc; border: 1px solid #ddd5f5; color: #3d2a86; }
.ck_relation_conflict { background: #fff8ea; border: 1px solid #f3e2bd; color: #7a4a00; }
.ck_relation_note { background: #eef7f7; border: 1px solid #cfe5e6; color: #0b5f5f; }
.ck_relation_head { font-weight: 700; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ck_relation_old { margin-top: 6px; background: rgba(255, 255, 255, .7); border-radius: 8px; padding: 8px 10px; color: #1f2a2b; }
.ck_relation_tag { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8a9a9f; margin-right: 6px; }
.ck_relation_choice { display: flex; gap: 8px; margin-top: 8px; }
.ck_rel_btn { flex: 1; font: inherit; font-size: 13px; font-weight: 700; color: #4b5b62; background: white; border: 1.5px solid var(--pd_line, #dbe4e6); border-radius: 8px; padding: 8px 6px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; -webkit-tap-highlight-color: transparent; }
.ck_rel_btn.pd_on { border-color: darkcyan; background: var(--pd_brand_wash, #e6f3f4); color: #0b5f5f; box-shadow: 0 0 0 1px darkcyan inset; }
.ck_relation_hint { margin-top: 6px; font-size: 12px; opacity: .85; }

/* the fact's notes */
.ck_notes .settings_row { cursor: default; align-items: flex-start; }
.ck_notes .settings_row:hover { background: white; }
.ck_note_when { font-size: 12px; color: #8a9a9f; font-weight: 500; }
.ck_note_text { margin-top: 4px; font-size: 14px; line-height: 1.45; color: #1f2a2b; font-weight: 400; }
.ck_note_btns { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.ck_note_btn { font: inherit; font-size: 12.5px; font-weight: 700; color: #0b5f5f; background: var(--pd_brand_wash, #e6f3f4); border: 1px solid #bfdfe0; border-radius: 999px; padding: 5px 11px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; -webkit-tap-highlight-color: transparent; }
.ck_note_btn:disabled { opacity: .5; }
.ck_note_dismiss { color: #6b7280; background: #f4f5f6; border-color: #dfe3e6; }
.ck_note_state { margin-top: 6px; font-size: 12.5px; color: #0f7777; font-weight: 700; }
.ck_fold_note { background: #eef7f7; border: 1px solid #cfe5e6; border-radius: 12px; padding: 10px 12px; margin-bottom: 14px; font-size: 13px; color: #435b64; }
.ck_fold_note_text { margin-top: 4px; font-size: 14px; color: #1f2a2b; line-height: 1.45; }

/* the answer card: what changed, the team's notes, the reply hint */
.ck_cite_changed { margin-top: 8px; font-size: 12.5px; color: #5b3fb8; background: #f3f0fc; border-radius: 8px; padding: 6px 8px; line-height: 1.4; }
.ck_cite_changed span { color: #4b5b62; font-style: italic; }
.ck_cite_notes { margin-top: 8px; border-top: 1px dashed #dfe8ea; padding-top: 6px; }
.ck_cite_note { font-size: 13px; color: #1f2a2b; line-height: 1.45; margin-top: 3px; }
.ck_cite_note i { color: #9a5b00; }
.ck_reply_hint { margin-top: 8px; font-size: 12px; color: #8a9a9f; }
.ck_a_card_note { background: #eef7f7; border-color: #cfe5e6; }
.ck_note_ack_head { font-size: 14px; font-weight: 700; color: #0b5f5f; display: flex; gap: 6px; align-items: flex-start; flex-wrap: wrap; }
.ck_note_ack_text { margin-top: 6px; font-size: 14.5px; color: #1f2a2b; font-style: italic; }
.ck_a_card_note .ck_a_text { margin-top: 6px; font-size: 14.5px; }
.ck_note_ack_next { margin-top: 6px; font-size: 12.5px; color: #435b64; line-height: 1.45; }

/* the reference viewer (a stacked drawer off a chip) */
.ck_view_container .ck_body { padding: 0 !important; display: flex; flex-direction: column; }
.ck_view { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.ck_view_stage { flex: 1; min-height: 0; overflow: auto; background: #1f2a2b; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; display: flex; align-items: flex-start; justify-content: flex-start; cursor: default; }
.ck_view_zoomed .ck_view_stage { cursor: grab; }
.ck_view_img { display: block; max-width: none; margin: auto; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.ck_view_zoom { flex: none; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 16px 4px; }
.ck_zoom_btn { font: inherit; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #d3e2e3; background: white; color: #0f5e63; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; -webkit-tap-highlight-color: transparent; }
.ck_zoom_btn:active { background: #e2efef; }
.ck_zoom_pct { min-width: 48px; text-align: center; font-size: 13px; font-weight: 700; color: #4b5b62; font-variant-numeric: tabular-nums; }
.ck_view_hint { flex: none; text-align: center; font-size: 12px; color: #8a9a9f; padding: 4px 16px 10px; }
.ck_view_frame { flex: 1; min-height: 0; width: 100%; border: 0; background: white; }
.ck_view_textbox { flex: 1; min-height: 0; overflow: auto; margin: 16px 16px 6px; background: white; border: 1px solid #dfe8ea; border-radius: 12px; padding: 14px; font-size: 14.5px; line-height: 1.55; color: #1f2a2b; white-space: pre-wrap; overflow-wrap: anywhere; }
.ck_view_empty { color: #6b7280; font-style: italic; }
.ck_view_open { font-weight: 700; padding: 11px; }

/* the Ask drawer's Your conversations, and a conversation opened again */
.ck_history .ck_search_wrap .ck_search { height: 40px; font-size: 14.5px; }
.ck_hist_empty { padding: 14px; background: white; border: 1px dashed #cfe5e6; border-radius: 12px; color: #6b7280; font-size: 13.5px; }
.ck_conv_head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.ck_conv_back, .ck_conv_back:visited { font-size: 14px; font-weight: 700; color: #0f5e63; text-decoration: none; }
.ck_conv_back:hover { text-decoration: none; color: #0b4a4e; }
.ck_conv_when { font-size: 12px; color: #8a9a9f; }
.ck_home.hide_me, .ck_conv_head.hide_me { display: none !important; }
.ck_exchange_past .ck_q_bubble { background: #4b7f85; }
.ck_a_stamp { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8a9a9f; margin-bottom: 4px; }
.ck_gap_filled { margin-top: 10px; font-size: 13px; color: #1f7a45; background: #e3f4ea; border-radius: 8px; padding: 8px 10px; line-height: 1.45; }
.ck_gap_filled i { margin-right: 4px; }