/* Libo shared modal owner. Geometry and colors mirror the frozen 530 build. */
#dialogRoot {
    position: fixed;
    inset: 0;
    z-index: 1960;
    box-sizing: border-box;
    font-family: yahei, "Microsoft YaHei", Arial, sans-serif;
    /* lobby.css only declares the mobile units it used before dialogs were shared */
    --mp3: calc(var(--mp1) * 3);
    --mp4: calc(var(--mp1) * 4);
    --mp5: calc(var(--mp1) * 5);
    --mp6: calc(var(--mp1) * 6);
    --mp7: calc(var(--mp1) * 7);
    --mp8: calc(var(--mp1) * 8);
    --mp10: calc(var(--mp1) * 10);
    --mp16: calc(var(--mp1) * 16);
    --mp18: calc(var(--mp1) * 18);
    --mp20: calc(var(--mp1) * 20);
    --mp24: calc(var(--mp1) * 24);
    --mp27: calc(var(--mp1) * 27);
    --mp38: calc(var(--mp1) * 38);
    --mp39: calc(var(--mp1) * 39);
    --mp45: calc(var(--mp1) * 45);
    --mp58: calc(var(--mp1) * 58);
    --mp90: calc(var(--mp1) * 90);
    --mp95: calc(var(--mp1) * 95);
    --mp110: calc(var(--mp1) * 110);
    --mp172: calc(var(--mp1) * 172);
    --mp300: calc(var(--mp1) * 300);
}

#dialogRoot.audit-hidden {
    display: none !important;
}

#dialogRoot,
#dialogRoot * {
    box-sizing: border-box;
}

#dialogRoot button,
#dialogRoot input {
    font: inherit;
}

#dialogRoot button {
    border: 0;
    cursor: pointer;
}

#dialogRoot.bet-history-root,
#dialogRoot.edit-password-root,
#dialogRoot.langauge-root,
#dialogRoot.edit-custom-chip-root,
#dialogRoot.libo-generic-dialog-root {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

#dialogRoot .libo-dialog-close {
    position: absolute;
    top: 0;
    right: calc(var(--pc1, 1px) * 10);
    bottom: 0;
    width: calc(var(--pc1, 1px) * 15);
    height: calc(var(--pc1, 1px) * 15);
    padding: 0;
    margin: auto;
    background: transparent;
}

#dialogRoot .libo-dialog-close::before,
#dialogRoot .libo-dialog-close::after {
    content: "";
    position: absolute;
    top: calc(50% - var(--pc1, 1px));
    left: 0;
    width: 100%;
    height: calc(var(--pc1, 1px) * 2);
    background: #fff;
}

#dialogRoot .libo-dialog-close::before { transform: rotate(45deg); }
#dialogRoot .libo-dialog-close::after { transform: rotate(-45deg); }

/* Account history ------------------------------------------------------ */
#dialogRoot.bet-history-root .bet-history-content {
    display: flex;
    flex-direction: column;
    width: calc(var(--pc1, 1px) * 800);
    height: calc(var(--pc1, 1px) * 421);
    overflow: hidden;
    background: #413413;
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
    transform: scale(var(--libo-dialog-scale, 1));
    transform-origin: center;
}

#dialogRoot.bet-history-root .bet-history-content > .title,
#dialogRoot.edit-password-root .edit-password-content > .title,
#dialogRoot.edit-custom-chip-root .edit-custom-chip-content > .title {
    position: relative;
    display: flex;
    flex: 0 0 calc(var(--pc1, 1px) * 31);
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--pc1, 1px) * 31);
    background-image: linear-gradient(90deg, #806d3e, #a18f4e 30%, #c1b15d 50%, #a18f4e 70%, #806d3e), linear-gradient(#fff, #fff);
}

#dialogRoot.bet-history-root .bet-history-content > .title > .text,
#dialogRoot.edit-password-root .edit-password-content > .title > .text,
#dialogRoot.edit-custom-chip-root .edit-custom-chip-content > .title > .text {
    min-width: calc(var(--pc1, 1px) * 44);
    color: #4f4617;
    font-size: calc(var(--pc1, 1px) * 10);
    text-align: center;
}

#dialogRoot.bet-history-root .bet-history-content > .body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    padding: 0 calc(var(--pc1, 1px) * 5) calc(var(--pc1, 1px) * 6);
}

#dialogRoot.bet-history-root .search-container {
    position: relative;
    z-index: 4;
    display: flex;
    flex: 0 0 calc(var(--pc1, 1px) * 35);
    align-items: center;
    width: 100%;
    height: calc(var(--pc1, 1px) * 35);
    padding: 0 calc(var(--pc1, 1px) * 31);
    color: #d7c289;
    font-size: calc(var(--pc1, 1px) * 8);
}

#dialogRoot.bet-history-root .callendar-picker {
    position: relative;
    display: flex;
    align-items: center;
}

#dialogRoot.bet-history-root .record-date-label {
    white-space: nowrap;
}

#dialogRoot.bet-history-root .callendar-picker .input {
    position: relative;
    display: flex;
    width: calc(var(--pc1, 1px) * 95);
    padding: 0;
    margin: 0 calc(var(--pc1, 1px) * 8);
    outline: 0;
    cursor: pointer;
}

#dialogRoot.bet-history-root .callendar-picker .input:focus-visible {
    box-shadow: 0 0 0 calc(var(--pc1, 1px) * 1) #ddc28c;
}

#dialogRoot.bet-history-root .callendar-picker .record-date-value {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: 0;
    height: calc(var(--pc1, 1px) * 16);
    padding: 0 calc(var(--pc1, 1px) * 6);
    color: #d7c289;
    background: rgba(0, 0, 0, .25);
    white-space: nowrap;
}

#dialogRoot.bet-history-root .callendar-picker .input input {
    display: none;
}

#dialogRoot.bet-history-root .callendar-picker .arrow {
    display: flex;
    flex: 0 0 calc(var(--pc1, 1px) * 16);
    align-items: center;
    justify-content: center;
    width: calc(var(--pc1, 1px) * 16);
    height: calc(var(--pc1, 1px) * 16);
    background: #ddc28c;
    pointer-events: none;
}

#dialogRoot.bet-history-root .callendar-picker .arrow svg {
    width: calc(var(--pc1, 1px) * 10);
    height: calc(var(--pc1, 1px) * 6);
    fill: none;
    stroke: #5a3e43;
    stroke-width: 1.5;
}

#dialogRoot.bet-history-root .record-calendar-popover {
    position: absolute;
    top: calc(100% + var(--pc1, 1px) * 6);
    left: 0;
    z-index: 20;
    width: calc(var(--pc1, 1px) * 272);
    min-height: calc(var(--pc1, 1px) * 151);
    padding: calc(var(--pc1, 1px) * 7) calc(var(--pc1, 1px) * 7) calc(var(--pc1, 1px) * 8);
    border: var(--pc1, 1px) solid #d9e0e9;
    border-radius: calc(var(--pc1, 1px) * 10);
    color: #263247;
    background: #fff;
    box-shadow: 0 calc(var(--pc1, 1px) * 3) calc(var(--pc1, 1px) * 7) rgba(0, 0, 0, .25);
}

#dialogRoot.bet-history-root .record-calendar-popover[hidden] {
    display: none !important;
}

#dialogRoot.bet-history-root .record-calendar-caret {
    position: absolute;
    top: calc(var(--pc1, 1px) * -5);
    left: calc(var(--pc1, 1px) * 10);
    width: calc(var(--pc1, 1px) * 10);
    height: calc(var(--pc1, 1px) * 10);
    border-top: var(--pc1, 1px) solid #d9e0e9;
    border-left: var(--pc1, 1px) solid #d9e0e9;
    background: #fff;
    transform: rotate(45deg);
}

#dialogRoot.bet-history-root .record-calendar-months {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--pc1, 1px) * 6);
}

#dialogRoot.bet-history-root .record-calendar-month {
    min-width: 0;
}

#dialogRoot.bet-history-root .record-calendar-caption {
    display: grid;
    grid-template-columns: calc(var(--pc1, 1px) * 14) 1fr calc(var(--pc1, 1px) * 14);
    align-items: center;
    height: calc(var(--pc1, 1px) * 20);
    font-size: calc(var(--pc1, 1px) * 10);
    text-align: center;
}

#dialogRoot.bet-history-root .record-calendar-caption strong {
    font-weight: 600;
}

#dialogRoot.bet-history-root .record-calendar-nav,
#dialogRoot.bet-history-root .record-calendar-nav-spacer {
    position: relative;
    display: block;
    width: calc(var(--pc1, 1px) * 14);
    height: calc(var(--pc1, 1px) * 14);
    padding: 0;
    background: transparent;
}

#dialogRoot.bet-history-root .record-calendar-nav::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--pc1, 1px) * 6);
    height: calc(var(--pc1, 1px) * 6);
    border-top: calc(var(--pc1, 1px) * 1.2) solid #758397;
    border-left: calc(var(--pc1, 1px) * 1.2) solid #758397;
}

#dialogRoot.bet-history-root .record-calendar-nav.is-previous::before {
    transform: translate(-35%, -50%) rotate(-45deg);
}

#dialogRoot.bet-history-root .record-calendar-nav.is-next::before {
    transform: translate(-65%, -50%) rotate(135deg);
}

#dialogRoot.bet-history-root .record-calendar-weekdays,
#dialogRoot.bet-history-root .record-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

#dialogRoot.bet-history-root .record-calendar-weekdays {
    height: calc(var(--pc1, 1px) * 15);
    color: #98a5b6;
    font-size: calc(var(--pc1, 1px) * 8);
}

#dialogRoot.bet-history-root .record-calendar-weekdays span {
    display: flex;
    align-items: center;
    justify-content: center;
}

#dialogRoot.bet-history-root .record-calendar-day {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--pc1, 1px) * 15);
    padding: 0;
    border-radius: 0;
    color: #263247;
    font-size: calc(var(--pc1, 1px) * 9);
    background: transparent;
}

#dialogRoot.bet-history-root .record-calendar-day > span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--pc1, 1px) * 13);
    height: calc(var(--pc1, 1px) * 13);
    border-radius: 50%;
}

#dialogRoot.bet-history-root .record-calendar-day:hover:not(.is-disabled) > span,
#dialogRoot.bet-history-root .record-calendar-day:focus-visible > span {
    background: #edf4fb;
}

#dialogRoot.bet-history-root .record-calendar-day.is-today > span {
    color: #3184d4;
    font-weight: 600;
}

#dialogRoot.bet-history-root .record-calendar-day.is-in-range {
    background: #e6f1fb;
}

#dialogRoot.bet-history-root .record-calendar-day.is-range-start:not(.is-range-end) {
    background: linear-gradient(90deg, transparent 50%, #e6f1fb 50%);
}

#dialogRoot.bet-history-root .record-calendar-day.is-range-end:not(.is-range-start) {
    background: linear-gradient(90deg, #e6f1fb 50%, transparent 50%);
}

#dialogRoot.bet-history-root .record-calendar-day.is-range-start > span,
#dialogRoot.bet-history-root .record-calendar-day.is-range-end > span {
    color: #fff;
    background: #3f8edb;
    font-weight: 600;
}

#dialogRoot.bet-history-root .record-calendar-day.is-disabled {
    color: #c7ced8;
    cursor: default;
}

#dialogRoot.bet-history-root .record-calendar-day.is-empty {
    display: block;
    height: calc(var(--pc1, 1px) * 15);
}

#dialogRoot.bet-history-root .btn-search {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--pc1, 1px) * 47);
    height: calc(var(--pc1, 1px) * 20);
    margin-left: calc(var(--pc1, 1px) * 20);
    border-radius: calc(var(--pc1, 1px) * 3);
    color: #fff;
    font-size: calc(var(--pc1, 1px) * 12);
    background-image: linear-gradient(0deg, #4f4617, #5f5729 14%, #6f673b 23%, #e4df85), linear-gradient(#c1b15d, #c1b15d);
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
}

#dialogRoot.bet-history-root .content {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    overflow: auto;
}

#dialogRoot.bet-history-root .record-summary-table,
#dialogRoot.bet-history-root .record-detail-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#dialogRoot.bet-history-root .record-summary-table thead,
#dialogRoot.bet-history-root .record-detail-table thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #6f673b;
}

#dialogRoot.bet-history-root .record-summary-table th,
#dialogRoot.bet-history-root .record-detail-table th {
    padding: calc(var(--pc1, 1px) * 7) 0;
    border: var(--pc1, 1px) solid rgba(0, 0, 0, .5);
    color: #fff;
    font-size: calc(var(--pc1, 1px) * 9);
    font-weight: 400;
}

#dialogRoot.bet-history-root .record-summary-table td,
#dialogRoot.bet-history-root .record-detail-table td {
    padding: calc(var(--pc1, 1px) * 5);
    border: var(--pc1, 1px) solid rgba(0, 0, 0, .5);
    color: #d7c289;
    font-size: calc(var(--pc1, 1px) * 9);
    text-align: center;
}

#dialogRoot.bet-history-root th._34 { width: calc(var(--pc1, 1px) * 34); }
#dialogRoot.bet-history-root th._63 { width: calc(var(--pc1, 1px) * 63); }
#dialogRoot.bet-history-root th._68 { width: calc(var(--pc1, 1px) * 68); }
#dialogRoot.bet-history-root th._69 { width: calc(var(--pc1, 1px) * 69); }
#dialogRoot.bet-history-root th._83 { width: calc(var(--pc1, 1px) * 83); }
#dialogRoot.bet-history-root th._94 { width: calc(var(--pc1, 1px) * 94); }
#dialogRoot.bet-history-root th._135 { width: calc(var(--pc1, 1px) * 135); }
#dialogRoot.bet-history-root th._204 { width: calc(var(--pc1, 1px) * 204); }
#dialogRoot.bet-history-root th._228 { width: calc(var(--pc1, 1px) * 228); }

#dialogRoot.bet-history-root tbody tr:nth-child(2n) {
    background: hsla(0, 0%, 84.7%, .07);
}

#dialogRoot.bet-history-root td.record-empty-cell {
    padding: calc(var(--pc1, 1px) * 10);
    border: 0;
    color: #fff;
    font-size: calc(var(--pc1, 1px) * 10);
    background: transparent;
}

#dialogRoot.bet-history-root .record-detail-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--pc1, 1px) * 40);
    min-height: calc(var(--pc1, 1px) * 18);
    border-radius: calc(var(--pc1, 1px) * 3);
    color: #fff;
    font-size: calc(var(--pc1, 1px) * 9);
    background-image: linear-gradient(0deg, #4f4617, #5f5729 14%, #6f673b 23%, #e4df85), linear-gradient(#c1b15d, #c1b15d);
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
}

#dialogRoot.bet-history-root .record-mobile-list { display: none; }
#dialogRoot.bet-history-root .record-empty { padding: calc(var(--pc1, 1px) * 10); color: #fff; text-align: center; }
#dialogRoot.bet-history-root .footer { color: #d7c289; font-size: calc(var(--pc1, 1px) * 9); }
#dialogRoot.bet-history-root .pagination-root { display: flex; align-items: center; justify-content: flex-end; gap: calc(var(--pc1, 1px) * 5); }
#dialogRoot.bet-history-root .pagination-wrap { display: flex; align-items: center; gap: calc(var(--pc1, 1px) * 3); }
#dialogRoot.bet-history-root .pagination-wrap button,
#dialogRoot.bet-history-root .btn-page { min-width: calc(var(--pc1, 1px) * 20); height: calc(var(--pc1, 1px) * 18); color: #fff; background: #6f673b; }

/* Password and custom chip -------------------------------------------- */
#dialogRoot.edit-password-root .edit-password-content,
#dialogRoot.edit-custom-chip-root .edit-custom-chip-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #413413;
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
    transform: scale(var(--libo-dialog-scale, 1));
    transform-origin: center;
}

#dialogRoot.edit-password-root .edit-password-content { width: calc(var(--pc1, 1px) * 330); }
#dialogRoot.edit-custom-chip-root .edit-custom-chip-content { width: calc(var(--pc1, 1px) * 375); }

#dialogRoot.edit-password-root .body,
#dialogRoot.edit-custom-chip-root .body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: calc(var(--pc1, 1px) * 20) 0;
}

#dialogRoot.edit-password-root form,
#dialogRoot.edit-custom-chip-root form {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: calc(var(--pc1, 1px) * 20);
}

#dialogRoot.edit-custom-chip-root form { margin-top: calc(var(--pc1, 1px) * 30); }

#dialogRoot.edit-password-root .field,
#dialogRoot.edit-custom-chip-root .field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: calc(var(--pc1, 1px) * 3) 0;
    background: #4f4617;
}

#dialogRoot.edit-password-root .field { margin-top: calc(var(--pc1, 1px) * 10); }

#dialogRoot.edit-password-root .label,
#dialogRoot.edit-custom-chip-root .label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(var(--pc1, 1px) * 75);
    padding-right: calc(var(--pc1, 1px) * 5);
    color: #fff;
    font-size: calc(var(--pc1, 1px) * 10);
    white-space: nowrap;
}

#dialogRoot.edit-password-root .field input,
#dialogRoot.edit-custom-chip-root .field input {
    all: unset;
    box-sizing: border-box;
    width: calc(var(--pc1, 1px) * 203);
    height: calc(var(--pc1, 1px) * 24);
    padding: 0 calc(var(--pc1, 1px) * 5);
    border-radius: calc(var(--pc1, 1px) * 2);
    color: #000;
    font-size: calc(var(--pc1, 1px) * 10);
    background: #c1b15d;
    user-select: text;
}

#dialogRoot.edit-password-root .field input { color: #fff; background: #121212; }

#dialogRoot.edit-password-root .error,
#dialogRoot.edit-custom-chip-root .error {
    width: calc(var(--pc1, 1px) * 150);
    min-height: calc(var(--pc1, 1px) * 25);
    margin-top: calc(var(--pc1, 1px) * 6);
    color: red;
    font-size: calc(var(--pc1, 1px) * 10);
    text-align: center;
}

#dialogRoot.edit-password-root .confirm,
#dialogRoot.edit-custom-chip-root .confirm {
    width: calc(var(--pc1, 1px) * 140);
    height: calc(var(--pc1, 1px) * 33);
    border-radius: calc(var(--pc1, 1px) * 5);
    color: #4f4617;
    line-height: calc(var(--pc1, 1px) * 33);
    text-align: center;
    background-image: linear-gradient(0deg, #4f4617, #6f673b 23%, #e4df85), linear-gradient(#e5cd94, #e5cd94);
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
}

/* Language ------------------------------------------------------------ */
#dialogRoot.langauge-root .language-content {
    display: flex;
    flex-direction: column;
    width: calc(var(--pc1, 1px) * 299);
    overflow: hidden;
    border: var(--pc1, 1px) solid #b1a565;
    border-radius: calc(var(--pc1, 1px) * 2);
    background-image: linear-gradient(0deg, #a3954f, #716732 10%, #3e3915 62%, #716732 87%, #a3954f), linear-gradient(#3c2d17, #3c2d17);
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
    transform: scale(var(--libo-dialog-scale, 1));
    transform-origin: center;
}

#dialogRoot.langauge-root .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--pc1, 1px) * 27);
    color: #fff;
}

#dialogRoot.langauge-root .title .text {
    min-width: calc(var(--pc1, 1px) * 44);
    font-size: calc(var(--pc1, 1px) * 15);
    text-align: center;
}

#dialogRoot.langauge-root .title .close {
    right: calc(var(--pc1, 1px) * 5);
    width: calc(var(--pc1, 1px) * 30);
    height: calc(var(--pc1, 1px) * 30);
}

#dialogRoot.langauge-root .body {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: calc(var(--pc1, 1px) * 16) calc(var(--pc1, 1px) * 25);
    background: #3c2d17;
}

#dialogRoot.langauge-root ul {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
}

#dialogRoot.langauge-root li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--pc1, 1px) * 27);
    margin-top: calc(var(--pc1, 1px) * 6);
    border-radius: calc(var(--pc1, 1px) * 2);
    color: #fffffe;
    font-size: calc(var(--pc1, 1px) * 15);
    list-style: none;
    cursor: pointer;
    background-image: linear-gradient(180deg, #a49347, #c6bc69 53%, #e7e48a 89%, #b7b46c 93%, #86844e), linear-gradient(#fff, #fff);
}

#dialogRoot.langauge-root li:first-child { margin-top: 0; }
#dialogRoot.langauge-root li.active {
    color: #ffed75;
    background-image: linear-gradient(180deg, #5c4c06, #807733 53%, #a3a15f 89%, #959357 93%, #86844e), linear-gradient(#fff, #fff);
}

/* Shared shell for generic notices and confirmations. */
#dialogRoot.libo-generic-dialog-root .libo-generic-dialog-content {
    display: flex;
    flex-direction: column;
    width: calc(var(--pc1, 1px) * 330);
    overflow: hidden;
    color: #fff;
    background: #413413;
    box-shadow: 0 var(--pc1, 1px) var(--pc1, 1px) #000;
    transform: scale(var(--libo-dialog-scale, 1));
}

#dialogRoot.libo-generic-dialog-root .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--pc1, 1px) * 31);
    background-image: linear-gradient(90deg, #806d3e, #a18f4e 30%, #c1b15d 50%, #a18f4e 70%, #806d3e);
}

#dialogRoot.libo-generic-dialog-root .title .text { color: #4f4617; font-size: calc(var(--pc1, 1px) * 10); }
#dialogRoot.libo-generic-dialog-root .body { display: flex; flex-direction: column; gap: calc(var(--pc1, 1px) * 10); padding: calc(var(--pc1, 1px) * 20); }
#dialogRoot.libo-generic-dialog-root input { height: calc(var(--pc1, 1px) * 28); padding: 0 calc(var(--pc1, 1px) * 8); background: #c1b15d; }
#dialogRoot.libo-generic-dialog-root .btn-group { display: flex; justify-content: center; gap: calc(var(--pc1, 1px) * 8); }
#dialogRoot.libo-generic-dialog-root .btn { min-width: calc(var(--pc1, 1px) * 80); height: calc(var(--pc1, 1px) * 28); color: #4f4617; background: linear-gradient(0deg, #4f4617, #6f673b 23%, #e4df85); }

/* The shared menu renderer is intentionally structural; page skins own placement. */
#settingMenuPanel .setting-msg-box-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#settingMenuPanel .setting-msg-box-item .icon,
#settingMenuPanel .setting-msg-box-item .label {
    pointer-events: none;
}

@media (orientation: portrait) and (max-width: 767px) {
    .mobile #dialogRoot.bet-history-root .bet-history-content,
    .mobile #dialogRoot.edit-password-root .edit-password-content,
    .mobile #dialogRoot.langauge-root .language-content,
    .mobile #dialogRoot.edit-custom-chip-root .edit-custom-chip-content,
    .mobile #dialogRoot.libo-generic-dialog-root .libo-generic-dialog-content {
        transform: none;
    }

    .mobile #dialogRoot.bet-history-root .bet-history-content,
    .mobile #dialogRoot.edit-password-root .edit-password-content {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .mobile #dialogRoot.bet-history-root .bet-history-content > .title,
    .mobile #dialogRoot.edit-password-root .edit-password-content > .title {
        flex-basis: var(--mp58);
        height: var(--mp58);
    }

    .mobile #dialogRoot.bet-history-root .title .text,
    .mobile #dialogRoot.edit-password-root .title .text,
    .mobile #dialogRoot.edit-custom-chip-root .title .text {
        min-width: var(--mp88);
        font-size: var(--mp16);
    }

    .mobile #dialogRoot .libo-dialog-close {
        top: calc(var(--mp4) * -1);
        right: var(--mp20);
        width: var(--mp20);
        height: var(--mp20);
    }

    .mobile #dialogRoot .libo-dialog-close::before,
    .mobile #dialogRoot .libo-dialog-close::after {
        top: calc(50% - var(--mp1));
        height: var(--mp2);
    }

    .mobile #dialogRoot.bet-history-root .search-container {
        flex-basis: var(--mp40);
        height: var(--mp40);
        padding: 0 var(--mp5);
        margin-top: var(--mp10);
        font-size: var(--mp12);
    }

    .mobile #dialogRoot.bet-history-root .callendar-picker .input {
        width: var(--mp95);
        margin: 0 0 0 var(--mp8);
    }

    .mobile #dialogRoot.bet-history-root .callendar-picker .input:first-child {
        margin-right: var(--pc8);
    }

    .mobile #dialogRoot.bet-history-root .callendar-picker .input input {
        display: none;
    }

    .mobile #dialogRoot.bet-history-root .callendar-picker .record-date-value {
        height: var(--mp30);
        padding: 0 var(--mp6);
        font-size: var(--mp11);
    }

    .mobile #dialogRoot.bet-history-root .callendar-picker .arrow {
        flex-basis: var(--mp16);
        width: var(--mp16);
        height: var(--mp30);
    }

    .mobile #dialogRoot.bet-history-root .callendar-picker {
        position: static;
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-popover {
        top: var(--mp45);
        left: var(--mp5);
        width: calc(100vw - var(--mp10));
        min-height: var(--mp172);
        padding: var(--mp8) var(--mp6) var(--mp10);
        border-width: var(--mp1);
        border-radius: var(--mp10);
        box-shadow: 0 var(--mp3) var(--mp7) rgba(0, 0, 0, .25);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-caret {
        display: none;
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-months {
        gap: var(--mp4);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-caption {
        grid-template-columns: var(--mp16) 1fr var(--mp16);
        height: var(--mp24);
        font-size: var(--mp10);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-nav,
    .mobile #dialogRoot.bet-history-root .record-calendar-nav-spacer {
        width: var(--mp16);
        height: var(--mp16);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-nav::before {
        width: var(--mp7);
        height: var(--mp7);
        border-width: var(--mp1) 0 0 var(--mp1);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-weekdays {
        height: var(--mp18);
        font-size: var(--mp8);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-day,
    .mobile #dialogRoot.bet-history-root .record-calendar-day.is-empty {
        height: var(--mp18);
        font-size: var(--mp10);
    }

    .mobile #dialogRoot.bet-history-root .record-calendar-day > span {
        width: var(--mp16);
        height: var(--mp16);
    }

    .mobile #dialogRoot.bet-history-root .btn-search {
        min-width: var(--mp30);
        height: var(--mp30);
        margin-left: var(--mp5);
        border-radius: var(--mp3);
        color: #544a28;
        font-size: var(--mp9);
        background: #ddc28c;
    }

    .mobile #dialogRoot.bet-history-root .record-summary-table,
    .mobile #dialogRoot.bet-history-root .record-detail-table {
        display: none;
    }

    .mobile #dialogRoot.bet-history-root .record-mobile-list {
        display: block;
        padding: var(--mp8);
    }

    .mobile #dialogRoot.bet-history-root .record-mobile-list table {
        width: 100%;
        margin-top: var(--mp7);
        border: var(--mp1) solid rgba(142, 128, 74, .7);
        border-collapse: collapse;
        border-radius: var(--mp7);
        color: #fff;
        font-size: var(--mp15);
        background: rgba(0, 0, 0, .15);
    }

    .mobile #dialogRoot.bet-history-root .record-mobile-list th,
    .mobile #dialogRoot.bet-history-root .record-mobile-list td {
        padding: var(--mp8);
        border: var(--mp1) solid rgba(142, 128, 74, .7);
        font-weight: 400;
    }

    .mobile #dialogRoot.bet-history-root .record-mobile-list .f1 {
        width: var(--mp120);
        color: #e0c98f;
        text-align: left;
    }

    .mobile #dialogRoot.bet-history-root .record-mobile-list .f2 {
        padding-left: var(--mp10);
        color: #fff;
    }

    .mobile #dialogRoot.bet-history-root .record-detail-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--mp100);
        height: var(--mp30);
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: var(--mp3);
        color: #544a28;
        font: inherit;
        line-height: normal;
        background: #ddc28c;
        box-shadow: none;
        appearance: none;
        -webkit-appearance: none;
    }

    .mobile #dialogRoot.edit-password-root .body,
    .mobile #dialogRoot.edit-custom-chip-root .body {
        justify-content: flex-start;
    }

    .mobile #dialogRoot.edit-password-root form,
    .mobile #dialogRoot.edit-custom-chip-root form {
        margin-bottom: 0;
    }

    .mobile #dialogRoot.edit-password-root .field,
    .mobile #dialogRoot.edit-custom-chip-root .field {
        padding: var(--mp5) 0;
        margin-top: var(--mp10);
    }

    .mobile #dialogRoot.edit-password-root .label { width: var(--mp80); }
    .mobile #dialogRoot.edit-custom-chip-root .label { width: var(--mp90); }
    .mobile #dialogRoot.edit-password-root .label,
    .mobile #dialogRoot.edit-custom-chip-root .label { padding-right: var(--mp10); font-size: var(--mp14); }

    .mobile #dialogRoot.edit-password-root .field input,
    .mobile #dialogRoot.edit-custom-chip-root .field input {
        width: var(--mp172);
        height: var(--mp27);
        padding: 0 var(--mp10);
        border-radius: var(--mp3);
        font-size: var(--mp14);
    }

    .mobile #dialogRoot.edit-password-root .field input { color: #000; background: #c1b15d; }

    .mobile #dialogRoot.edit-password-root .error,
    .mobile #dialogRoot.edit-custom-chip-root .error {
        width: var(--mp300);
        min-height: var(--mp39);
        margin-top: var(--mp6);
        font-size: var(--mp14);
    }

    .mobile #dialogRoot.edit-password-root .confirm,
    .mobile #dialogRoot.edit-custom-chip-root .confirm {
        position: relative;
        bottom: calc(var(--pc1, 1px) * 12);
        width: var(--mp110);
        height: var(--mp38);
        border-radius: var(--mp5);
        font-size: var(--mp14);
        line-height: var(--mp38);
    }

    .mobile #dialogRoot.edit-custom-chip-root .edit-custom-chip-content {
        width: calc(var(--mp1) * 292);
        border: var(--mp1) solid #707070;
        border-radius: var(--mp3);
    }

    .mobile #dialogRoot.edit-custom-chip-root .edit-custom-chip-content > .title {
        flex-basis: var(--mp40);
        height: var(--mp40);
    }

    .mobile #dialogRoot.edit-custom-chip-root .confirm { height: var(--mp30); line-height: var(--mp30); }

    .mobile #dialogRoot.langauge-root .language-content { width: var(--mp300); }
    .mobile #dialogRoot.langauge-root .title { height: var(--mp40); }
    .mobile #dialogRoot.langauge-root .title .text { min-width: var(--mp88); font-size: var(--mp20); }
    .mobile #dialogRoot.langauge-root .title .close { right: var(--mp10); width: var(--mp40); height: var(--mp40); }
    .mobile #dialogRoot.langauge-root .body { padding: var(--mp16) var(--mp25); }
    .mobile #dialogRoot.langauge-root li { height: var(--mp40); margin-top: var(--mp6); border-radius: var(--mp4); font-size: var(--mp18); }
}