.wb-nav{margin:4px 12px;border:0;background:transparent;text-align:left;flex:none}
.wb-page-open>.c2,.wb-page-open>.c3{display:none!important}
.wb-page-open .c1 .cli.on:not(.wb-nav){background:transparent}
.wb-page-open .c1 .cli.on:not(.wb-nav) .nm{color:inherit;font-weight:400}
.wb-page{flex:1;min-width:0;overflow:auto;padding:34px 38px 60px;background:#f5f7fb}
.wb-inner{max-width:1200px;margin:0 auto}
.wb-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.wb-header h1{font-size:27px;letter-spacing:-.7px;margin:0 0 5px}
.wb-header p,.wb-muted{color:#718096;margin:0;font-size:13px}
.wb-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wb-binding-actions{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f5;gap:10px}
.wb-binding-actions button{margin:0;min-height:40px;padding:9px 15px;line-height:20px}
.wb-card .wb-invite-hint{margin:8px 0 0;font-size:12px;color:#7c889b}
#system-invite-result{max-width:620px;box-sizing:border-box;margin:14px 0 0}
@media(max-width:600px){.wb-binding-actions{gap:8px}.wb-binding-actions button{flex:1 1 auto;padding:9px 12px}}
.wb-settings{display:grid;grid-template-columns:185px minmax(0,1fr);gap:26px;align-items:start}
.wb-settings nav{display:flex;flex-direction:column;gap:7px}
.wb-settings nav button{padding:12px 16px;text-align:left;border-color:transparent;background:transparent}
.wb-settings nav button[aria-selected=true]{background:#e9f0ff;color:#2157c6;font-weight:600}
.wb-card{background:white;border:1px solid #e3e8f0;border-radius:16px;padding:26px;min-width:0}
.wb-card h2{margin:0 0 8px;font-size:19px}.wb-card h3{margin:24px 0 6px;font-size:15px}
.wb-card p{color:#67758a;font-size:13px;line-height:1.8}
.wb-card label{display:block;margin:18px 0 7px;font-weight:600;font-size:13px}
.wb-card input{max-width:620px}
.wb-identity{display:flex;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid #eef1f6;margin-bottom:22px}
.wb-avatar{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:17px;background:#edf3ff;color:#2863d8;font-size:23px;font-weight:600}
.wb-identity strong{font-size:19px}.wb-identity small{display:block;color:#8390a3;margin-top:4px}
.wb-info{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;font-size:13px;margin:24px 0}
.wb-info dt{color:#8290a3}.wb-info dd{margin:0;overflow-wrap:anywhere}
.wb-notice{padding:13px 16px;border-radius:10px;background:#edf4ff;color:#426187;font-size:13px;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.wb-notice.error{background:#fff1ef;color:#ac493b}.wb-notice:empty{display:none}
.wb-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0}
.wb-metric{text-align:left;padding:18px;border:1px solid #e1e7f0;border-radius:13px;background:white}
.wb-metric[aria-pressed=true]{border-color:#709df0;box-shadow:0 0 0 2px #e7efff}
.wb-metric strong{font-size:29px;font-weight:600;display:block;margin:8px 0;color:#253650;line-height:1.3}
.wb-metric span{font-size:13px;color:#60738d}.wb-metric small{font-size:11px;color:#8796aa}
.wb-inbox{padding:0;overflow:hidden}.wb-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #edf0f5}
.wb-inbox-head h2{font-size:16px;margin:0}.wb-inbox-head select{width:auto;font-size:12px}
.wb-task{display:flex;gap:16px;align-items:center;padding:19px 24px;border-bottom:1px solid #edf0f5}
.wb-task:last-child{border-bottom:0}.wb-task-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:#edf3ff;color:#4778d2;font-size:16px}
.wb-task-body{flex:1;min-width:0}.wb-task-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-weight:600}
.wb-task-title b{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.wb-task p{font-size:12px;color:#8a96a8;margin:5px 0 0;overflow-wrap:anywhere}
.wb-task button{font-size:12px;flex:none}.wb-badge{font-size:10px;color:#947437;background:#fff7e4;padding:2px 7px;border-radius:5px;font-weight:400}
.wb-badge.urgent{color:#bc5341;background:#fff0eb}
.wb-empty{text-align:center;padding:48px 24px;color:#8a98aa}.wb-empty strong{display:block;font-size:16px;color:#63758f;margin-bottom:7px}
.wb-inbox-foot{padding:15px 24px;background:#fbfcfe;border-top:1px solid #edf0f5;font-size:12px;color:#8a98aa}
.wb-source-errors{display:flex;gap:8px;flex-direction:column;margin-bottom:18px}.wb-source-errors>div{background:#fff7e9;color:#9b733b;border:1px solid #f5e4c7;border-radius:9px;padding:10px 14px;font-size:12px}
.wb-links{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.wb-links button{color:#536987;font-size:12px;background:transparent;border:0;padding:0}
.wb-highlight{outline:2px solid #7aa5ed;outline-offset:3px;scroll-margin-top:24px}
@media(max-width:1100px){.wb-page{padding:24px}.wb-metrics{gap:8px}.wb-metric{padding:12px}.wb-settings{grid-template-columns:155px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.wb-page{padding:20px 14px}.wb-header{align-items:flex-start}.wb-header h1{font-size:23px}.wb-settings{display:block}.wb-settings nav{flex-direction:row;flex-wrap:wrap;margin-bottom:16px}.wb-settings nav button{padding:7px 10px}.wb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-metric:last-child{grid-column:1/-1}.wb-task{padding:15px;gap:10px}.wb-task-icon{display:none}.wb-card{padding:20px}.wb-inbox{padding:0}.wb-info{grid-template-columns:90px minmax(0,1fr)}}