/* 我的数据（销售本人） */
#view-my-board{color:#243650}
/* The title block takes the room that is left; the tools keep their own width, so the period buttons are never squeezed. */
#view-my-board .header>div:first-child{flex:1 1 0}
#view-my-board #mb-sub{margin-top:4px;color:#526681;font-size:13px;line-height:1.7}
#view-my-board .mb-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;flex:none}
#view-my-board .mb-tools select{width:auto;min-height:38px;border:1px solid #c4d6f5;border-radius:9px;background:#fff;color:#243650;padding:8px 10px;font:inherit}
#view-my-board .mb-tabs{display:flex;gap:4px;background:#edf3ff;padding:4px;border-radius:10px}
#view-my-board .mb-tabs button{border:0;background:transparent;color:#526681;padding:9px 16px;border-radius:7px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
#view-my-board .mb-tabs button[aria-pressed=true]{color:#245fcf;background:#fff;box-shadow:0 1px 4px #24365016;font-weight:700}
#view-my-board .mb-status{color:#526681;font-size:14px;min-height:1px}
#view-my-board .mb-status:not(:empty){padding:14px 2px}
#view-my-board .mb-status.mb-error:not(:empty){color:#b42318;font-weight:600}
#view-my-board .mb-asof{color:#526681;font-size:13px;margin:4px 2px 14px}
#view-my-board .mb-card{padding:20px 22px;margin-bottom:16px;scroll-margin-top:16px}
#view-my-board .mb-card h3{margin:0 0 6px;font-size:16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
#view-my-board .mb-count{font-size:13px;font-weight:400;color:#526681}
#view-my-board .mb-note{margin:0 0 14px;color:#526681;font-size:13px;line-height:1.7;max-width:62em}
#view-my-board .mb-note.mb-after{margin:12px 2px 0}
#view-my-board .mb-muted{color:#526681;font-size:12px}
#view-my-board .mb-empty{color:#526681;font-size:14px;margin:6px 0}
#view-my-board .mb-hints ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
#view-my-board .mb-hints button{border:0;background:#f5f8ff;border-left:3px solid #245fcf;color:#243650;text-align:left;padding:10px 14px;border-radius:0 8px 8px 0;width:100%;font:inherit;font-size:14px;line-height:1.6;cursor:pointer}
#view-my-board .mb-hints button:hover{background:#edf3ff}
#view-my-board .mb-scroll{overflow-x:auto;border:1px solid #e1e9f5;border-radius:10px}
/* The host page sets every table to fixed layout; these size their columns from their content. */
#view-my-board .mb-table{width:100%;table-layout:auto;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
#view-my-board .mb-table thead th{background:#edf3ff;color:#526681;font-size:12px;font-weight:600;text-align:left;padding:10px 12px;vertical-align:bottom;line-height:1.5}
#view-my-board .mb-table thead th small{display:block;font-size:11px;font-weight:400;white-space:nowrap}
#view-my-board .mb-table td,#view-my-board .mb-table tbody th{padding:11px 12px;border-top:1px solid #e1e9f5;text-align:left;font-weight:400;white-space:nowrap}
#view-my-board .mb-table tbody th{color:#243650;font-weight:600}
#view-my-board .mb-table .mb-num{font-size:16px;font-weight:700}
#view-my-board .mb-table .mb-rate{margin-left:8px;color:#526681;font-size:13px}
#view-my-board .mb-table .mb-extra{display:block;margin-top:2px;color:#526681;font-size:12px;font-weight:400;white-space:normal;max-width:9em}
#view-my-board .mb-table .mb-prev,#view-my-board .mb-table .mb-prev .mb-num{color:#526681}
#view-my-board .mb-table .mb-prev .mb-num{font-weight:600}
#view-my-board .mb-line{margin:12px 2px 0;font-size:14px;line-height:1.8;display:flex;flex-wrap:wrap;gap:2px 22px;color:#526681}
#view-my-board .mb-line strong{color:#243650}
#view-my-board .mb-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
#view-my-board .mb-tile{border:1px solid #e1e9f5;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
#view-my-board .mb-tile span{color:#526681;font-size:13px}
#view-my-board .mb-tile strong{font-size:22px;font-variant-numeric:tabular-nums;color:#243650;overflow-wrap:anywhere}
#view-my-board .mb-tile strong em{font-style:normal;font-size:14px;font-weight:400;color:#526681}
#view-my-board .mb-tile small{color:#526681;font-size:12px;line-height:1.6}
/* Each bar is its own height in pixels (90 at the best week), so the heights stay in proportion. */
#view-my-board .mb-weeks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end;margin:22px 0 6px}
#view-my-board .mb-week{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;gap:3px}
#view-my-board .mb-week b{font-size:11px;font-weight:600;color:#243650;white-space:nowrap}
#view-my-board .mb-week i{display:block;flex:none;width:70%;max-width:44px;min-height:2px;background:#245fcf;border-radius:4px 4px 0 0}
#view-my-board .mb-week span{font-size:12px;color:#526681}
#view-my-board .mb-week small{font-size:11px;color:#526681}
#view-my-board .mb-lead{border:0;background:none;color:#245fcf;padding:11px 0;margin:-11px 0;cursor:pointer;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
#view-my-board .mb-name{display:inline-block;max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
#view-my-board .mb-due{color:#b45309;font-weight:600}
#view-my-board .mb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
#view-my-board .mb-defs{margin:4px 2px 24px;color:#526681;font-size:13px;line-height:1.8}
#view-my-board .mb-defs summary{cursor:pointer;color:#245fcf}
#view-my-board .mb-defs p{margin-top:8px;max-width:62em}
@media(max-width:800px){
    #view-my-board .mb-card{padding:16px 14px}
    #view-my-board .mb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
    #view-my-board .mb-table thead th,#view-my-board .mb-table td,#view-my-board .mb-table tbody th{padding:9px 8px}
    #view-my-board .mb-funnel{font-size:13px}
    #view-my-board .mb-funnel thead th small{display:none}
    #view-my-board .mb-funnel thead th{white-space:normal}
    #view-my-board .mb-funnel thead th,#view-my-board .mb-funnel td,#view-my-board .mb-funnel tbody th{padding:9px 6px}
    #view-my-board .mb-funnel .mb-rate{display:block;margin:2px 0 0}
    #view-my-board .mb-table .mb-opt{display:none}
    #view-my-board .mb-lead,#view-my-board .mb-name{max-width:9em}
    #view-my-board .mb-week b{font-size:10px;transform:rotate(-40deg);transform-origin:left bottom;margin-left:14px}
}