/* Bootstrap Icons 1.13.1: 固定SVGの装飾。文字・アクセシブル名・クリック対象は変更しない。 */
[data-ui-icon]::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-inline-end: .4em;
    vertical-align: -.125em;
    background-color: currentColor;
    -webkit-mask: var(--ui-icon) center / contain no-repeat;
    mask: var(--ui-icon) center / contain no-repeat;
    pointer-events: none;
    flex-shrink: 0;
}
[data-ui-icon="none"]::before { display: none; }
.timecard-punch[data-ui-icon]::before { width: 1.2em; height: 1.2em; }
.dropdown-item[data-ui-icon] { white-space: normal; }
/* 項目の最長幅まで広げ、画面幅に収まらない場合だけ折り返す。 */
.light-blue-navbar .dropdown-menu {
    width: max-content;
    min-width: min(10rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    translate: var(--navbar-menu-offset, 0px) 0;
}
.light-blue-navbar .dropdown-item { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 575.98px) {
    .dropdown-menu { max-width: calc(100vw - 2rem); }
}
/* 強制配色で図形が消えても、日本語ラベルと標準のフォーカスを維持する。 */
@media (forced-colors: active) {
    [data-ui-icon]::before { background-color: ButtonText; forced-color-adjust: none; }
}
[data-ui-icon="house"] { --ui-icon: url("./house.svg"); }
[data-ui-icon="tools"] { --ui-icon: url("./tools.svg"); }
[data-ui-icon="person-circle"] { --ui-icon: url("./person-circle.svg"); }
[data-ui-icon="clock-history"] { --ui-icon: url("./clock-history.svg"); }
[data-ui-icon="clipboard-data"] { --ui-icon: url("./clipboard-data.svg"); }
[data-ui-icon="diagram-3"] { --ui-icon: url("./diagram-3.svg"); }
[data-ui-icon="journal-text"] { --ui-icon: url("./journal-text.svg"); }
[data-ui-icon="link-45deg"] { --ui-icon: url("./link-45deg.svg"); }
[data-ui-icon="search"] { --ui-icon: url("./search.svg"); }
[data-ui-icon="plus-circle"] { --ui-icon: url("./plus-circle.svg"); }
[data-ui-icon="pencil-square"] { --ui-icon: url("./pencil-square.svg"); }
[data-ui-icon="save"] { --ui-icon: url("./save.svg"); }
[data-ui-icon="trash"] { --ui-icon: url("./trash.svg"); }
[data-ui-icon="arrow-left"] { --ui-icon: url("./arrow-left.svg"); }
[data-ui-icon="x-lg"] { --ui-icon: url("./x-lg.svg"); }
[data-ui-icon="check-circle"] { --ui-icon: url("./check-circle.svg"); }
[data-ui-icon="check2-square"] { --ui-icon: url("./check2-square.svg"); }
[data-ui-icon="arrow-return-left"] { --ui-icon: url("./arrow-return-left.svg"); }
[data-ui-icon="x-circle"] { --ui-icon: url("./x-circle.svg"); }
[data-ui-icon="paperclip"] { --ui-icon: url("./paperclip.svg"); }
[data-ui-icon="download"] { --ui-icon: url("./download.svg"); }
[data-ui-icon="file-earmark-pdf"] { --ui-icon: url("./file-earmark-pdf.svg"); }
[data-ui-icon="file-earmark-excel"] { --ui-icon: url("./file-earmark-excel.svg"); }
[data-ui-icon="filetype-csv"] { --ui-icon: url("./filetype-csv.svg"); }
[data-ui-icon="info-circle"] { --ui-icon: url("./info-circle.svg"); }
[data-ui-icon="exclamation-triangle"] { --ui-icon: url("./exclamation-triangle.svg"); }
[data-ui-icon="x-octagon"] { --ui-icon: url("./x-octagon.svg"); }
[data-ui-icon="person-badge"] { --ui-icon: url("./person-badge.svg"); }
[data-ui-icon="key"] { --ui-icon: url("./key.svg"); }
[data-ui-icon="building-check"] { --ui-icon: url("./building-check.svg"); }
[data-ui-icon="building-dash"] { --ui-icon: url("./building-dash.svg"); }
[data-ui-icon="arrow-left-right"] { --ui-icon: url("./arrow-left-right.svg"); }
[data-ui-icon="box-arrow-up-right"] { --ui-icon: url("./box-arrow-up-right.svg"); }
[data-ui-icon="box-arrow-in-right"] { --ui-icon: url("./box-arrow-in-right.svg"); }
[data-ui-icon="box-arrow-right"] { --ui-icon: url("./box-arrow-right.svg"); }
[data-ui-icon="building"] { --ui-icon: url("./building.svg"); }
[data-ui-icon="people"] { --ui-icon: url("./people.svg"); }
[data-ui-icon="gear"] { --ui-icon: url("./gear.svg"); }
[data-ui-icon="shield-check"] { --ui-icon: url("./shield-check.svg"); }
[data-ui-icon="envelope"] { --ui-icon: url("./envelope.svg"); }
[data-ui-icon="send"] { --ui-icon: url("./send.svg"); }
[data-ui-icon="eye"] { --ui-icon: url("./eye.svg"); }
[data-ui-icon="files"] { --ui-icon: url("./files.svg"); }
[data-ui-icon="arrow-clockwise"] { --ui-icon: url("./arrow-clockwise.svg"); }
[data-ui-icon="arrow-counterclockwise"] { --ui-icon: url("./arrow-counterclockwise.svg"); }
[data-ui-icon="arrow-right"] { --ui-icon: url("./arrow-right.svg"); }
[data-ui-icon="arrow-up"] { --ui-icon: url("./arrow-up.svg"); }
[data-ui-icon="arrow-down"] { --ui-icon: url("./arrow-down.svg"); }
[data-ui-icon="archive"] { --ui-icon: url("./archive.svg"); }
[data-ui-icon="upload"] { --ui-icon: url("./upload.svg"); }
[data-ui-icon="list-check"] { --ui-icon: url("./list-check.svg"); }
[data-ui-icon="calendar3"] { --ui-icon: url("./calendar3.svg"); }
[data-ui-icon="bar-chart"] { --ui-icon: url("./bar-chart.svg"); }
[data-ui-icon="unlock"] { --ui-icon: url("./unlock.svg"); }
[data-ui-icon="lock"] { --ui-icon: url("./lock.svg"); }
[data-ui-icon="folder"] { --ui-icon: url("./folder.svg"); }
[data-ui-icon="check2"] { --ui-icon: url("./check2.svg"); }
[data-ui-icon="file-earmark-text"] { --ui-icon: url("./file-earmark-text.svg"); }
