/*
 * Oct 7 2026 - #185 recolourable line glyphs (call popup, chat popout,
 * messages.php inbox popout glyph).
 *
 * Each glyph is an SVG used as a CSS mask, so the colour comes from
 * CSS, never from the file. Recolour any glyph with the token:
 *     --glyph-color  (falls back to the surrounding text colour)
 *     --glyph-size   (falls back to 1.25em)
 * Glyph roles live in ui_semantic_icon_catalog as css_token values
 * ("glyph glyph_phone" etc.) and render through renderSemanticIcon().
 * This file holds no colours of its own.
 */
:root {
    /* Oct 8 2026 - her request: ONE standard glyph size for page-content glyphs (not main nav). Same size as the chat-option glyph. Use var(--page-content-glyph-size) instead of a literal. */
    --page-content-glyph-size: 1.5rem;
    /* Second standard: small glyphs for row-height-constrained spots (messages.php row actions). */
    --page-content-glyph-size-small: 1.25rem;
}
/* Unicode / image glyphs from renderSemanticIcon(): same standard size. :where() keeps specificity at zero so any component class that sets its own size (call popup, chat options) still wins. */
:where(.semantic_icon) {
    display: inline-grid;
    place-items: center;
    inline-size: var(--glyph-size, var(--page-content-glyph-size));
    block-size: var(--glyph-size, var(--page-content-glyph-size));
    font-size: calc(var(--glyph-size, var(--page-content-glyph-size)) * .92);
    line-height: 1;
    object-fit: contain;
}
.glyph {
    display: inline-block;
    flex: none;
    width: var(--glyph-size, var(--page-content-glyph-size));
    height: var(--glyph-size, var(--page-content-glyph-size));
    background-color: var(--glyph-color, currentColor);
    -webkit-mask: var(--glyph-mask) center / contain no-repeat;
    mask: var(--glyph-mask) center / contain no-repeat;
}
.glyph_phone        { --glyph-mask: url("../images/glyphs/phone.svg"); }
.glyph_camera       { --glyph-mask: url("../images/glyphs/camera.svg"); }
.glyph_chevron_down { --glyph-mask: url("../images/glyphs/chevron_down.svg"); }
.glyph_chevron_up   { --glyph-mask: url("../images/glyphs/chevron_up.svg"); }
.glyph_add_to_chat  { --glyph-mask: url("../images/glyphs/add_to_chat.svg"); }
.glyph_connections  { --glyph-mask: url("../images/glyphs/connections.svg"); }
.glyph_settings     { --glyph-mask: url("../images/glyphs/settings.svg"); }
.glyph_send         { --glyph-mask: url("../images/glyphs/send.svg"); }
.glyph_popout       { --glyph-mask: url("../images/glyphs/popout.svg"); }

/* Oct 7 2026 - #194 icon-set audit: one mask per glyph file, one rule per role so each role has its own colour token. */
.glyph_add            { --glyph-mask: url("../images/glyphs/add.svg"); }
.glyph_arrow_left     { --glyph-mask: url("../images/glyphs/arrow_left.svg"); }
.glyph_block          { --glyph-mask: url("../images/glyphs/block.svg"); }
.glyph_chat_bubbles       { --glyph-mask: url("../images/glyphs/chat_bubbles.svg"); }
.glyph_chat_bubbles_solid { --glyph-mask: url("../images/glyphs/chat_bubbles_solid.svg"); }
.glyph_chat_lock          { --glyph-mask: url("../images/glyphs/chat_lock.svg"); }
.glyph_chat_lock_solid    { --glyph-mask: url("../images/glyphs/chat_lock_solid.svg"); }
.glyph_check          { --glyph-mask: url("../images/glyphs/check.svg"); }
.glyph_check_circle   { --glyph-mask: url("../images/glyphs/check_circle.svg"); }
.glyph_close          { --glyph-mask: url("../images/glyphs/close.svg"); }
.glyph_compose        { --glyph-mask: url("../images/glyphs/compose.svg"); }
.glyph_copy           { --glyph-mask: url("../images/glyphs/copy.svg"); }
.glyph_crop_down      { --glyph-mask: url("../images/glyphs/crop_down.svg"); }
.glyph_crop_left      { --glyph-mask: url("../images/glyphs/crop_left.svg"); }
.glyph_crop_right     { --glyph-mask: url("../images/glyphs/crop_right.svg"); }
.glyph_crop_up        { --glyph-mask: url("../images/glyphs/crop_up.svg"); }
.glyph_crown          { --glyph-mask: url("../images/glyphs/crown.svg"); }
.glyph_eye            { --glyph-mask: url("../images/glyphs/eye.svg"); }
.glyph_file           { --glyph-mask: url("../images/glyphs/file.svg"); }
.glyph_file_text      { --glyph-mask: url("../images/glyphs/file_text.svg"); }
.glyph_file_cabinet    { --glyph-mask: url("../images/glyphs/file_cabinet.svg"); }
.glyph_film           { --glyph-mask: url("../images/glyphs/film.svg"); }
.glyph_flag           { --glyph-mask: url("../images/glyphs/flag.svg"); }
.glyph_folder_open    { --glyph-mask: url("../images/glyphs/folder_open.svg"); }
.glyph_frame          { --glyph-mask: url("../images/glyphs/frame.svg"); }
.glyph_gif            { --glyph-mask: url("../images/glyphs/gif.svg"); }
.glyph_globe          { --glyph-mask: url("../images/glyphs/globe.svg"); }
.glyph_highlighter    { --glyph-mask: url("../images/glyphs/highlighter.svg"); }
.glyph_image          { --glyph-mask: url("../images/glyphs/image.svg"); }
.glyph_inbox          { --glyph-mask: url("../images/glyphs/inbox.svg"); }
.glyph_info           { --glyph-mask: url("../images/glyphs/info.svg"); }
.glyph_layer_down     { --glyph-mask: url("../images/glyphs/layer_down.svg"); }
.glyph_layer_up       { --glyph-mask: url("../images/glyphs/layer_up.svg"); }
.glyph_link           { --glyph-mask: url("../images/glyphs/link.svg"); }
.glyph_lock           { --glyph-mask: url("../images/glyphs/lock.svg"); }
.glyph_mail           { --glyph-mask: url("../images/glyphs/mail.svg"); }
.glyph_message_circle { --glyph-mask: url("../images/glyphs/message_circle.svg"); }
.glyph_mic            { --glyph-mask: url("../images/glyphs/mic.svg"); }
.glyph_note_add       { --glyph-mask: url("../images/glyphs/note_add.svg"); }
.glyph_octagon_alert  { --glyph-mask: url("../images/glyphs/octagon_alert.svg"); }
.glyph_palette        { --glyph-mask: url("../images/glyphs/palette.svg"); }
.glyph_panel_hide     { --glyph-mask: url("../images/glyphs/panel_hide.svg"); }
.glyph_panel_show     { --glyph-mask: url("../images/glyphs/panel_show.svg"); }
.glyph_pencil         { --glyph-mask: url("../images/glyphs/pencil.svg"); }
.glyph_person_circle  { --glyph-mask: url("../images/glyphs/person_circle.svg"); }
.glyph_phone_off      { --glyph-mask: url("../images/glyphs/phone_off.svg"); }
.glyph_phone_missed   { --glyph-mask: url("../images/glyphs/phone_missed.svg"); }
.glyph_pin            { --glyph-mask: url("../images/glyphs/pin.svg"); }
.glyph_pin_off        { --glyph-mask: url("../images/glyphs/pin_off.svg"); }
.glyph_post           { --glyph-mask: url("../images/glyphs/post.svg"); }
.glyph_post_layout    { --glyph-mask: url("../images/glyphs/post_layout.svg"); }
.glyph_redo           { --glyph-mask: url("../images/glyphs/redo.svg"); }
.glyph_refresh        { --glyph-mask: url("../images/glyphs/refresh.svg"); }
.glyph_repeat         { --glyph-mask: url("../images/glyphs/repeat.svg"); }
.glyph_reply          { --glyph-mask: url("../images/glyphs/reply.svg"); }
.glyph_rotate_left    { --glyph-mask: url("../images/glyphs/rotate_left.svg"); }
.glyph_rotate_right   { --glyph-mask: url("../images/glyphs/rotate_right.svg"); }
.glyph_save           { --glyph-mask: url("../images/glyphs/save.svg"); }
.glyph_scale_down     { --glyph-mask: url("../images/glyphs/scale_down.svg"); }
.glyph_scale_up       { --glyph-mask: url("../images/glyphs/scale_up.svg"); }
.glyph_screen         { --glyph-mask: url("../images/glyphs/screen.svg"); }
.glyph_search         { --glyph-mask: url("../images/glyphs/search.svg"); }
.glyph_share          { --glyph-mask: url("../images/glyphs/share.svg"); }
.glyph_shield         { --glyph-mask: url("../images/glyphs/shield.svg"); }
.glyph_smiley         { --glyph-mask: url("../images/glyphs/smiley.svg"); }
.glyph_star           { --glyph-mask: url("../images/glyphs/star.svg"); }
.glyph_star_off       { --glyph-mask: url("../images/glyphs/star_off.svg"); }
.glyph_trash          { --glyph-mask: url("../images/glyphs/trash.svg"); }
.glyph_type           { --glyph-mask: url("../images/glyphs/type.svg"); }
.glyph_undo           { --glyph-mask: url("../images/glyphs/undo.svg"); }
.glyph_unlock         { --glyph-mask: url("../images/glyphs/unlock.svg"); }
.glyph_upload         { --glyph-mask: url("../images/glyphs/upload.svg"); }
.glyph_user_check     { --glyph-mask: url("../images/glyphs/user_check.svg"); }
.glyph_user_plus      { --glyph-mask: url("../images/glyphs/user_plus.svg"); }
.glyph_video          { --glyph-mask: url("../images/glyphs/video.svg"); }
.glyph_volume         { --glyph-mask: url("../images/glyphs/volume.svg"); }
.glyph_volume_off     { --glyph-mask: url("../images/glyphs/volume_off.svg"); }
.glyph_wave           { --glyph-mask: url("../images/glyphs/wave.svg"); }
.glyph_zoom_in        { --glyph-mask: url("../images/glyphs/zoom_in.svg"); }
.glyph_zoom_out       { --glyph-mask: url("../images/glyphs/zoom_out.svg"); }
/* Oct 7 2026 - #219 icon inventory: line glyphs for the roles that had none. */
.glyph_camera_off    { --glyph-mask: url("../images/glyphs/camera_off.svg"); }
.glyph_leave         { --glyph-mask: url("../images/glyphs/leave.svg"); }
.glyph_pass_share    { --glyph-mask: url("../images/glyphs/pass_share.svg"); }
.glyph_screen_off    { --glyph-mask: url("../images/glyphs/screen_off.svg"); }
.glyph_mic_off       { --glyph-mask: url("../images/glyphs/mic_off.svg"); }
.glyph_expand        { --glyph-mask: url("../images/glyphs/expand.svg"); }
.glyph_home          { --glyph-mask: url("../images/glyphs/home.svg"); }
.glyph_lounge        { --glyph-mask: url("../images/glyphs/lounge.svg"); }
.glyph_bell          { --glyph-mask: url("../images/glyphs/bell.svg"); }
.glyph_switch_persona{ --glyph-mask: url("../images/glyphs/switch_persona.svg"); }
.glyph_people_pair   { --glyph-mask: url("../images/glyphs/people_pair.svg"); }
.glyph_chat_globe    { --glyph-mask: url("../images/glyphs/chat_globe.svg"); }

/* Per-role colour: a --glyph-color set by the surrounding control still wins; otherwise the role token from css_catalog.css, else the text colour. */
.glyph_role_add { background-color: var(--glyph-color, var(--glyph-role-add-color, currentColor)); }
.glyph_role_apply { background-color: var(--glyph-color, var(--glyph-role-apply-color, currentColor)); }
.glyph_role_back { background-color: var(--glyph-color, var(--glyph-role-back-color, currentColor)); }
.glyph_role_block { background-color: var(--glyph-color, var(--glyph-role-block-color, currentColor)); }
.glyph_role_call { background-color: var(--glyph-color, var(--glyph-role-call-color, currentColor)); }
.glyph_role_call_missed { background-color: var(--glyph-color, var(--glyph-role-call-missed-color, currentColor)); }
.glyph_role_cancel { background-color: var(--glyph-color, var(--glyph-role-cancel-color, currentColor)); }
.glyph_role_chat_option_camera { background-color: var(--glyph-color, var(--glyph-role-chat-option-camera-color, currentColor)); }
.glyph_role_chat_option_new { background-color: var(--glyph-color, var(--glyph-role-chat-option-new-color, currentColor)); }
.glyph_role_chat_option_voice { background-color: var(--glyph-color, var(--glyph-role-chat-option-voice-color, currentColor)); }
.glyph_role_chat_status_camera { background-color: var(--glyph-color, var(--glyph-role-chat-status-camera-color, currentColor)); }
.glyph_role_chat_status_screen_share { background-color: var(--glyph-color, var(--glyph-role-chat-status-screen-share-color, currentColor)); }
.glyph_role_chat_status_voice { background-color: var(--glyph-color, var(--glyph-role-chat-status-voice-color, currentColor)); }
.glyph_role_close { background-color: var(--glyph-color, var(--glyph-role-close-color, currentColor)); }
.glyph_role_connect { background-color: var(--glyph-color, var(--glyph-role-connect-color, currentColor)); }
.glyph_role_connection_accepted { background-color: var(--glyph-color, var(--glyph-role-connection-accepted-color, currentColor)); }
.glyph_role_connections_circle { background-color: var(--glyph-color, var(--glyph-role-connections-circle-color, currentColor)); }
.glyph_role_content_audio { background-color: var(--glyph-color, var(--glyph-role-content-audio-color, currentColor)); }
.glyph_role_content_background { background-color: var(--glyph-color, var(--glyph-role-content-background-color, currentColor)); }
.glyph_role_content_clips { background-color: var(--glyph-color, var(--glyph-role-content-clips-color, currentColor)); }
.glyph_role_content_frame { background-color: var(--glyph-color, var(--glyph-role-content-frame-color, currentColor)); }
.glyph_role_content_page { background-color: var(--glyph-color, var(--glyph-role-content-page-color, currentColor)); }
.glyph_role_content_photos { background-color: var(--glyph-color, var(--glyph-role-content-photos-color, currentColor)); }
.glyph_role_content_snippet { background-color: var(--glyph-color, var(--glyph-role-content-snippet-color, currentColor)); }
.glyph_role_content_videos { background-color: var(--glyph-color, var(--glyph-role-content-videos-color, currentColor)); }
.glyph_role_content_website { background-color: var(--glyph-color, var(--glyph-role-content-website-color, currentColor)); }
.glyph_role_delete { background-color: var(--glyph-color, var(--glyph-role-delete-color, currentColor)); }
.glyph_role_edit { background-color: var(--glyph-color, var(--glyph-role-edit-color, currentColor)); }
.glyph_role_format { background-color: var(--glyph-color, var(--glyph-role-format-color, currentColor)); }
.glyph_role_gif { background-color: var(--glyph-color, var(--glyph-role-gif-color, currentColor)); }
.glyph_role_hide_panel { background-color: var(--glyph-color, var(--glyph-role-hide-panel-color, currentColor)); }
.glyph_role_highlight { background-color: var(--glyph-color, var(--glyph-role-highlight-color, currentColor)); }
.glyph_role_inbox { background-color: var(--glyph-color, var(--glyph-role-inbox-color, currentColor)); }
.glyph_role_introduction { background-color: var(--glyph-color, var(--glyph-role-introduction-color, currentColor)); }
.glyph_role_introduction_approval { background-color: var(--glyph-color, var(--glyph-role-introduction-approval-color, currentColor)); }
.glyph_role_introduction_status { background-color: var(--glyph-color, var(--glyph-role-introduction-status-color, currentColor)); }
.glyph_role_link { background-color: var(--glyph-color, var(--glyph-role-link-color, currentColor)); }
.glyph_role_memory_board_add_note { background-color: var(--glyph-color, var(--glyph-role-memory-board-add-note-color, currentColor)); }
.glyph_role_memory_board_bring_forward { background-color: var(--glyph-color, var(--glyph-role-memory-board-bring-forward-color, currentColor)); }
.glyph_role_memory_board_crop_down { background-color: var(--glyph-color, var(--glyph-role-memory-board-crop-down-color, currentColor)); }
.glyph_role_memory_board_crop_left { background-color: var(--glyph-color, var(--glyph-role-memory-board-crop-left-color, currentColor)); }
.glyph_role_memory_board_crop_right { background-color: var(--glyph-color, var(--glyph-role-memory-board-crop-right-color, currentColor)); }
.glyph_role_memory_board_crop_up { background-color: var(--glyph-color, var(--glyph-role-memory-board-crop-up-color, currentColor)); }
.glyph_role_memory_board_crop_zoom_in { background-color: var(--glyph-color, var(--glyph-role-memory-board-crop-zoom-in-color, currentColor)); }
.glyph_role_memory_board_crop_zoom_out { background-color: var(--glyph-color, var(--glyph-role-memory-board-crop-zoom-out-color, currentColor)); }
.glyph_role_memory_board_duplicate { background-color: var(--glyph-color, var(--glyph-role-memory-board-duplicate-color, currentColor)); }
.glyph_role_memory_board_lock { background-color: var(--glyph-color, var(--glyph-role-memory-board-lock-color, currentColor)); }
.glyph_role_memory_board_reset_crop { background-color: var(--glyph-color, var(--glyph-role-memory-board-reset-crop-color, currentColor)); }
.glyph_role_memory_board_rotate_left { background-color: var(--glyph-color, var(--glyph-role-memory-board-rotate-left-color, currentColor)); }
.glyph_role_memory_board_rotate_right { background-color: var(--glyph-color, var(--glyph-role-memory-board-rotate-right-color, currentColor)); }
.glyph_role_memory_board_scale_down { background-color: var(--glyph-color, var(--glyph-role-memory-board-scale-down-color, currentColor)); }
.glyph_role_memory_board_scale_up { background-color: var(--glyph-color, var(--glyph-role-memory-board-scale-up-color, currentColor)); }
.glyph_role_memory_board_send_backward { background-color: var(--glyph-color, var(--glyph-role-memory-board-send-backward-color, currentColor)); }
.glyph_role_memory_board_unlock { background-color: var(--glyph-color, var(--glyph-role-memory-board-unlock-color, currentColor)); }
.glyph_role_message { background-color: var(--glyph-color, var(--glyph-role-message-color, currentColor)); }
.glyph_role_moderation { background-color: var(--glyph-color, var(--glyph-role-moderation-color, currentColor)); }
.glyph_role_navigation_communities { background-color: var(--glyph-color, var(--glyph-role-navigation-communities-color, currentColor)); }
.glyph_role_navigation_messages { background-color: var(--glyph-color, var(--glyph-role-navigation-messages-color, currentColor)); }
.glyph_role_navigation_compose { background-color: var(--glyph-color, var(--glyph-role-navigation-compose-color, currentColor)); }
.glyph_role_new_persona { background-color: var(--glyph-color, var(--glyph-role-new-persona-color, currentColor)); }
.glyph_role_open { background-color: var(--glyph-color, var(--glyph-role-open-color, currentColor)); }
.glyph_role_password_visibility { background-color: var(--glyph-color, var(--glyph-role-password-visibility-color, currentColor)); }
.glyph_role_pop_out { background-color: var(--glyph-color, var(--glyph-role-pop-out-color, currentColor)); }
.glyph_role_popup_add_to_chat { background-color: var(--glyph-color, var(--glyph-role-popup-add-to-chat-color, currentColor)); }
.glyph_role_popup_answer { background-color: var(--glyph-color, var(--glyph-role-popup-answer-color, currentColor)); }
.glyph_role_popup_camera { background-color: var(--glyph-color, var(--glyph-role-popup-camera-color, currentColor)); }
.glyph_role_popup_collapse { background-color: var(--glyph-color, var(--glyph-role-popup-collapse-color, currentColor)); }
.glyph_role_popup_connections { background-color: var(--glyph-color, var(--glyph-role-popup-connections-color, currentColor)); }
.glyph_role_popup_decline { background-color: var(--glyph-color, var(--glyph-role-popup-decline-color, currentColor)); }
.glyph_role_popup_end_call { background-color: var(--glyph-color, var(--glyph-role-popup-end-call-color, currentColor)); }
.glyph_role_popup_expand { background-color: var(--glyph-color, var(--glyph-role-popup-expand-color, currentColor)); }
.glyph_role_popup_popout { background-color: var(--glyph-color, var(--glyph-role-popup-popout-color, currentColor)); }
.glyph_role_popup_send { background-color: var(--glyph-color, var(--glyph-role-popup-send-color, currentColor)); }
.glyph_role_popup_settings { background-color: var(--glyph-color, var(--glyph-role-popup-settings-color, currentColor)); }
.glyph_role_popup_voice { background-color: var(--glyph-color, var(--glyph-role-popup-voice-color, currentColor)); }
.glyph_role_post { background-color: var(--glyph-color, var(--glyph-role-post-color, currentColor)); }
.glyph_role_post_action_delete { background-color: var(--glyph-color, var(--glyph-role-post-action-delete-color, currentColor)); }
.glyph_role_post_action_edit { background-color: var(--glyph-color, var(--glyph-role-post-action-edit-color, currentColor)); }
.glyph_role_post_action_follow { background-color: var(--glyph-color, var(--glyph-role-post-action-follow-color, currentColor)); }
.glyph_role_post_action_pin { background-color: var(--glyph-color, var(--glyph-role-post-action-pin-color, currentColor)); }
.glyph_role_post_action_reply { background-color: var(--glyph-color, var(--glyph-role-post-action-reply-color, currentColor)); }
.glyph_role_post_action_repost { background-color: var(--glyph-color, var(--glyph-role-post-action-repost-color, currentColor)); }
.glyph_role_post_action_unfollow { background-color: var(--glyph-color, var(--glyph-role-post-action-unfollow-color, currentColor)); }
.glyph_role_post_action_unpin { background-color: var(--glyph-color, var(--glyph-role-post-action-unpin-color, currentColor)); }
.glyph_role_post_reply { background-color: var(--glyph-color, var(--glyph-role-post-reply-color, currentColor)); }
.glyph_role_preview { background-color: var(--glyph-color, var(--glyph-role-preview-color, currentColor)); }
.glyph_role_redo { background-color: var(--glyph-color, var(--glyph-role-redo-color, currentColor)); }
.glyph_role_reply { background-color: var(--glyph-color, var(--glyph-role-reply-color, currentColor)); }
.glyph_role_reply_action_delete { background-color: var(--glyph-color, var(--glyph-role-reply-action-delete-color, currentColor)); }
.glyph_role_reply_action_edit { background-color: var(--glyph-color, var(--glyph-role-reply-action-edit-color, currentColor)); }
.glyph_role_report { background-color: var(--glyph-color, var(--glyph-role-report-color, currentColor)); }
.glyph_role_role_creator { background-color: var(--glyph-color, var(--glyph-role-role-creator-color, currentColor)); }
.glyph_role_role_owner { background-color: var(--glyph-color, var(--glyph-role-role-owner-color, currentColor)); }
.glyph_role_safety_menu { background-color: var(--glyph-color, var(--glyph-role-safety-menu-color, currentColor)); }
.glyph_role_save { background-color: var(--glyph-color, var(--glyph-role-save-color, currentColor)); }
.glyph_role_search { background-color: var(--glyph-color, var(--glyph-role-search-color, currentColor)); }
.glyph_role_security { background-color: var(--glyph-color, var(--glyph-role-security-color, currentColor)); }
.glyph_role_settings { background-color: var(--glyph-color, var(--glyph-role-settings-color, currentColor)); }
.glyph_role_share { background-color: var(--glyph-color, var(--glyph-role-share-color, currentColor)); }
.glyph_role_show_panel { background-color: var(--glyph-color, var(--glyph-role-show-panel-color, currentColor)); }
.glyph_role_silence { background-color: var(--glyph-color, var(--glyph-role-silence-color, currentColor)); }
.glyph_role_smiley { background-color: var(--glyph-color, var(--glyph-role-smiley-color, currentColor)); }
.glyph_role_system { background-color: var(--glyph-color, var(--glyph-role-system-color, currentColor)); }
.glyph_role_undo { background-color: var(--glyph-color, var(--glyph-role-undo-color, currentColor)); }
.glyph_role_upload { background-color: var(--glyph-color, var(--glyph-role-upload-color, currentColor)); }
.glyph_role_view_full_persona { background-color: var(--glyph-color, var(--glyph-role-view-full-persona-color, currentColor)); }
/* Oct 7 2026 - #219 per-role colour classes for the roles added in the icon inventory */
.glyph_role_chat_option_camera_off { background-color: var(--glyph-color, var(--glyph-role-chat-option-camera-off-color, currentColor)); }
.glyph_role_chat_option_leave { background-color: var(--glyph-color, var(--glyph-role-chat-option-leave-color, currentColor)); }
.glyph_role_chat_option_leave_permanent { background-color: var(--glyph-color, var(--glyph-role-chat-option-leave-permanent-color, currentColor)); }
.glyph_role_chat_option_pass_share { background-color: var(--glyph-color, var(--glyph-role-chat-option-pass-share-color, currentColor)); }
.glyph_role_chat_option_popout { background-color: var(--glyph-color, var(--glyph-role-chat-option-popout-color, currentColor)); }
.glyph_role_chat_option_screen_share { background-color: var(--glyph-color, var(--glyph-role-chat-option-screen-share-color, currentColor)); }
.glyph_role_chat_option_screen_share_off { background-color: var(--glyph-color, var(--glyph-role-chat-option-screen-share-off-color, currentColor)); }
.glyph_role_chat_option_voice_mute { background-color: var(--glyph-color, var(--glyph-role-chat-option-voice-mute-color, currentColor)); }
.glyph_role_header_calls { background-color: var(--glyph-color, var(--glyph-role-header-calls-color, currentColor)); }
.glyph_role_header_followed_posts { background-color: var(--glyph-color, var(--glyph-role-header-followed-posts-color, currentColor)); }
.glyph_role_header_messages { background-color: var(--glyph-color, var(--glyph-role-header-messages-color, currentColor)); }
.glyph_role_header_post_replies { background-color: var(--glyph-color, var(--glyph-role-header-post-replies-color, currentColor)); }
.glyph_role_icon_message { background-color: var(--glyph-color, var(--glyph-role-icon-message-color, currentColor)); }
.glyph_role_navigation_calls { background-color: var(--glyph-color, var(--glyph-role-navigation-calls-color, currentColor)); }
.glyph_role_navigation_chats { background-color: var(--glyph-color, var(--glyph-role-navigation-chats-color, currentColor)); }
.glyph_role_navigation_connections { background-color: var(--glyph-color, var(--glyph-role-navigation-connections-color, currentColor)); }
.glyph_role_navigation_home { background-color: var(--glyph-color, var(--glyph-role-navigation-home-color, currentColor)); }
.glyph_role_navigation_lounges { background-color: var(--glyph-color, var(--glyph-role-navigation-lounges-color, currentColor)); }
.glyph_role_navigation_notifications { background-color: var(--glyph-color, var(--glyph-role-navigation-notifications-color, currentColor)); }
.glyph_role_navigation_profile { background-color: var(--glyph-color, var(--glyph-role-navigation-profile-color, currentColor)); }
.glyph_role_navigation_public_chat { background-color: var(--glyph-color, var(--glyph-role-navigation-public-chat-color, currentColor)); }
.glyph_role_navigation_replies { background-color: var(--glyph-color, var(--glyph-role-navigation-replies-color, currentColor)); }
.glyph_role_post_action_expand { background-color: var(--glyph-color, var(--glyph-role-post-action-expand-color, currentColor)); }
.glyph_role_role_admin { background-color: var(--glyph-color, var(--glyph-role-role-admin-color, currentColor)); }
.glyph_role_role_moderator { background-color: var(--glyph-color, var(--glyph-role-role-moderator-color, currentColor)); }
.glyph_role_switch_persona { background-color: var(--glyph-color, var(--glyph-role-switch-persona-color, currentColor)); }

/* Oct 9 2026 - shared pagination glyphs (line = the plain name, solid = _solid; the 3D colour style is an image asset). */
.glyph_pagination_first          { --glyph-mask: url("../images/glyphs/pagination_first.svg"); }
.glyph_pagination_previous       { --glyph-mask: url("../images/glyphs/pagination_previous.svg"); }
.glyph_pagination_next           { --glyph-mask: url("../images/glyphs/pagination_next.svg"); }
.glyph_pagination_last           { --glyph-mask: url("../images/glyphs/pagination_last.svg"); }
.glyph_pagination_first_solid    { --glyph-mask: url("../images/glyphs/pagination_first_solid.svg"); }
.glyph_pagination_previous_solid { --glyph-mask: url("../images/glyphs/pagination_previous_solid.svg"); }
.glyph_pagination_next_solid     { --glyph-mask: url("../images/glyphs/pagination_next_solid.svg"); }
.glyph_pagination_last_solid     { --glyph-mask: url("../images/glyphs/pagination_last_solid.svg"); }
.glyph_role_pagination_first { background-color: var(--glyph-color, var(--glyph-role-pagination-first-color, currentColor)); }
.glyph_role_pagination_previous { background-color: var(--glyph-color, var(--glyph-role-pagination-previous-color, currentColor)); }
.glyph_role_pagination_next { background-color: var(--glyph-color, var(--glyph-role-pagination-next-color, currentColor)); }
.glyph_role_pagination_last { background-color: var(--glyph-color, var(--glyph-role-pagination-last-color, currentColor)); }