/* ================== MONTHLY DIGEST (class.staff_digest.php) ==================
   sd_ classes: the employer page (employers?a=digest) and its drawers (the send form, the preview,
   a round, next steps). the bones are the meetings' and the emergency alerts' (cm_box, cm_foot,
   ea_next_*, ea_warn); this file is the teal on top and the preview frame */

/* 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_digest .svy_intro_buttons, .employer_tool_drawer_digest .svy_list_top .svy_create { display: none; }
.sd_hero .svy_intro_title span { color: #0f7777; }
.sd_hero .svy_intro_list i { color: #0f7777; }
.sd_ready { margin-top: 14px; font-size: 13px; color: #55707a; }
.sd_num { background: #0f7777 !important; }
.sd_more .cm_card i { color: #0f7777; }
.sd_works_note { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #5b6b70; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; padding: 8px 12px; margin: 14px 0 0; }
.sd_works_note i { color: #c2410c; }
.sd_page, .sd_page * { min-width: 0; }
.sd_pill { display: inline-block; 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; }
.sd_pill_sent { background: #e3f4ea; color: #1f7a45; }
.sd_pill_held { background: #fff4de; color: #9a6400; }
.sd_held { color: #9a6400; font-weight: 700; }
.sd_next_icon, .sd_sample_icon { background: #eef7f7 !important; } .sd_next_icon i, .sd_sample_icon i { color: #0f7777 !important; }
.ea_next_tag_plus { background: #f1e6f7; color: #6b2d8b; }

/* the form */
.sd_months .pd_chip small { font-weight: 500; opacity: .7; }
.sd_count_card .settings_row_label b { font-weight: 800; color: #16211f; }
.sd_check .cm_detail_text { margin-bottom: 8px; }
.sd_check_row { font-size: 13px; padding: 8px 0; border-top: 1px solid #eef3f3; line-height: 1.4; }
.sd_check_row b { color: #16211f; }
.sd_check_row span { display: block; font-size: 12px; color: #9a6400; }
.sd_row_off { opacity: .5; }

/* the preview: the email as the inbox draws it, inside the drawer */
.sd_preview_note { font-size: 13px; color: #55707a; margin-bottom: 10px; }
.sd_preview_frame { margin: 0 -18px; }
.sd_preview_frame > div { padding-left: 0 !important; padding-right: 0 !important; }

/* a round's people */
.sd_round_container .cm_person_row { padding: 10px 0; border-top: 1px solid #eef3f3; justify-content: space-between; gap: 10px; }
.sd_round_container .cm_person_row:first-child { border-top: 0; }
.sd_round_container .cm_person_name { font-size: 14px; font-weight: 700; color: #16211f; min-width: 0; }
.sd_round_container .cm_person_name span { display: block; font-size: 12px; font-weight: 500; color: #7d939b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd_round_container .cm_person_state { flex: none; }
.sd_round_container .cm_person_state .sd_pill { margin-left: 0; }