/* A quiet management surface: content on the left, people and actions on the right. */
.team-dashboard,.team-standalone{--team-bg:#171817;--team-surface:#1e201e;--team-raised:#252722;--team-text:#e6e4dc;--team-muted:#aaa99f;--team-line:#ffffff12;--team-gold:#c8b68b;--team-danger:#dfa69b;color:var(--team-text);background:var(--team-bg);font-family:inherit;line-height:1.6;color-scheme:dark}
.team-dashboard{padding:32px 36px;isolation:isolate;scrollbar-color:#494a42 transparent}
.team-dashboard *,.team-dialog *{box-sizing:border-box}
.team-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}
.team-eyebrow{margin:0 0 8px;color:var(--team-muted);font-size:10px;font-weight:500;letter-spacing:.16em}
.team-page-heading h2{margin:0;font-size:27px;font-weight:550;letter-spacing:.06em;line-height:1.4}
.team-subtitle{margin:8px 0 0;color:var(--team-muted);font-size:12px;letter-spacing:.03em}
.team-dashboard .management-button,.team-dialog .management-button{min-height:38px;padding:8px 13px!important;border:1px solid var(--team-line,#ffffff18)!important;border-radius:7px!important;background:#242621;color:var(--team-text,#e6e4dc);font:inherit;font-size:12px;line-height:1.5;cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s}
.team-dashboard .management-button:hover:not(:disabled),.team-dialog .management-button:hover:not(:disabled){background:#303129;border-color:#c8b68b66!important}
.team-dashboard .management-button:focus-visible,.team-dialog .management-button:focus-visible,.team-dashboard :is(input,select,summary,a):focus-visible,.team-standalone a:focus-visible{outline:2px solid var(--team-gold,#c8b68b);outline-offset:3px}
.team-dashboard .management-button:disabled,.team-dialog .management-button:disabled{opacity:.42;cursor:not-allowed}
.team-dashboard .btn-primary,.team-dialog .btn-primary{background:var(--team-gold,#c8b68b);color:#23251e;border-color:var(--team-gold,#c8b68b)!important;font-weight:600}
.team-dashboard .btn-primary:hover:not(:disabled),.team-dialog .btn-primary:hover:not(:disabled){background:#d5c49e;border-color:#d5c49e!important}
.team-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.team-main{min-width:0}
.team-dashboard .team-primary-tabs{display:flex;flex-wrap:nowrap;gap:22px;overflow-x:auto;margin:0 0 28px;padding:0;border-bottom:1px solid var(--team-line);scrollbar-width:thin}
.team-primary-tabs .management-button{flex-shrink:0;background:transparent!important;border:0!important;border-radius:0!important;padding:12px 0 14px!important;color:var(--team-muted);font-size:13px;position:relative}
.team-primary-tabs .management-button[aria-selected=true]{color:var(--team-text)}
.team-primary-tabs .management-button[aria-selected=true]:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--team-gold)}
.team-primary-tabs span{padding:0!important;border-radius:0!important;background:transparent!important;color:#95978b!important;font-size:11px!important}
.team-main [role=tabpanel]:focus-visible{outline:1px solid #c8b68b66;outline-offset:6px}
.team-dashboard .team-usage{background:transparent;border:0;border-radius:0;padding:0;margin:0;min-width:0}
.team-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px}
.team-section-heading h3{font-size:17px;font-weight:550;margin:0!important;letter-spacing:.02em}
.team-section-heading h4{font-size:12px;font-weight:500;margin:0}
.team-section-heading p{font-size:12px;margin:5px 0 0;color:var(--team-muted)}
.team-periods{display:flex;gap:3px;border:1px solid var(--team-line);padding:3px;border-radius:8px;background:#1b1d19}
.team-periods .management-button{background:transparent;border:0!important;min-height:30px;padding:6px 10px!important;font-size:11px;color:var(--team-muted)}
.team-periods .management-button[aria-pressed=true]{background:#35372f;color:#eee9dd}
.team-dashboard .team-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.team-kpi{display:flex;flex-direction:column;gap:9px;background:var(--team-surface);border:1px solid var(--team-line);border-radius:10px;padding:18px 16px;min-width:0}
.team-kpi>span{color:var(--team-muted)!important;font-size:12px!important;line-height:1.4!important}
.team-kpi>strong{color:var(--team-text)!important;font-size:25px!important;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}
.team-kpi>small{font-size:10px;color:var(--team-muted);line-height:1.5}
.team-kpi-points{border-top-color:var(--team-gold)}
.team-kpi-points>strong{color:#d6c39a!important}
.team-kpi-rh>strong{font-size:20px!important;line-height:1.5}
.team-trend{padding:16px 18px 12px;border:1px solid var(--team-line);border-radius:10px;background:#1b1d19;margin-bottom:18px}
.team-trend .team-section-heading{margin-bottom:8px}
.team-trend svg{display:block;width:100%;height:116px;overflow:visible}
.team-trend-guide{stroke:#ffffff09;stroke-width:1}
.team-trend-line{stroke:var(--team-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.team-trend-dot{fill:var(--team-gold)}
.team-trend-dates{display:flex;justify-content:space-between;margin-top:6px}
.team-trend-dates span{font-size:10px!important;color:#8f9386!important}
.team-task-summary{display:flex;gap:24px;border-bottom:1px solid var(--team-line);padding:0 2px 20px;margin-bottom:28px;flex-wrap:wrap}
.team-task-summary>div{display:flex;align-items:baseline;gap:10px}
.team-task-summary span{font-size:11px!important;color:var(--team-muted)!important}
.team-task-summary strong{font-size:14px!important;font-weight:500;color:var(--team-text)!important;font-variant-numeric:tabular-nums}
.team-daily-heading{margin-bottom:12px}
.team-usage .usage-table-wrap{max-width:100%;max-height:420px;border:1px solid var(--team-line);border-radius:9px;background:#1a1c19;scrollbar-color:#494a42 transparent;scrollbar-width:thin}
.team-usage table{min-width:690px;width:100%;font-size:12px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.team-usage th,.team-usage td{white-space:nowrap;padding:13px 14px;border-bottom:1px solid #ffffff09;font-weight:400;color:var(--team-text)}
.team-usage thead th{position:sticky;top:0;z-index:1;font-size:11px;background:#22241f;color:var(--team-muted)}
.team-usage tbody th{text-align:left;color:#cecec3}
.team-usage tbody tr:last-child>:is(th,td){border-bottom:0}
.team-usage tbody tr:hover{background:#ffffff02}
.team-usage td:not(:last-child),.team-usage thead th:not(:first-child):not(:last-child){text-align:right}
.team-usage td.team-net-points{color:var(--team-gold);font-weight:500}
.team-usage td:last-child,.team-usage th:last-child{text-align:right}
.team-usage td .management-button{min-height:29px;padding:5px 10px!important;font-size:11px;background:transparent;color:#d5c6a1}
.team-dashboard .management-pagination{margin:16px 0 20px;gap:8px;flex-wrap:wrap}
.team-dashboard .management-pagination span,.team-dialog .management-pagination span{font-size:11px;color:var(--team-muted,#aaa99f);margin-right:auto}
.team-usage-notes{border-top:1px solid var(--team-line);margin-top:24px;padding-top:12px}
.team-usage-notes summary{font-size:11px!important;color:var(--team-muted)!important;padding:2px 0!important;cursor:pointer}
.team-usage-notes p{font-size:11px;color:var(--team-muted);line-height:1.9;margin:10px 0}
.team-sidebar{position:sticky;top:0;min-width:0;background:var(--team-surface);border:1px solid var(--team-line);border-radius:12px}
.team-sidebar-summary{display:none;cursor:pointer;list-style:none}
.team-sidebar-summary::-webkit-details-marker{display:none}
.team-sidebar-summary>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-sidebar-body{padding:24px 20px}
.team-employee-select{display:block;width:100%;margin-top:10px}
.team-employee-select select,.team-account-form input{width:100%;min-width:0;border:1px solid #ffffff1a;border-radius:7px;padding:11px 12px;background:#191b17;color:var(--team-text,#e6e4dc);font:inherit;font-size:13px}
.team-employee-select select{padding-right:24px}
.team-scope-note{color:var(--team-muted);font-size:10px;line-height:1.8;margin:9px 0 0}
.team-person{display:flex;align-items:center;gap:12px;margin:26px 0 20px}
.team-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid #c8b68b2b;border-radius:12px;background:#33362b;color:#d1c5a7;font-size:18px}
.team-person h3{font-size:15px;font-weight:550;margin:0 0 4px;overflow-wrap:anywhere}
.team-status{font-size:10px;color:#b7c2a5;display:flex;align-items:center;gap:5px}
.team-status:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor}
.team-status-inactive{color:#bea398}
.team-account-facts{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:12px;margin:0;font-size:11px}
.team-account-facts dt{color:var(--team-muted)}
.team-account-facts dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.team-quota{margin-top:16px}
.team-quota-bar{height:3px;overflow:hidden;background:#ffffff0c;border-radius:4px}
.team-quota-bar>span{display:block;height:100%;background:#a99e7f;border-radius:4px}
.team-quota .team-muted{font-size:10px;margin-top:7px}
.team-enter-button{width:100%;margin-top:24px;min-height:40px!important}
.team-account-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--team-line);margin-top:24px;padding-top:20px}
.team-account-actions h4{font-size:11px;font-weight:500;color:var(--team-muted);margin:0 0 3px}
.team-account-actions .management-button{text-align:left;background:transparent}
.team-dashboard .team-danger-link{color:var(--team-danger)}
.team-dashboard .team-muted,.team-dialog .team-muted{font-size:12px!important;color:var(--team-muted,#aaa99f)!important;line-height:1.8}
.team-dashboard .team-success{font-size:12px;color:#b9cba3;margin:18px 0 0}
.team-dashboard .management-error,.team-dialog .management-error{font-size:12px;color:#e7b6ad;background:#432c272e;border-color:#bf88734d;line-height:1.8}
.team-dashboard .management-error .management-button{margin-left:10px}
.team-empty,.team-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;padding:36px 24px;color:var(--team-muted,#aaa99f);font-size:13px}
.team-empty h3,.team-empty h4{font-size:16px;font-weight:500;color:var(--team-text,#e6e4dc);margin:0 0 10px}
.team-empty p{font-size:12px;margin:0;line-height:1.8}
.team-content-list .management-filters{margin:0 0 24px;gap:8px}
.team-content-list .management-filters input,.team-content-list .management-filters select{background:#1b1d19!important;color:var(--team-text)!important;border-color:#ffffff14!important;font-size:12px;padding:10px 12px!important}
.team-content-list .employee-content-card{background:var(--team-surface);border-color:var(--team-line);border-radius:10px}
.team-content-list .employee-card-info h3{font-size:14px;font-weight:500;color:var(--team-text)}
.team-content-list .employee-card-info p{color:var(--team-muted);font-size:11px}
.team-content-list .employee-project-cover{background:#252820;color:var(--team-gold)}
.team-content-list .employee-project-cover span:last-child{color:var(--team-muted)}
.team-content-list .employee-detail{background:var(--team-surface);border-color:var(--team-line)}
.team-media-missing{height:154px;display:flex;align-items:center;justify-content:center;background:#1a1c18;color:var(--team-muted);font-size:12px}
.team-dialog{--team-text:#e6e4dc;--team-muted:#aaa99f;--team-line:#ffffff14;--team-gold:#c8b68b;color-scheme:dark;box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 48px);padding:24px;border:1px solid #c8b68b33;border-radius:12px;background:#22241f;color:var(--team-text);box-shadow:0 24px 80px #0006;line-height:1.6}
.team-dialog::backdrop{background:#080b08a8;backdrop-filter:blur(3px)}
.team-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.team-dialog-heading h3{font-size:19px;font-weight:500;margin:0!important}
.team-dialog .team-icon-button{font-size:21px;line-height:1;min-width:36px;min-height:34px;padding:5px!important;background:transparent}
.team-account-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:20px 0 12px}
.team-account-form input:focus-visible{outline:2px solid var(--team-gold);outline-offset:2px}
.team-action-warning{font-size:13px;line-height:1.9;color:#dfbca8;background:#a5775210;border:1px solid #a5775233;border-radius:8px;padding:14px}
.team-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}
.team-dialog .team-danger-button{background:#aa796a;color:#181914;border-color:#aa796a!important}
.team-dialog.team-day-drawer{position:fixed;inset:16px 16px 16px auto;margin:0;width:min(480px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:none;overflow:auto}
.team-day-drawer .team-dialog-heading{position:sticky;top:-24px;padding:12px 0;background:#22241f;z-index:1}
.team-detail-count{font-size:12px;color:var(--team-muted);margin:24px 0 16px}
.team-detail-count strong{display:inline;font-size:22px!important;font-weight:500;color:var(--team-text)!important;margin-right:5px}
.team-ledger-list{padding:0;margin:0;list-style:none}
.team-ledger-list li{border-top:1px solid var(--team-line);padding:16px 0}
.team-ledger-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.team-ledger-title span{font-size:13px!important;color:var(--team-text)!important}
.team-ledger-title strong{font-size:19px!important;color:#d1c2a0!important;font-variant-numeric:tabular-nums}
.team-ledger-title strong.team-refund{color:#b6c5a0!important}
.team-ledger-list time{font-size:11px;color:var(--team-muted)}
.team-ledger-list dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px;font-size:11px;margin:14px 0 0}
.team-ledger-list dt{color:var(--team-muted)}
.team-ledger-list dd{margin:0;overflow-wrap:anywhere;color:#cecec3}
.team-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.team-standalone{height:100%;min-height:0;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}
.team-standalone>.team-dashboard{height:auto;min-height:0;flex:1;padding:32px max(32px,calc((100vw - 1600px)/2))}
@media(min-width:1100px){.team-sidebar-disclosure:not([open])>.team-sidebar-body{display:block!important}}
@media(max-width:1400px){.team-dashboard{padding:26px 24px}.team-dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.team-dashboard .team-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.team-sidebar-body{padding:20px 18px}}
@media(max-width:1099px){.team-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:24px}.team-sidebar{grid-row:1;position:static}.team-sidebar-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;font-size:12px;color:var(--team-muted)}.team-sidebar-summary:after{content:'展开';font-size:10px;color:var(--team-gold)}.team-sidebar-summary>span:nth-child(2){margin-left:auto;color:var(--team-text)}.team-sidebar-disclosure[open]>.team-sidebar-summary:after{content:'收起'}.team-sidebar-disclosure[open]>.team-sidebar-summary{border-bottom:1px solid var(--team-line)}.team-sidebar-body{max-width:560px;margin:0 auto}.team-page-heading{margin-bottom:20px}.team-task-summary{gap:18px}.team-standalone>.team-dashboard{padding:24px}}
@media(max-width:600px){.team-dashboard,.team-standalone>.team-dashboard{padding:20px 16px}.team-page-heading{gap:12px}.team-page-heading h2{font-size:23px}.team-page-heading>.management-button{font-size:10px;white-space:nowrap}.team-dashboard .team-primary-tabs{gap:20px;margin-bottom:24px}.team-primary-tabs .management-button{font-size:12px}.team-dashboard .team-kpis{gap:8px}.team-kpi{padding:15px 12px}.team-kpi>strong{font-size:23px!important}.team-kpi-rh>strong{font-size:17px!important}.team-section-heading{gap:12px}.team-section-heading h3{font-size:16px}.team-periods{width:100%}.team-periods>.management-button{flex:1}.team-task-summary{gap:10px 20px}.team-task-summary>div{gap:7px}.team-trend{padding:14px 12px 10px}.team-content-list .management-filters input{flex-basis:calc(100% - 70px);width:auto;min-width:0}.team-content-list .management-filters select{flex:1;min-width:0}.team-dialog{padding:20px}.team-dialog.team-day-drawer{inset:8px 8px 8px auto;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.team-day-drawer .team-dialog-heading{top:-20px}.team-dialog-heading h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.team-dashboard *,.team-dialog *{transition:none!important;scroll-behavior:auto!important}}


/* Limit responsive overrides to the management workspace. */
.app-responsive-canvas:has(.team-dashboard){min-width:0;width:100%;max-width:100%}
@media(max-width:760px){.app-responsive-canvas:has(.team-dashboard)>div{width:100%;padding:6px;box-sizing:border-box}}

html:has(.team-dashboard),body:has(.team-dashboard),#root:has(.team-dashboard){min-width:0;width:100%;max-width:100%}
/* Media library: quiet covers, consistent rhythm; playback belongs in the detail view. */
.team-content-list .zen-segments{margin-bottom:12px}.team-content-list .management-filters{margin-top:18px}.employee-content-card .zen-media-cover{border:0;padding:0;width:100%;height:190px;display:block;overflow:hidden;background:#20251d;cursor:pointer}.employee-content-card .zen-media-cover img{width:100%;height:100%;object-fit:contain;display:block}.employee-content-card .employee-card-info{padding:16px}.employee-content-card .employee-card-info h3{margin:0 0 8px;line-height:1.6}.employee-content-card .employee-card-info .management-button{border:0;background:transparent;padding-left:0}.team-employee-select+.team-eyebrow{margin-top:22px}.team-employee-select select:disabled{opacity:.45}.team-content-list .employee-media-grid{gap:20px}
.employee-failure-list{display:grid;gap:12px}.employee-failure-list .employee-content-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);padding:16px;gap:20px}.employee-failure-reason{padding:18px;background:#46362d22;color:#c4afa1;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.employee-failure-reason strong{font-weight:500}.employee-failure-reason p{margin:8px 0 0}.employee-failure-list .employee-card-info{padding:0}@media(max-width:700px){.employee-failure-list .employee-content-card{grid-template-columns:1fr}}
