body[data-desktop="true"] {
  --page: #191d20;
  --surface: #23292d;
  --ink: #f2f2ed;
  --muted: #a5afb4;
  --yellow: #efd05e;
  --line: #3b4449;
  font-family: "Segoe UI", Inter, system-ui, sans-serif;
  background: var(--page);
}
.desk-shell {display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}
.desk-side {position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;overflow:auto;background:#21262a;border-right:1px solid #363e43;padding:24px 14px 16px}
.desk-logo {display:flex;gap:12px;align-items:center;padding:0 9px 25px;border-bottom:1px solid #363e43}
.desk-logo .brand-mark {height:40px;width:40px;background:#efd05e;color:#20252a}
.desk-logo b {font-size:1.2rem;letter-spacing:-.035em}
.desk-logo small,.desk-account small {display:block;color:#a3adb2;font-size:.72rem}
.desk-side nav {display:grid;gap:4px;margin-top:14px}
.desk-nav-label {font-size:.66rem;letter-spacing:.11em;color:#a3adb2;padding:14px 10px 5px}
.desk-nav-button {width:100%;display:flex;align-items:center;gap:12px;text-align:left;min-height:42px;border:1px solid transparent;background:none;color:#d7dcde;border-radius:8px;padding:9px 10px;font-size:.84rem}
.desk-nav-button svg {display:block;width:18px;height:18px;flex:none}
.desk-nav-button:hover {background:#30373c}
.desk-nav-button.selected {background:#3e3825;color:#ffde70;border-color:#55492b}
.desk-account {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:auto;padding:16px 4px 0;border-top:1px solid #363e43}
.desk-account b {font-size:.83rem;overflow-wrap:anywhere}
.desk-account .btn {padding:5px 8px;min-height:28px;font-size:.7rem;margin-left:auto}
.desk-initials {display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#f1d879;background:#3a3b31;font-size:.75rem}
.desk-main,.desk-view {min-width:0}
.desk-top {min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 30px;border-bottom:1px solid #363e43;background:#21262a}
.desk-top-title {font-size:.86rem;font-weight:600;color:#c2c9cc}
.desk-content {max-width:1510px;margin:0 auto;padding:30px 30px 38px}
.desk-heading {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}
.desk-heading h1 {font-size:clamp(1.6rem,3vw,2.55rem);font-weight:650;letter-spacing:-.047em}
.desk-heading p {color:#a5afb4;margin-top:7px;font-size:.85rem}
.desk-heading .btn {white-space:nowrap;display:flex;gap:8px;align-items:center}
.desk-heading .btn svg {width:17px;height:17px}
.desk-with-calendar {display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px}
.desk-body .daily-rail {min-width:0}
.desk-body .daily-tip {display:none}
.desk-body .wx-toolbar {margin-bottom:20px}
.desk-view>section.card+section.card {margin-top:16px}
.wx-assignment-list {display:grid;gap:10px;margin:18px 0 0}
.wx-assignment-row {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:9px}
.wx-assignment-row b {display:block;overflow-wrap:anywhere}
.wx-assignment-row small {display:block;margin-top:4px;color:var(--muted)}
.wx-assign-people {display:grid;gap:10px;max-height:45vh;overflow:auto}
.wx-assign-people .checklabel {display:flex;gap:9px;align-items:center;padding:7px}
.wx-assign-people input {accent-color:var(--yellow)}
.desk-view .wx-rights {min-width:640px}
@media(max-width:1110px){.desk-with-calendar{grid-template-columns:1fr}.desk-with-calendar>.daily-rail{display:none}}
@media(max-width:850px){.desk-shell{grid-template-columns:190px minmax(0,1fr)}.desk-content,.desk-top{padding-left:20px;padding-right:20px}}
@media(max-width:620px){
  .desk-shell{display:block}.desk-side{position:static;height:auto;padding:12px}
  .desk-logo{padding:0 0 10px}.desk-side nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
  .desk-nav-label{display:none}.desk-nav-button{width:auto;padding:6px 9px;min-height:33px;font-size:.72rem;gap:5px}
  .desk-nav-button svg{width:14px;height:14px}.desk-account{padding:8px 0 0;margin-top:8px}
  .desk-top{min-height:48px;padding:8px 12px}.desk-top-title{font-size:.72rem}
  .desk-content{padding:16px 12px}.desk-heading{align-items:flex-start;gap:8px;margin-bottom:16px}
  .desk-heading h1{font-size:1.45rem}.desk-heading .btn{font-size:.7rem;min-height:34px;padding:6px 8px}
  .wx-assignment-row{align-items:flex-start;flex-wrap:wrap}
}
.wx-assign-people[hidden]{display:none}
.wx-assign-people{border:1px solid #485055;border-radius:8px;padding:9px 12px}
.wx-assign-people legend{padding:0 4px}
.desk-body .wx-notice {margin-bottom:0}