/* ============================================================
   ADMIN MODE — the switch at the top right, and the admin home that
   replaces the worker's stage while it is on. .ui-next only.
   ============================================================ */

/* ---------- the switch: top right, icons only ---------- */
.mode-top{display:none}
@media (min-width:1024px){
  .ui-next .mode-top{
    position:fixed;top:18px;right:22px;z-index:36;
    display:flex;align-items:center;
    padding:3px;border-radius:999px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.3);
    backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
  }
  .ui-next .mode-top.hidden{display:none}
  /* the deck's header keeps its arrows clear of it */
  body.ui-next.has-mode-switch .dk-head{padding-right:104px}
}
.mode-top-opt{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  width:40px;height:36px;border:0;border-radius:999px;background:none;cursor:pointer;
  color:var(--wk-white-60);transition:color .25s ease;
}
.mode-top-opt svg{width:18px;height:18px;flex:none}
.mode-top-opt[aria-selected="true"]{color:var(--wk-white)}
.mode-top-thumb{
  position:absolute;left:3px;top:3px;width:40px;height:36px;border-radius:999px;
  background:rgba(10,132,255,.32);border:1px solid rgba(10,132,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateX(40px);
  transition:transform .45s var(--pz-spring), background .25s ease;
}
.mode-top.is-admin .mode-top-thumb{transform:translateX(0)}
.mode-top:not(.is-admin) .mode-top-thumb{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22)}

/* the same switch as a row in the drawer, for phones */
.drawer-mode{
  display:flex;align-items:center;gap:12px;width:calc(100% - 28px);margin:6px 14px 10px;
  padding:12px 14px;border-radius:14px;cursor:pointer;
  background:rgba(10,132,255,.16);border:1px solid rgba(10,132,255,.35);color:var(--wk-white);
  font-family:var(--wk);font-size:13px;font-weight:600;letter-spacing:.02em;
}
.drawer-mode svg{width:18px;height:18px}

/* ---------- the home replaces the stage ---------- */
#adminHome{display:none}
body.ui-next.admin-mode #adminHome{display:block;font-family:var(--wk);color:var(--wk-white)}
body.ui-next.admin-mode :is(.clock, .dock, .shiftbar, .started, #assignedTasksSection, #teamPanel,
  #missionCard, #focusCard, #personalTasksSection, .anchor){display:none!important}
body.ui-next.admin-mode #adminHome{padding:6px 16px 40px}
@media (min-width:1024px){
  body.ui-next.admin-mode .app.panes,
  body.ui-next.admin-mode .app.panes.has-tasks,
  body.ui-next.admin-mode .app.panes.has-team{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"band" "ahome" "ahome" "ahome";
  }
  body.ui-next.admin-mode #adminHome{grid-area:ahome;min-height:0;overflow:auto;padding:4px 48px 40px}
}

.am-loading,.am-empty,.am-err{margin:0;font-size:13px;color:var(--wk-white-60)}
.am-err{color:#ff9d97}
.am-loading{padding:40px 0}

.am-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0 22px}
.am-eyebrow{margin:0 0 4px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ios-blue, #0A84FF);font-weight:700}
.am-head h1{margin:0;font-size:clamp(24px,2vw,34px);font-weight:700;letter-spacing:-.01em}
.am-sub{margin:6px 0 0;font-size:13px;color:var(--wk-white-60)}
.am-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.am-act{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 16px;border-radius:14px;cursor:pointer;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--wk-white);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
  font-family:var(--wk);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  transition:transform .25s var(--pz-ease), background .2s ease;
}
.am-act:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.am-act.is-primary{background:linear-gradient(180deg,#2B95FF,#0A84FF);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px rgba(10,132,255,.32)}
.am-act.am-refresh{padding:11px;color:var(--wk-white-70)}
.am-act svg{width:16px;height:16px}

.am-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:18px}
.am-tile{
  padding:16px 18px;border-radius:18px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
}
.am-tile b{display:block;font-size:26px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.am-tile span{display:block;margin-top:2px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wk-white-60)}
.am-tile.is-red b{color:#FF453A}
.am-tile.is-blue b{color:#5FB2FF}

/* the team in one line - the roster itself is the Team page's */
.am-pulse{
  display:flex;align-items:center;gap:12px;width:100%;margin:0 0 16px;
  padding:13px 18px;border-radius:18px;cursor:pointer;text-align:left;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--wk-white);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
  font-family:var(--wk);font-size:13px;
  transition:background .2s ease;
}
.am-pulse:hover{background:rgba(255,255,255,.10)}
.am-pulse span{flex:1;min-width:0;color:var(--wk-white-70)}
.am-pulse b{color:#5FB2FF;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.am-pulse.is-err span{color:#ff9d97}
.am-panel{
  padding:18px 20px 12px;border-radius:24px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 24px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);
}
.am-panel-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.am-panel-h h2{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.am-panel-h em{font-style:normal;font-size:12px;color:var(--wk-white-60)}
.am-link{margin-left:auto;background:none;border:0;cursor:pointer;color:#5FB2FF;font-family:var(--wk);font-size:12px;font-weight:600}
.am-list{list-style:none;margin:0;padding:0}
.am-row{
  display:flex;align-items:center;gap:12px;
  padding:12px 4px;border-top:1px solid rgba(255,255,255,.08);
}
.am-row:first-child{border-top:0}
.am-row[data-act]{cursor:pointer}
.am-row:hover{background:rgba(255,255,255,.03)}
.am-dot{width:9px;height:9px;border-radius:50%;flex:none;background:rgba(255,255,255,.3)}
.am-dot.is-blue{background:#0A84FF;box-shadow:0 0 10px rgba(10,132,255,.6)}
.am-dot.is-green,.am-dot.is-active{background:#30D158;box-shadow:0 0 10px rgba(48,209,88,.55)}
.am-dot.is-red{background:#FF453A;box-shadow:0 0 10px rgba(255,69,58,.55)}
.am-dot.is-orange,.am-dot.is-break{background:#FF9F0A;box-shadow:0 0 10px rgba(255,159,10,.5)}
.am-dot.is-done{background:rgba(255,255,255,.22)}
.am-row-t{flex:1;min-width:0}
.am-row-t b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-row-t span{display:block;margin-top:2px;font-size:12px;color:var(--wk-white-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-time{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;color:var(--wk-white)}
.am-go{
  flex:none;padding:7px 12px;border-radius:999px;border:0;cursor:pointer;
  background:linear-gradient(180deg,#2B95FF,#0A84FF);color:#fff;
  font-family:var(--wk);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.am-row[data-act="late"] .am-go,.am-row[data-act="gap"] .am-go{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.am-x{
  flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);color:var(--wk-white-60);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.am-x svg{width:13px;height:13px}
.am-x:hover{color:#FF453A;border-color:rgba(255,69,58,.5)}

@media (prefers-reduced-motion:reduce){ .mode-top-thumb{transition:none} }

/* ============================================================
   THE TEAM PAGE — the admin's page gets the whole desktop. Under
   the new dashboard only; the classic screen keeps one column.
   ============================================================ */
.team-tiles{display:none}
.team-act-l{display:none}
.team-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}

body.ui-next .team-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:14px 0 22px}
body.ui-next .team-tiles:empty{display:none}
body.ui-next .team-act-l{display:inline}
body.ui-next .team-acts .icon-btn,
body.ui-next .team-acts .page-back{
  display:inline-flex;align-items:center;gap:8px;
  width:auto;height:auto;margin:0;padding:11px 16px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--wk-white);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
  font-family:var(--wk);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  transition:transform .25s var(--pz-ease), background .2s ease;
}
body.ui-next .team-acts .icon-btn svg,body.ui-next .team-acts .page-back svg{width:16px;height:16px;transform:none}
body.ui-next .team-acts .icon-btn:hover,body.ui-next .team-acts .page-back:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
body.ui-next .team-acts #teamAssignBtn{background:linear-gradient(180deg,#2B95FF,#0A84FF);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px rgba(10,132,255,.32)}
body.ui-next .team-hint{margin:6px 0 0}
/* a list row's button, not the dashboard's */
body.ui-next #teamPending .btn{padding:8px 14px;border-radius:999px;font-size:11px;letter-spacing:.08em}
body.ui-next #teamPending li{padding:12px 0}
body.ui-next #teamScreen .admin-page-head{align-items:flex-start;margin-bottom:0}

/* the two columns, with the approvals and the status cards staying in
   view as the roster and history scroll on the left */
@media (min-width:1024px){
  body.ui-next #teamScreen .admin-page-inner.team-page{
    max-width:none;
    display:grid;grid-template-columns:minmax(0,1fr) clamp(340px, 30%, 460px);
    grid-template-areas:"head head" "tiles tiles" "main side";
    column-gap:28px;row-gap:0;align-items:start;
    padding:32px 48px 60px;
  }
  body.ui-next .team-page > .admin-page-head{grid-area:head}
  body.ui-next .team-page .team-tiles{grid-area:tiles}
  body.ui-next .team-page .team-main{grid-area:main;min-width:0}
  body.ui-next .team-page .team-side{grid-area:side;min-width:0;position:sticky;top:24px}
  body.ui-next .team-page .team-side .tlog{margin-top:0}
}
/* a phone reads top to bottom: numbers, then what needs a hand, then the roster */
@media (max-width:1023px){
  body.ui-next .team-page{display:flex;flex-direction:column}
  body.ui-next .team-page .team-side{order:1}
  body.ui-next .team-page .team-main{order:2}
}

/* ---------- the rows: the home's row language, on the Team page ---------- */
body.ui-next .team-page .tlog{gap:14px}
body.ui-next .team-page .tlog-card{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 24px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);
}
body.ui-next .team-page .tlog-card:hover{border-color:rgba(255,255,255,.22)}
body.ui-next .team-page .tlog-head{padding:16px 20px 12px;gap:10px}
body.ui-next .team-page .tlog-card:not(.is-open) .tlog-head{padding-bottom:16px}
body.ui-next .team-page .tlog-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
body.ui-next .team-page .tlog-count{background:none;padding:0;font-size:12px;font-weight:500;color:var(--wk-white-60)}
body.ui-next .team-page .tlog-dot{width:9px;height:9px}
body.ui-next .team-page .tlog-dot.is-late{background:#FF453A;box-shadow:0 0 10px rgba(255,69,58,.55)}
body.ui-next .team-page .tlog-dot.is-done{background:#30D158;box-shadow:0 0 10px rgba(48,209,88,.55)}
body.ui-next .team-page .tlog-dot.is-open{background:rgba(255,255,255,.3);box-shadow:none}
body.ui-next .team-page .tlog-body{padding:0 20px 10px}
body.ui-next .team-page .tlog-empty{font-size:13px;color:var(--wk-white-60);padding:0 0 8px}
/* one row: a dot, the person and the work on the first line, the dates
   under it, the actions at the end - the am-row, with what the card has */
body.ui-next .team-page .tlog-item{
  position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;
  padding:12px 4px 12px 21px;border-top:1px solid rgba(255,255,255,.08);
}
body.ui-next .team-page .tlog-list li:first-child .tlog-item{padding-top:12px;border-top:0}
body.ui-next .team-page .tlog-item::before{
  content:"";position:absolute;left:0;top:19px;width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.3);
}
body.ui-next .team-page .tlog-card[data-status="late"] .tlog-item::before{background:#FF453A;box-shadow:0 0 10px rgba(255,69,58,.55)}
body.ui-next .team-page .tlog-card[data-status="done"] .tlog-item::before{background:#30D158;box-shadow:0 0 10px rgba(48,209,88,.55)}
body.ui-next .team-page .tlog-who{min-width:0;font-size:14px;font-weight:600}
body.ui-next .team-page .tlog-who::after{content:"·";margin-left:10px;color:var(--wk-white-60);font-weight:400}
body.ui-next .team-page .tlog-what{flex:1;min-width:120px;font-size:14px;color:var(--wk-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-next .team-page .tlog-what b{font-weight:600}
body.ui-next .team-page .tlog-dates{
  order:3;flex-basis:100%;flex-direction:row;gap:0 10px;text-align:left;
  font-size:12px;color:var(--wk-white-60);
}
body.ui-next .team-page .tlog-dates span + span::before{content:"·";margin-right:10px}
body.ui-next .team-page .tlog-acts{order:2;gap:6px}
body.ui-next .team-page .assign-del{
  width:30px;height:30px;border-radius:50%;opacity:1;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:var(--wk-white-60);
}
body.ui-next .team-page .assign-del svg{width:13px;height:13px}
body.ui-next .team-page .assign-del:hover{color:var(--wk-white);border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.12)}
body.ui-next .team-page .assign-del:not(.assign-edit):hover{color:#FF453A;border-color:rgba(255,69,58,.5);background:rgba(255,69,58,.12)}
body.ui-next .team-page .tlog-more{color:#5FB2FF}

/* approvals: a captioned glass panel of the same rows */
body.ui-next .team-page #teamPendingHint{
  margin:0 0 10px 4px!important;
  font-family:var(--wk);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--wk-white);
}
body.ui-next .team-page #teamPending{margin:0 0 14px}
body.ui-next .team-page #teamPending:empty{display:none}
body.ui-next .team-page #teamPending:not(:empty){
  padding:6px 20px;border-radius:24px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 24px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);
}
body.ui-next .team-page #teamPending li{
  position:relative;align-items:center;gap:12px;padding:12px 4px 12px 21px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.ui-next .team-page #teamPending li:last-child{border-bottom:0}
body.ui-next .team-page #teamPending li::before{
  content:"";position:absolute;left:0;top:50%;margin-top:-4px;width:9px;height:9px;border-radius:50%;
  background:#0A84FF;box-shadow:0 0 10px rgba(10,132,255,.6);
}
body.ui-next .team-page #teamPending .h-c{font-family:var(--wk);font-size:14px;font-weight:600;color:var(--wk-white)}
body.ui-next .team-page #teamPending .h-d{font-family:var(--wk);font-size:12px;color:var(--wk-white-60);margin-top:2px}
body.ui-next .team-page #teamPending .btn{
  padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;
  background:linear-gradient(180deg,#2B95FF,#0A84FF);border:0;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:none;
}

/* ============================================================
   THE ORGANIZATION PAGE — two columns on a desktop, the home's
   row language. Under the new dashboard only.
   ============================================================ */
@media (min-width:1024px){
  body.ui-next #orgScreen .admin-page-inner{max-width:none;padding:32px 48px 60px}
  body.ui-next #orgBody{display:block}
  body.ui-next #orgBody .org-cols{
    display:grid;grid-template-columns:minmax(0,1fr) clamp(340px, 32%, 460px);
    column-gap:28px;align-items:start;
  }
  body.ui-next #orgBody .org-main{display:block;min-width:0}
  /* not sticky: this column is often taller than the window (roles, people,
     imports, start over), and a sticky column taller than the window hides
     its own bottom until the other column runs out */
  body.ui-next #orgBody .org-side{display:block;min-width:0}
}
body.ui-next #orgScreen .admin-page-head{margin-bottom:0}
body.ui-next #orgBody .org-sec[data-sec="about"]{margin:10px 0 22px}
body.ui-next #orgBody .org-sec[data-sec="about"] h2{font-size:clamp(22px,1.8vw,30px);font-weight:700}
body.ui-next #orgBody .org-badge{
  padding:4px 10px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(10,132,255,.2);border:1px solid rgba(10,132,255,.45);color:#fff;
}
body.ui-next #orgBody .org-sec[data-sec="about"] .org-note{margin:6px 0 0}

/* a section is a glass panel; its heading the caption */
body.ui-next #orgBody .org-sec:not([data-sec="about"]){
  margin:0 0 16px;padding:18px 20px 14px;border-radius:24px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 24px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);
}
body.ui-next #orgBody .org-sec-head{margin:0 0 6px}
body.ui-next #orgBody .org-sec-head h3{font-size:12px;letter-spacing:.16em;opacity:1;color:var(--wk-white)}
body.ui-next #orgBody .org-note{font-size:12px;opacity:1;color:var(--wk-white-60);margin:10px 0 0}
body.ui-next #orgBody .org-sub{color:var(--wk-white-60)}

/* the rows */
body.ui-next #orgBody .org-list{gap:0}
body.ui-next #orgBody .org-row{
  padding:12px 4px;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:none;
}
body.ui-next #orgBody .org-list > .org-row:first-child,
body.ui-next #orgBody .org-list > .org-typefold:first-child{border-top:0}
body.ui-next #orgBody button.org-row:not(:disabled):hover{background:rgba(255,255,255,.03)}
body.ui-next #orgBody .org-row-main b{font-size:14px;font-weight:600}
body.ui-next #orgBody .org-row-main small{font-size:12px;color:var(--wk-white-60);opacity:1}
body.ui-next #orgBody .org-row-go{
  padding:7px 12px;border-radius:999px;opacity:1;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wk-white);
}
body.ui-next #orgBody .org-btn-danger{background:none}
body.ui-next #orgBody .org-btn-danger .org-row-go{background:rgba(255,69,58,.16);border-color:rgba(255,69,58,.4);color:#FF453A}
body.ui-next #orgBody .org-av{background:rgba(255,255,255,.12)}

/* the header's small buttons */
body.ui-next #orgBody .org-btn{
  padding:7px 12px;border-radius:999px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
body.ui-next #orgBody .org-sec-head #orgAddType,
body.ui-next #orgBody .org-sec-head #orgAddRole,
body.ui-next #orgBody .org-sec-head #orgAddAuto,
body.ui-next #orgBody .org-sec-head #orgInviteBtn{background:linear-gradient(180deg,#2B95FF,#0A84FF);border-color:transparent;color:#fff}

/* a kind of work is a row that opens */
body.ui-next #orgBody .org-typefold{background:none;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0}
body.ui-next #orgBody .org-typefold > summary{padding:12px 4px}
body.ui-next #orgBody .org-typefold[open] > summary{border-bottom:0}
body.ui-next #orgBody .org-typebody{padding:4px 4px 14px 22px}
body.ui-next #orgBody .org-group-head{font-size:10px;letter-spacing:.16em;color:var(--wk-white-60);margin:12px 0 2px}
body.ui-next #orgBody .org-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
body.ui-next #orgBody .org-fold > summary{padding:10px 4px;font-size:13px;color:var(--wk-white-60)}

/* ============================================================
   TEAM QUALITY — the board under "Needs you" (js/rating.js)
   ============================================================ */
.am-quality{margin-top:14px}
.am-chips{margin-left:auto;display:flex;gap:6px}
.am-chip{
  font-family:var(--wk);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 11px;border-radius:999px;cursor:pointer;color:var(--wk-white-70);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
}
.am-chip.is-on{background:rgba(255,255,255,.92);color:#14161c;border-color:transparent}
.am-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:4px 0 14px}
.am-card{
  padding:12px 14px;border-radius:16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
}
.am-card-k{margin:0 0 6px;font-family:var(--wk);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wk-white-60)}
.am-card-standout .am-card-k{color:#FFD60A}
.am-card-improved .am-card-k{color:#30D158}
.am-card-room .am-card-k{color:#5FB2FF}
.am-card b{display:block;font-size:15px;font-weight:700}
.am-card-n{display:block;margin:2px 0 4px;font-family:var(--mono);font-size:20px;font-variant-numeric:tabular-nums}
.am-card-n i{font-style:normal;font-family:var(--wk);font-size:11px;color:var(--wk-white-60)}
.am-card small{display:block;font-size:12px;line-height:1.45;color:var(--wk-white-70)}
.am-card .am-err-t{color:#ff9d97}
.am-cap{list-style:none;margin:0;padding:0}
.am-cap li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0}
.am-cap li b{display:inline;font-size:12px;font-weight:600;color:var(--wk-white-70)}

.am-lb{list-style:none;margin:0;padding:0}
.am-lb-row{
  display:grid;grid-template-columns:28px minmax(120px,1.4fr) minmax(140px,1.2fr) 80px 90px 80px 90px;
  align-items:center;gap:10px;padding:10px 6px;border-top:1px solid rgba(255,255,255,.08);cursor:pointer;
}
.am-lb-row:first-child{border-top:0}
.am-lb-row:hover{background:rgba(255,255,255,.03)}
.am-lb-row.is-building{opacity:.72}
.am-lb-rank{font-family:var(--mono);font-size:13px;color:var(--wk-white-60);text-align:center}
.am-lb-row:nth-child(1) .am-lb-rank{color:#FFD60A}
.am-lb-who b,.am-lb-rating b,.am-lb-num b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-lb-rating b,.am-lb-num b{font-family:var(--mono);font-variant-numeric:tabular-nums}
.am-lb-who small,.am-lb-rating small,.am-lb-num small{display:block;font-size:11px;color:var(--wk-white-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-build{font-family:var(--wk)!important;font-size:12px!important;font-weight:600;color:#FF9F0A}
.am-trend{font-family:var(--mono);font-size:12px;white-space:nowrap}
.am-trend.is-up{color:#30D158}.am-trend.is-down{color:#FF453A}.am-trend.is-flat,.am-trend.is-none{color:var(--wk-white-60)}
.am-foot{margin:12px 0 4px;font-size:11.5px;line-height:1.5;color:var(--wk-white-60)}
@media (max-width:820px){
  .am-lb-row{grid-template-columns:24px 1fr 1fr 70px;row-gap:2px}
  .am-lb-num:nth-of-type(n+5),.am-lb-trend{display:none}
}

/* the sheet behind a row */
.am-rvs{list-style:none;margin:0;padding:0}
.am-rv{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.am-rv:first-child{border-top:0}
.am-rv-t b{display:block;font-size:14px;font-weight:600}
.am-rv-t small{display:block;font-size:11.5px;opacity:.6}
.am-rv-s{text-align:right}
.am-rv-s b{display:block;font-family:var(--mono);font-size:16px}
.am-rv-s small{display:block;font-size:11px;opacity:.6}
.am-rv-f{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.am-rv-f i{font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08)}
.am-rv-f i.is-good{background:rgba(48,209,88,.18)}
.am-rv-f i.is-late{background:rgba(255,69,58,.2)}