/* BG-TEAM-R1.07: consistent 15px design-scale tabs, date values and quick dates with regular weight. */
.team-page,.team-page *,.team-page *::before,.team-page *::after,.team-dialog-layer,.team-dialog-layer *,.team-dialog-layer *::before,.team-dialog-layer *::after,.team-date-layer,.team-date-layer *,.team-date-layer *::before,.team-date-layer *::after{box-sizing:border-box}
.team-page,.team-dialog-layer,.team-date-layer{color:#17243a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:light}
.team-page button,.team-page input,.team-page a,.team-dialog-layer button,.team-date-layer button{-webkit-tap-highlight-color:transparent}
.team-page button,.team-page input,.team-dialog-layer button,.team-date-layer button{font:inherit}
.team-page button,.team-dialog-layer button,.team-date-layer button{cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}
.team-page button:focus-visible,.team-page a:focus-visible,.team-dialog-layer button:focus-visible,.team-date-layer button:focus-visible{outline:2px solid #7baaff;outline-offset:3px}
.team-page svg,.team-dialog-layer svg,.team-date-layer svg{display:block;flex:none;pointer-events:none}
.team-scrollbars,.team-scrollbars body,.team-page,.team-dialog,.team-date-sheet{scrollbar-width:none;-ms-overflow-style:none}
.team-scrollbars::-webkit-scrollbar,.team-scrollbars body::-webkit-scrollbar,.team-page::-webkit-scrollbar,.team-dialog::-webkit-scrollbar,.team-date-sheet::-webkit-scrollbar{display:none;width:0;height:0}
    .team-page{--team-gutter:clamp(.5rem,2.6vw,1.5rem);width:100%;max-width:520px;min-height:100vh;min-height:100dvh;margin-inline:auto;background:#fff}
    .team-toolbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;min-height:calc(3.5rem + env(safe-area-inset-top,0px));padding:calc(.5rem + env(safe-area-inset-top,0px)) .75rem .5rem;color:#fff;background:#fff linear-gradient(110deg,#277ef5,#2e83f7) no-repeat 0 100%/100% calc(100% - env(safe-area-inset-top,0px))}
    .team-toolbar h1{margin:0;text-align:center;color:#fff;font-size:1.0625rem;font-weight:400;line-height:1.5}
    .team-back{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;background:transparent;color:#fff;text-decoration:none}
    .team-back svg{width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .team-main{padding:.5rem var(--team-gutter) calc(1rem + env(safe-area-inset-bottom,0px))}
    .team-overview{padding:.25rem .75rem;border:1px solid #e7eefb;border-radius:.875rem;background:linear-gradient(125deg,#f2f7ff,#fafcff)}
    .team-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
    .team-stat{min-width:0;padding:.375rem .5rem;text-align:center}
    .team-stat:nth-child(even){border-inline-start:1px solid #bdcde5}
    .team-stat:nth-child(n+3){border-top:1px solid #bdcde5}
    .team-stat dt{margin:0;color:#75849a;font-size:.8125rem;font-weight:400;line-height:1.5}
    .team-stat dd{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin:.25rem 0 0;color:#2d82f7;font-size:.9375rem;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums}
    .team-stat dd>span{min-width:0;overflow-wrap:anywhere}
    .team-stat dd small{color:#7d91ae;font-size:.7500rem}
    .team-search{position:relative;display:flex;align-items:center;gap:.5rem;height:2.625rem;margin-top:1rem;padding:0 .8125rem;border:1px solid #e1e8f3;border-radius:.5rem;background:#fff}
    .team-search:focus-within{border-color:#75a8f8}
    .team-search>svg{width:1.0625rem;height:1.0625rem;fill:none;stroke:#8fa0b7;stroke-width:1.7;stroke-linecap:round}
    .team-search input{flex:1;min-width:0;width:100%;height:100%;padding:0;padding-inline-end:1.5rem;border:0;outline:0;background:transparent;color:#17243a;font-size:.875rem;font-weight:400;line-height:normal;appearance:none;-webkit-appearance:none}
    .team-search input::placeholder{color:#9aa8ba;opacity:1}
    .team-search-clear{position:absolute;inset-inline-end:.375rem;top:50%;display:grid;place-items:center;width:1.875rem;height:1.875rem;padding:0;transform:translateY(-50%);border:0;background:transparent;color:#9aa8ba}
    .team-search-clear svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
    .team-time-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.875rem 0 .75rem}
    .team-filter-label{flex:none;margin-right:.0625rem;color:#8b98ab;font-size:.8125rem;line-height:1.5}
    .team-page .team-time-option{min-width:2.625rem;height:1.75rem;padding:0 .5625rem;border:1px solid transparent;border-radius:.375rem;background:transparent;color:#6d7e96;font-size:.9375rem;font-weight:400;line-height:1.5;white-space:nowrap}
    .team-time-option[aria-pressed="true"]{border-color:#deebff;background:#edf5ff;color:#2d82f7}
    .team-date-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:1rem;min-width:0}
    .team-page .team-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1;min-width:0;height:2.5rem;padding:0 .75rem;border:1px solid #e1e8f3;border-radius:.4375rem;background:#fff;color:#304762;font-size:.9375rem;font-weight:400;line-height:1.5}
    .team-date-trigger span{direction:ltr;unicode-bidi:isolate;min-width:0;font-variant-numeric:tabular-nums;white-space:nowrap}
    .team-date-trigger svg{width:1rem;height:1rem;fill:none;stroke:#8d9db2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
    .team-results-heading{display:flex;align-items:center;justify-content:space-between;gap:.625rem;min-height:2.5rem}
    .team-results-status{flex:none;padding-right:.0625rem;color:#65758c;font-size:.875rem;font-weight:400;line-height:1.5;text-align:right;white-space:nowrap}
    .team-results-title{display:flex;align-items:baseline;gap:.4375rem;min-width:0}
    .team-results-title h2{margin:0;color:#1c2c44;font-size:.9375rem;font-weight:400;line-height:1.5}
    .team-result-count{margin:0;color:#98a5b7;font-size:.8125rem;line-height:1.5;font-variant-numeric:tabular-nums}
    .team-list{margin:0;padding:0;list-style:none;border-top:1px solid #edf1f7;scroll-margin-top:calc(6.875rem + env(safe-area-inset-top,0px))}
    .team-member{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto .75rem;align-items:center;column-gap:.625rem;width:100%;min-width:0;min-height:3.625rem;padding:.5625rem .0625rem;border:0;border-bottom:1px solid #edf1f7;background:#fff;text-align:left;color:#17243a}
    .team-member-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid #e2edff;border-radius:.75rem;background:#f0f6ff;color:#5998f8}
    .team-member-icon svg{width:1.5625rem;height:1.5625rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
    .team-member-main{display:block;min-width:0}
    .team-member-name{display:block;overflow:hidden;color:#17243a;font-size:.875rem;font-weight:400;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
    .team-member-date{display:block;text-align:right;white-space:nowrap}
    .team-member-date span{color:#8795aa;font-size:.8125rem;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums}
    .team-member-date .is-today{color:#4f91ee}
    .team-member-chevron{width:.75rem;height:1rem;fill:none;stroke:#b6c1d0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
    .team-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}
    .team-load-more,.team-page-previous{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:2rem;margin:.75rem 0 .25rem;padding:.25rem .875rem;border:1px solid #e0ebfc;border-radius:.4375rem;background:#f8fbff;color:#3984ef;font-size:.8125rem;font-weight:400;line-height:1.5;white-space:nowrap}
    .team-empty{display:grid;justify-items:center;gap:.625rem;padding:2.5rem 1rem;text-align:center}
    .team-empty-icon{display:grid;place-items:center;width:3.875rem;height:3.875rem;margin-bottom:.125rem;border-radius:50%;background:#f2f7ff;color:#9ebceb}
    .team-empty-icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
    .team-empty strong{color:#586e8e;font-size:.875rem;font-weight:400;line-height:1.5}
    .team-empty p{margin:0;color:#a0acbd;font-size:.8125rem;line-height:1.6}
    .team-reset{margin-top:.375rem;padding:.4375rem .9375rem;border:1px solid #dce9ff;border-radius:.375rem;background:#fff;color:#3883ed;font-size:.8750rem;font-weight:400;line-height:1.5}
    .team-dialog-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;width:100%;max-width:520px;margin-inline:auto;padding:calc(1.25rem + env(safe-area-inset-top,0px)) 1.5rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:rgba(28,46,76,.3)}
    .team-dialog{width:100%;max-width:20rem;max-height:100%;overflow:auto;padding:1.125rem 1.125rem 1rem;border-radius:.875rem;outline:0;background:#fff;box-shadow:0 1rem 3rem rgba(25,48,85,.14)}
    .team-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
    .team-dialog-heading h2{margin:0;color:#1e304a;font-size:1.0625rem;font-weight:400;line-height:1.5}
    .team-dialog-close{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;color:#9aa8ba}
    .team-dialog-close svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
    .team-dialog-person{display:grid;justify-items:center;gap:.5rem;padding:1rem 0 .75rem}
    .team-dialog-person .team-member-icon{width:3.5rem;height:3.5rem;border-radius:1rem}
    .team-dialog-person .team-member-icon svg{width:2rem;height:2rem}
    .team-dialog-person strong{color:#17243a;font-size:1rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere;text-align:center}
    .team-detail-list{margin:0;border-top:1px solid #edf1f7}
    .team-detail-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #edf1f7}
    .team-detail-list dt{flex:none;color:#8d9aae;font-size:.8750rem;font-weight:400;line-height:1.5}
    .team-detail-list dd{min-width:0;margin:0;color:#30455f;font-size:.8750rem;font-weight:400;line-height:1.5;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
    .team-dialog-done{width:100%;height:2.5rem;margin-top:1rem;padding:0 1rem;border:0;border-radius:.375rem;background:#2d82f7;color:#fff;font-size:1rem;font-weight:400;line-height:1.5}
.team-date-layer{color:#252b33;position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;width:100%;max-width:520px;margin-inline:auto;background:rgba(20,37,61,.28)}
.team-date-sheet{width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior-y:contain;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-radius:1rem 1rem 0 0;background:#fff}
.team-date-heading{position:relative;min-height:2.25rem}
.team-month-navigation{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-inline:2rem}
.team-date-heading h2{min-width:7rem;margin:0;text-align:center;font-size:0.875rem;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums}
.team-date-layer .team-month-step{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:0;background:transparent;color:#65758c}
.team-month-step svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.team-date-layer .team-month-step:disabled{opacity:.3;cursor:default}
.team-date-layer .team-date-close{position:absolute;right:0;top:0.125rem;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:#8592a4}
.team-date-close svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.team-calendar-grid{margin-top:0.5rem;font-variant-numeric:tabular-nums}
.team-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.team-calendar-week>div{min-width:0}
.team-calendar-weekdays{align-items:center;min-height:2rem;margin-bottom:0.25rem;color:#929ba7;font-size:0.8750rem}
.team-date-layer .team-calendar-day{display:grid;place-items:center;width:100%;min-width:0;height:2.475rem;padding:0;border:0;background:transparent;color:#252b33;font-size:0.875rem;font-weight:400}
.team-calendar-day span{position:relative;display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:50%}
.team-date-layer .team-calendar-day.is-outside{color:#bbc2cc}
.team-calendar-day[aria-current="date"] span::after{content:"";position:absolute;bottom:0.125rem;left:calc(50% - 0.125rem);width:0.25rem;height:0.25rem;border-radius:50%;background:#397ef7}
.team-calendar-day.is-start span,.team-calendar-day.is-end span{background:#397ef7;color:#fff}
.team-calendar-day.is-start[aria-current="date"] span::after,.team-calendar-day.is-end[aria-current="date"] span::after{background:#fff}
.team-date-layer .team-calendar-day:disabled{opacity:.35;cursor:default}
.team-date-actions{display:grid;grid-template-columns:1fr 2fr;gap:.625rem;margin-top:0.75rem;padding-top:1rem;border-top:1px solid #edf0f4}
.team-date-layer .team-date-apply{width:100%;height:2.625rem;padding:0 1rem;border:0;border-radius:1.5rem;background:#397ef7;color:#fff;font-size:0.875rem;font-weight:400}
.team-range-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;margin-top:0.625rem}
.team-date-layer .team-range-endpoint{display:grid;gap:0.125rem;min-width:0;padding:0.375rem 0.5rem;border:1px solid #e0e7ef;border-radius:0.5rem;background:#fff;color:#65758c;font-size:0.8125rem;font-weight:400;text-align:center}
.team-date-layer .team-range-endpoint[aria-pressed="true"]{border-color:#397ef7;background:#f0f5ff;color:#397ef7}
.team-range-value{font-size:0.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.team-date-layer .team-calendar-day.is-in-range{background:#f0f5ff}
.team-date-layer .team-calendar-day.is-start{border-radius:1.5rem 0 0 1.5rem}
.team-date-layer .team-calendar-day.is-end{border-radius:0 1.5rem 1.5rem 0}
.team-date-layer .team-calendar-day.is-start.is-end{border-radius:1.5rem}
.team-date-error{margin:0.625rem 0 0;color:#d95363;font-size:0.8750rem;line-height:1.5}
.team-date-layer .team-date-reset{width:100%;height:2.625rem;padding:0 .5rem;border:1px solid #dce8fa;border-radius:1.5rem;background:#fff;color:#5a7eac;font-size:.875rem;font-weight:400}
    @media(hover:hover) and (pointer:fine){.team-member:hover{background:#fbfdff}.team-time-option:hover{color:#2d82f7}}
    @media screen and (min-width:768px) and (hover:hover) and (pointer:fine){.team-page{--team-gutter:14px}}
    @media(prefers-reduced-motion:reduce){.team-page *,.team-dialog-layer *,.team-date-layer *{scroll-behavior:auto!important}}

    .team-tabs{position:sticky;top:calc(3.5rem + env(safe-area-inset-top,0px));z-index:9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 var(--team-gutter);border-bottom:1px solid #e8edf5;background:#fff}
    .team-page .team-tab{position:relative;display:grid;place-items:center;min-width:0;height:2.875rem;padding:0 .125rem;overflow-wrap:anywhere;border:0;background:transparent;color:#24354b;font-size:.9375rem;font-weight:400;line-height:1.35;white-space:normal}
    .team-tab[aria-selected="true"]{color:#2582f6}
    .team-tab[aria-selected="true"]::after{content:"";position:absolute;right:.625rem;bottom:0;left:.625rem;height:2px;border-radius:2px 2px 0 0;background:#2582f6}
    .team-transaction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3125rem .75rem;width:100%;min-width:0;padding:.75rem .0625rem;border:0;border-bottom:1px solid #edf1f7;background:#fff;text-align:left}
    .team-transaction-amount{min-width:0;color:#2d82f7;font-size:.875rem;font-weight:400;line-height:1.5;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
    .team-transaction-date{min-width:0;color:#8795aa;font-size:.8125rem;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
    .team-transaction-status{color:#00b347;font-size:.8125rem;font-weight:400;line-height:1.5;text-align:right}
    .team-report-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.75rem .25rem;border-bottom:1px solid #e3eaf4;color:#65758c;font-size:.875rem;font-weight:400;line-height:1.5}
    .team-report-heading span:not(:first-child){text-align:right}
    .team-report-empty{margin:0;padding:2rem .75rem;text-align:center;color:#98a5b7;font-size:.875rem;font-weight:400;line-height:1.6}
    .team-commission-list{margin:0;padding:0;list-style:none;scroll-margin-top:calc(6.875rem + env(safe-area-inset-top,0px))}
    .team-commission{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.5rem;min-width:0;padding:.5625rem .25rem;border-bottom:1px solid #edf1f7}
    .team-commission-main{display:grid;gap:.25rem;min-width:0}
    .team-commission-title{color:#17243a;font-size:.8125rem;font-weight:400;line-height:1.5}
    .team-commission-date{display:flex;flex-wrap:wrap;gap:0 .25rem;min-width:0;color:#8795aa;font-size:.75rem;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums}
    .team-commission-date span{white-space:nowrap}
    .team-commission-amount{min-width:0;color:#2d82f7;font-size:.875rem;font-weight:400;line-height:1.5;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
    .team-commission-status{color:#00b347;font-size:.8125rem;font-weight:400;line-height:1.5;text-align:right;white-space:nowrap}
    .team-main-profit{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))}
    .team-profit-summary{position:fixed;left:50%;bottom:0;z-index:8;transform:translateX(-50%);width:100%;max-width:520px;padding:.625rem var(--team-gutter) calc(.625rem + env(safe-area-inset-bottom,0px));border-top:1px solid #e7eef5;border-radius:1rem 1rem 0 0;background:#fff;box-shadow:0 -.25rem 1rem rgba(28,54,91,.035);color:#17243a}
    .team-profit-summary dl{margin:0}
    .team-profit-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2rem}
    .team-profit-summary dt,.team-profit-summary dd{margin:0;font-size:.875rem;font-weight:400;line-height:1.5}
    .team-profit-summary dd{display:flex;align-items:center;justify-content:flex-end;gap:.375rem;min-width:0;font-variant-numeric:tabular-nums}
    .team-profit-summary-coin{width:1rem;height:1rem}

/* BG-MEMBER-R1.372: align directional controls with the selected writing direction. */
html[dir="rtl"] :is(.team-back,.team-month-step) svg,html[dir="rtl"] .team-member-chevron{transform:scaleX(-1)}