/* =============================================================================
 *  Material Symbols Rounded — ໄອຄອນມາດຕະຖານດຽວຂອງທັງລະບົບ (ຫວຍ + ເກມ)
 * =============================================================================
 *
 *  ວິທີເຮັດວຽກ
 *  ----------
 *  ໜ້າເວັບຍັງຂຽນ <i class="bi bi-xxx"></i> ຄືເດີມທຸກບ່ອນ ແຕ່ໄຟລ໌ນີ້ "ທັບ" ຕົວ
 *  ໄອຄອນທີ່ແຕ້ມອອກມາໃຫ້ເປັນ Material Symbols Rounded ແທນ Bootstrap Icons
 *
 *  ເປັນວິທີທີ່ປອດໄພທີ່ສຸດ ເພາະ:
 *    · ບໍ່ຕ້ອງໄປແກ້ HTML ຫຼາຍພັນບ່ອນທົ່ວທັງໂປຣເຈັກ (ລວມທັງໄອຄອນທີ່ JS ສ້າງຂຶ້ນເອງ)
 *    · ກົດ CSS ເດີມທີ່ອ້າງ .bi (ເຊັ່ນ .gg-brand .bi, .auth-logo .bi) ຍັງໃຊ້ໄດ້ຄືເກົ່າ
 *    · ໂລໂກ້ຍີ່ຫໍ້ (Facebook / Messenger / WhatsApp) ບໍ່ມີໃນ Material Symbols
 *      ຈຶ່ງຖືກປະໄວ້ໃຫ້ໃຊ້ Bootstrap Icons ຕໍ່ໄປ (3 ໄອຄອນນີ້ເທົ່ານັ້ນ)
 *
 *  ⚠️ ຕ້ອງໂຫຼດ *ຫຼັງ* bootstrap-icons.min.css ສະເໝີ (ເບິ່ງ layouts/app.blade.php)
 *     ເພາະ Bootstrap Icons ຕັ້ງ font-family ດ້ວຍ !important
 *
 *  ຟອນຕ໌ເປັນ subset ສະເພາະໄອຄອນທີ່ໂປຣເຈັກນີ້ໃຊ້ແທ້ (~12 KB ຕໍ່ໄຟລ໌ ແທນ 5.2 MB
 *  ຂອງຊຸດເຕັມ) ຢາກເພີ່ມໄອຄອນໃໝ່ໃຫ້ສ້າງ subset ໃໝ່ — ເບິ່ງ AGENTS.md
 * ========================================================================== */

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../fonts/ms-rounded-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Material Symbols Rounded Fill';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../fonts/ms-rounded-fill.woff2') format('woff2');
}

/* ຄ່າພື້ນຖານຂອງທຸກໄອຄອນທີ່ຖືກທັບ — ຄຸມຂະໜາດ/ການວາງໃຫ້ໃກ້ຄຽງກັບ Bootstrap Icons ເດີມ */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ໄອຄອນຍີ່ຫໍ້ — Material Symbols ບໍ່ມີ ຈຶ່ງໃຊ້ Bootstrap Icons ຕໍ່ໄປ */
.bi-facebook::before,
.bi-messenger::before,
.bi-whatsapp::before {
    font-family: bootstrap-icons !important;
}

/* ---------------------------------------------------------------------------
 | ຕາຕະລາງແປງ: ຊື່ Bootstrap Icons → ໄອຄອນ Material Symbols Rounded
 * ------------------------------------------------------------------------- */
.bi-archive::before { font-family: 'Material Symbols Rounded' !important; content: "\e1a1"; }  /* inventory_2 */
.bi-arrow-clockwise::before { font-family: 'Material Symbols Rounded' !important; content: "\e5d5"; }  /* refresh */
.bi-arrow-counterclockwise::before { font-family: 'Material Symbols Rounded' !important; content: "\e166"; }  /* undo */
.bi-arrow-down-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\f181"; }  /* arrow_circle_down */
.bi-arrow-down-circle-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\f181"; }  /* arrow_circle_down */
.bi-arrow-down-up::before { font-family: 'Material Symbols Rounded' !important; content: "\e0c3"; }  /* swap_vert */
.bi-arrow-left::before { font-family: 'Material Symbols Rounded' !important; content: "\e5c4"; }  /* arrow_back */
.bi-arrow-repeat::before { font-family: 'Material Symbols Rounded' !important; content: "\e028"; }  /* autorenew */
.bi-arrow-right::before { font-family: 'Material Symbols Rounded' !important; content: "\e5c8"; }  /* arrow_forward */
.bi-arrow-up-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\f182"; }  /* arrow_circle_up */
.bi-arrow-up-circle-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\f182"; }  /* arrow_circle_up */
.bi-award-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e7af"; }  /* workspace_premium */
.bi-backspace::before { font-family: 'Material Symbols Rounded' !important; content: "\e14a"; }  /* backspace */
.bi-bag-check::before { font-family: 'Material Symbols Rounded' !important; content: "\f1cc"; }  /* shopping_bag */
.bi-bag-check-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\f1cc"; }  /* shopping_bag */
.bi-bank::before { font-family: 'Material Symbols Rounded' !important; content: "\e84f"; }  /* account_balance */
.bi-bar-chart::before { font-family: 'Material Symbols Rounded' !important; content: "\e26b"; }  /* bar_chart */
.bi-box-arrow-in-right::before { font-family: 'Material Symbols Rounded' !important; content: "\ea77"; }  /* login */
.bi-box-arrow-right::before { font-family: 'Material Symbols Rounded' !important; content: "\e9ba"; }  /* logout */
.bi-box-arrow-up-right::before { font-family: 'Material Symbols Rounded' !important; content: "\e895"; }  /* open_in_new */
.bi-briefcase-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e8f9"; }  /* work */
.bi-broadcast::before { font-family: 'Material Symbols Rounded' !important; content: "\e63e"; }  /* wifi */
.bi-bullseye::before { font-family: 'Material Symbols Rounded' !important; content: "\e39e"; }  /* adjust */
.bi-calendar-event::before { font-family: 'Material Symbols Rounded' !important; content: "\e24f"; }  /* event */
.bi-camera-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e3b0"; }  /* photo_camera */
.bi-cart-plus::before { font-family: 'Material Symbols Rounded' !important; content: "\e854"; }  /* add_shopping_cart */
.bi-cart3::before { font-family: 'Material Symbols Rounded' !important; content: "\e547"; }  /* shopping_cart */
.bi-cash-coin::before { font-family: 'Material Symbols Rounded' !important; content: "\ef63"; }  /* payments */
.bi-cash-stack::before { font-family: 'Material Symbols Rounded' !important; content: "\ef63"; }  /* payments */
.bi-chat-dots::before { font-family: 'Material Symbols Rounded' !important; content: "\e0b7"; }  /* chat */
.bi-chat-dots-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e0b7"; }  /* chat */
.bi-check-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e86c"; }  /* check_circle */
.bi-check-circle-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e86c"; }  /* check_circle */
.bi-check-lg::before { font-family: 'Material Symbols Rounded' !important; content: "\e5ca"; }  /* check */
.bi-check2::before { font-family: 'Material Symbols Rounded' !important; content: "\e5ca"; }  /* check */
.bi-check2-circle::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e86c"; }  /* check_circle */
.bi-chevron-down::before { font-family: 'Material Symbols Rounded' !important; content: "\e5cf"; }  /* expand_more */
.bi-chevron-expand::before { font-family: 'Material Symbols Rounded' !important; content: "\e5d7"; }  /* unfold_more */
.bi-chevron-left::before { font-family: 'Material Symbols Rounded' !important; content: "\e408"; }  /* chevron_left */
.bi-chevron-right::before { font-family: 'Material Symbols Rounded' !important; content: "\e409"; }  /* chevron_right */
.bi-clipboard::before { font-family: 'Material Symbols Rounded' !important; content: "\e14d"; }  /* content_copy */
.bi-clock::before { font-family: 'Material Symbols Rounded' !important; content: "\e192"; }  /* schedule */
.bi-clock-history::before { font-family: 'Material Symbols Rounded' !important; content: "\e28e"; }  /* history */
.bi-code-slash::before { font-family: 'Material Symbols Rounded' !important; content: "\e86f"; }  /* code */
.bi-controller::before { font-family: 'Material Symbols Rounded' !important; content: "\f135"; }  /* stadia_controller */
.bi-credit-card-2-back::before { font-family: 'Material Symbols Rounded' !important; content: "\e870"; }  /* credit_card */
.bi-dash-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e15c"; }  /* do_not_disturb_on */
.bi-dash-lg::before { font-family: 'Material Symbols Rounded' !important; content: "\e15b"; }  /* remove */
.bi-diagram-3::before { font-family: 'Material Symbols Rounded' !important; content: "\e97a"; }  /* account_tree */
.bi-dice-5::before { font-family: 'Material Symbols Rounded' !important; content: "\eb40"; }  /* casino */
.bi-dice-5-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\eb40"; }  /* casino */
.bi-door-open::before { font-family: 'Material Symbols Rounded' !important; content: "\eb4f"; }  /* meeting_room */
.bi-download::before { font-family: 'Material Symbols Rounded' !important; content: "\e171"; }  /* download */
.bi-exclamation-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e000"; }  /* error */
.bi-exclamation-octagon::before { font-family: 'Material Symbols Rounded' !important; content: "\e160"; }  /* report */
.bi-exclamation-octagon-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e160"; }  /* report */
.bi-exclamation-triangle::before { font-family: 'Material Symbols Rounded' !important; content: "\e002"; }  /* warning */
.bi-exclamation-triangle-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e002"; }  /* warning */
.bi-eye::before { font-family: 'Material Symbols Rounded' !important; content: "\e417"; }  /* visibility */
.bi-eye-slash::before { font-family: 'Material Symbols Rounded' !important; content: "\e8f5"; }  /* visibility_off */
.bi-fire::before { font-family: 'Material Symbols Rounded' !important; content: "\ef55"; }  /* local_fire_department */
.bi-flag::before { font-family: 'Material Symbols Rounded' !important; content: "\e153"; }  /* flag */
.bi-flask::before { font-family: 'Material Symbols Rounded' !important; content: "\ea4b"; }  /* science */
.bi-gear::before { font-family: 'Material Symbols Rounded' !important; content: "\e8b8"; }  /* settings */
.bi-gem::before { font-family: 'Material Symbols Rounded' !important; content: "\ead5"; }  /* diamond */
.bi-gift::before { font-family: 'Material Symbols Rounded' !important; content: "\e8b1"; }  /* redeem */
.bi-globe2::before { font-family: 'Material Symbols Rounded' !important; content: "\e80b"; }  /* public */
.bi-graph-down-arrow::before { font-family: 'Material Symbols Rounded' !important; content: "\e8e3"; }  /* trending_down */
.bi-graph-up::before { font-family: 'Material Symbols Rounded' !important; content: "\e8e5"; }  /* trending_up */
.bi-graph-up-arrow::before { font-family: 'Material Symbols Rounded' !important; content: "\e8e5"; }  /* trending_up */
.bi-grid::before { font-family: 'Material Symbols Rounded' !important; content: "\e9b0"; }  /* grid_view */
.bi-grid-3x3-gap::before { font-family: 'Material Symbols Rounded' !important; content: "\e5c3"; }  /* apps */
.bi-hand-index-thumb::before { font-family: 'Material Symbols Rounded' !important; content: "\e913"; }  /* touch_app */
.bi-hash::before { font-family: 'Material Symbols Rounded' !important; content: "\e9ef"; }  /* tag */
.bi-headset::before { font-family: 'Material Symbols Rounded' !important; content: "\e311"; }  /* headset_mic */
.bi-hourglass::before { font-family: 'Material Symbols Rounded' !important; content: "\e88b"; }  /* hourglass_empty */
.bi-hourglass-split::before { font-family: 'Material Symbols Rounded' !important; content: "\ea5b"; }  /* hourglass_top */
.bi-house::before { font-family: 'Material Symbols Rounded' !important; content: "\e88a"; }  /* home */
.bi-house-door-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e88a"; }  /* home */
.bi-image::before { font-family: 'Material Symbols Rounded' !important; content: "\e251"; }  /* image */
.bi-inbox::before { font-family: 'Material Symbols Rounded' !important; content: "\e156"; }  /* inbox */
.bi-info-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e88e"; }  /* info */
.bi-journal-richtext::before { font-family: 'Material Symbols Rounded' !important; content: "\ea19"; }  /* menu_book */
.bi-joystick::before { font-family: 'Material Symbols Rounded' !important; content: "\f5ee"; }  /* joystick */
.bi-key::before { font-family: 'Material Symbols Rounded' !important; content: "\e73c"; }  /* key */
.bi-lightbulb::before { font-family: 'Material Symbols Rounded' !important; content: "\e0f0"; }  /* lightbulb */
.bi-lightning-charge::before { font-family: 'Material Symbols Rounded' !important; content: "\ea0b"; }  /* bolt */
.bi-lightning-charge-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\ea0b"; }  /* bolt */
.bi-link-45deg::before { font-family: 'Material Symbols Rounded' !important; content: "\e157"; }  /* link */
.bi-list::before { font-family: 'Material Symbols Rounded' !important; content: "\e5d2"; }  /* menu */
.bi-list-check::before { font-family: 'Material Symbols Rounded' !important; content: "\e6b1"; }  /* checklist */
.bi-list-ol::before { font-family: 'Material Symbols Rounded' !important; content: "\e242"; }  /* format_list_numbered */
.bi-list-ul::before { font-family: 'Material Symbols Rounded' !important; content: "\e241"; }  /* format_list_bulleted */
.bi-lock::before { font-family: 'Material Symbols Rounded' !important; content: "\e88d"; }  /* lock */
.bi-lock-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e88d"; }  /* lock */
.bi-megaphone::before { font-family: 'Material Symbols Rounded' !important; content: "\ef49"; }  /* campaign */
.bi-patch-check-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e031"; }  /* verified */
.bi-pause-circle-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e035"; }  /* pause_circle */
.bi-pencil::before { font-family: 'Material Symbols Rounded' !important; content: "\e150"; }  /* edit */
.bi-pencil-square::before { font-family: 'Material Symbols Rounded' !important; content: "\f88d"; }  /* edit_square */
.bi-people::before { font-family: 'Material Symbols Rounded' !important; content: "\e7ef"; }  /* group */
.bi-people-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e7ef"; }  /* group */
.bi-person::before { font-family: 'Material Symbols Rounded' !important; content: "\e7fd"; }  /* person */
.bi-person-badge::before { font-family: 'Material Symbols Rounded' !important; content: "\ea67"; }  /* badge */
.bi-person-check-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e174"; }  /* how_to_reg */
.bi-person-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e853"; }  /* account_circle */
.bi-person-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e7fd"; }  /* person */
.bi-person-gear::before { font-family: 'Material Symbols Rounded' !important; content: "\f02e"; }  /* manage_accounts */
.bi-person-lines-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e0ba"; }  /* contacts */
.bi-person-lock::before { font-family: 'Material Symbols Rounded' !important; content: "\f8f3"; }  /* lock_person */
.bi-person-plus::before { font-family: 'Material Symbols Rounded' !important; content: "\e7fe"; }  /* person_add */
.bi-person-plus-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e7fe"; }  /* person_add */
.bi-person-vcard::before { font-family: 'Material Symbols Rounded' !important; content: "\f22e"; }  /* contact_page */
.bi-phone::before { font-family: 'Material Symbols Rounded' !important; content: "\e0b0"; }  /* call */
.bi-phone-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e0b0"; }  /* call */
.bi-plus::before { font-family: 'Material Symbols Rounded' !important; content: "\e145"; }  /* add */
.bi-plus-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e147"; }  /* add_circle */
.bi-plus-lg::before { font-family: 'Material Symbols Rounded' !important; content: "\e145"; }  /* add */
.bi-qr-code::before { font-family: 'Material Symbols Rounded' !important; content: "\e00a"; }  /* qr_code_2 */
.bi-question-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e887"; }  /* help */
.bi-question-lg::before { font-family: 'Material Symbols Rounded' !important; content: "\eb8b"; }  /* question_mark */
.bi-receipt::before { font-family: 'Material Symbols Rounded' !important; content: "\ef6e"; }  /* receipt_long */
.bi-save::before { font-family: 'Material Symbols Rounded' !important; content: "\e161"; }  /* save */
.bi-search::before { font-family: 'Material Symbols Rounded' !important; content: "\e8b6"; }  /* search */
.bi-send::before { font-family: 'Material Symbols Rounded' !important; content: "\e163"; }  /* send */
.bi-share::before { font-family: 'Material Symbols Rounded' !important; content: "\e80d"; }  /* share */
.bi-shield-check::before { font-family: 'Material Symbols Rounded' !important; content: "\e8e8"; }  /* verified_user */
.bi-shield-fill-check::before { font-family: 'Material Symbols Rounded' !important; content: "\e8e8"; }  /* verified_user */
.bi-shield-lock::before { font-family: 'Material Symbols Rounded' !important; content: "\f686"; }  /* shield_lock */
.bi-shield-lock-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\f686"; }  /* shield_lock */
.bi-shield-plus::before { font-family: 'Material Symbols Rounded' !important; content: "\e97d"; }  /* add_moderator */
.bi-shuffle::before { font-family: 'Material Symbols Rounded' !important; content: "\e043"; }  /* shuffle */
.bi-signpost-split-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\f184"; }  /* alt_route */
.bi-sliders::before { font-family: 'Material Symbols Rounded' !important; content: "\e429"; }  /* tune */
.bi-speedometer2::before { font-family: 'Material Symbols Rounded' !important; content: "\e871"; }  /* dashboard */
.bi-star-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e838"; }  /* star */
.bi-stars::before { font-family: 'Material Symbols Rounded' !important; content: "\e65f"; }  /* auto_awesome */
.bi-stopwatch::before { font-family: 'Material Symbols Rounded' !important; content: "\e425"; }  /* timer */
.bi-telephone::before { font-family: 'Material Symbols Rounded' !important; content: "\e0b0"; }  /* call */
.bi-telephone-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e0b0"; }  /* call */
.bi-ticket-perforated::before { font-family: 'Material Symbols Rounded' !important; content: "\e638"; }  /* confirmation_number */
.bi-ticket-perforated-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e638"; }  /* confirmation_number */
.bi-toggle-off::before { font-family: 'Material Symbols Rounded' !important; content: "\e9f5"; }  /* toggle_off */
.bi-toggle-on::before { font-family: 'Material Symbols Rounded' !important; content: "\e9f6"; }  /* toggle_on */
.bi-translate::before { font-family: 'Material Symbols Rounded' !important; content: "\e8e2"; }  /* translate */
.bi-trash::before { font-family: 'Material Symbols Rounded' !important; content: "\e872"; }  /* delete */
.bi-trophy::before { font-family: 'Material Symbols Rounded' !important; content: "\e71a"; }  /* trophy */
.bi-trophy-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e71a"; }  /* trophy */
.bi-upc-scan::before { font-family: 'Material Symbols Rounded' !important; content: "\e70c"; }  /* barcode_scanner */
.bi-volume-mute-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e04f"; }  /* volume_off */
.bi-volume-up-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e050"; }  /* volume_up */
.bi-wallet2::before { font-family: 'Material Symbols Rounded' !important; content: "\e850"; }  /* account_balance_wallet */
.bi-x::before { font-family: 'Material Symbols Rounded' !important; content: "\e14c"; }  /* close */
.bi-x-circle::before { font-family: 'Material Symbols Rounded' !important; content: "\e5c9"; }  /* cancel */
.bi-x-circle-fill::before { font-family: 'Material Symbols Rounded Fill' !important; content: "\e5c9"; }  /* cancel */
.bi-x-lg::before { font-family: 'Material Symbols Rounded' !important; content: "\e14c"; }  /* close */

/* ຂະໜາດ: Material Symbols ອອກແບບເທິງກຣິດ 24px ຈຶ່ງເບິ່ງນ້ອຍກວ່າ Bootstrap Icons ເລັກນ້ອຍ
   ຂະຫຍາຍຂຶ້ນເລັກນ້ອຍໃຫ້ນ້ຳໜັກສາຍຕາໃກ້ຄຽງກັບຂອງເດີມ */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before { font-size: 1.12em; }