/* PaiWork ShareTabs.vue / FilterTabs.vue and the existing tracking-board light theme. */
.share-management{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;color:var(--font-b-1);background:var(--bg-canvas);font:14px/22px 'PingFang SC',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}
.share-management *{box-sizing:border-box}
.share-management button,.share-management input{font:inherit}
.share-management button{border:0;background:transparent;cursor:pointer}
.share-management button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.share-management .sm-header{height:60px;min-height:60px;display:flex;align-items:center;gap:16px;padding:12px 20px}
.share-management .sm-main-tabs{display:flex;align-items:center;gap:16px;white-space:nowrap}
.share-management .sm-main-tabs .sm-tab{padding:0;height:24px;display:flex;align-items:center;gap:5px;font-size:16px;line-height:24px;font-weight:400;color:var(--font-b-2)}
.share-management .sm-main-tabs .sm-tab .iconfont{font-size:16px;font-weight:400}
.share-management .sm-main-tabs .sm-tab.is-active{font-weight:600;color:var(--font-b-1)}
.share-management .sm-main-tabs .sm-tab:hover{color:var(--font-b-1)}
.share-management .sm-header-tools{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.share-management .sm-search-wrap{position:relative;width:240px;flex:0 0 240px;display:block}
.share-management .sm-search-wrap:before{content:'';position:absolute;left:9px;top:9px;border:1.4px solid var(--font-b-3);border-radius:50%;width:9px;height:9px;pointer-events:none}
.share-management .sm-search-wrap:after{content:'';position:absolute;width:5px;height:1.4px;background:var(--font-b-3);transform:rotate(45deg);left:18px;top:19px;pointer-events:none}
.share-management .sm-search-input{width:100%;height:32px;padding:0 10px 0 30px;border:1px solid #f0f0f0;border-radius:8px;background:var(--bg-surface);color:var(--font-b-1);font-size:13px;line-height:20px;outline:none}
.share-management .sm-search-input:hover{border-color:var(--border-default)}
.share-management .sm-search-input:focus{border-color:var(--border-control)}
.share-management .sm-search-input::placeholder{color:var(--font-b-4)}
.share-management .sm-search-input:placeholder-shown::-webkit-search-cancel-button{display:none}
.share-management .sm-neutral-button{height:32px;padding:4px 10px;border:1px solid #e9e9e9;border-radius:8px;color:var(--font-b-2);font-size:13px;white-space:nowrap}
.share-management .sm-neutral-button:hover{background:var(--bg-hover)}
.share-management .sm-body{display:flex;flex:1;min-height:0;border-top:0}
.share-management .sm-sidebar{width:160px;flex:0 0 160px;padding:16px 10px;border-right:1px solid #f0f0f0;overflow:auto}
.share-management .sm-side-link{height:30px;width:100%;display:flex;align-items:center;gap:8px;padding:4px 9px;border-radius:8px;color:var(--font-b-1);font-size:14px;line-height:22px;text-align:left;white-space:nowrap}
.share-management .sm-side-link+.sm-side-link{margin-top:4px}
.share-management .sm-side-link .iconfont{font-size:16px;line-height:16px;width:16px;flex:0 0 16px;color:var(--font-b-3)}
.share-management .sm-side-link:hover{background:var(--bg-hover)}
.share-management .sm-side-link.is-active{background:var(--bg-selected);font-weight:400}
.share-management .sm-sidebar-title{padding:0 9px 12px;font-size:14px;font-weight:600}
.share-management .sm-content{min-width:0;flex:1;padding:16px 20px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
.share-management .sm-content-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.share-management .sm-content-heading h1{margin:0;color:var(--font-b-1);font-size:14px;line-height:22px;font-weight:600}
.share-management .sm-content-heading>span{color:var(--font-b-3);font-size:12px;line-height:20px}
.share-management .sm-tabs{display:flex;align-items:flex-start;gap:32px;margin:0 0 16px;flex-shrink:0}
.share-management .sm-tabs .sm-tab{position:relative;padding:0 0 4px;color:var(--font-b-2);font-size:14px;line-height:21px;font-weight:400;white-space:nowrap}
.share-management .sm-tabs .sm-tab:hover{color:var(--font-link-hover)}
.share-management .sm-tabs .sm-tab.is-active{font-weight:600;color:var(--font-link)}
.share-management .sm-tabs .sm-tab.is-active:after{content:'';position:absolute;left:50%;bottom:0;width:12px;height:2px;background:var(--font-link);border-radius:1px;transform:translateX(-50%)}
.share-management .sm-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;min-height:24px;flex-wrap:wrap}
.share-management .sm-filter-label{font-size:12px;color:var(--font-b-2)}
.share-management .sm-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-management .sm-filter{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:2px 8px;border-radius:4px;background:var(--bg-subtle);color:var(--font-b-2);font-size:12px;line-height:20px}
.share-management .sm-filter:hover{color:var(--font-link-hover)}
.share-management .sm-filter.is-active{background:var(--bg-selected);color:var(--font-link)}
.share-management .sm-filter-count{font-size:11px;font-variant-numeric:tabular-nums;opacity:.8}
.share-management .sm-table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
.share-management .sm-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;text-align:left}
.share-management .sm-table th{height:36px;padding:8px 10px;background:var(--bg-subtle);font-size:12px;line-height:20px;color:var(--font-b-3);font-weight:400;text-align:left;white-space:nowrap}
.share-management .sm-table th:first-child{border-radius:6px 0 0 6px}
.share-management .sm-table th:last-child{border-radius:0 6px 6px 0}
.share-management .sm-table td{height:72px;padding:12px 10px;border-bottom:1px solid var(--bg-subtle);color:var(--font-b-2);vertical-align:middle;line-height:22px}
.share-management .sm-table tbody tr:hover{background:var(--bg-hover)}
.share-management .sm-file{display:flex;align-items:center;gap:10px;min-width:0}
.share-management .sm-board-icon{display:flex;align-items:center;justify-content:center;color:var(--font-b-3);width:28px;height:32px;flex:0 0 28px}
.share-management .sm-board-icon svg{width:22px;height:22px;display:block}
.share-management .sm-file-info{min-width:0;flex:1}
.share-management .sm-file-title{display:block;max-width:100%;padding:0;color:var(--font-b-1);font-size:14px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.share-management .sm-file-title:hover{color:var(--font-link)}
.share-management .sm-file-meta{color:var(--font-b-3);font-size:12px;line-height:20px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-management .sm-person{display:flex;flex-direction:column;min-width:0}
.share-management .sm-person>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--font-b-1)}
.share-management .sm-person small{margin-top:2px;color:var(--font-b-3);font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-management .sm-reason{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:20px;overflow-wrap:anywhere;color:var(--font-b-3)}
.share-management .sm-status{display:inline-flex;align-items:center;gap:5px;color:var(--font-b-2);font-size:12px;line-height:20px;white-space:nowrap}
.share-management .sm-status:before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--font-b-4)}
.share-management .sm-status-pending,.share-management .sm-status-waiting{color:var(--status-warning)}
.share-management .sm-status-pending:before,.share-management .sm-status-waiting:before{background:var(--status-warning)}
.share-management .sm-status-approved,.share-management .sm-status-accessible,.share-management .sm-status-available,.share-management .sm-status-active,.share-management .sm-status-public{color:var(--status-success)}
.share-management .sm-status-approved:before,.share-management .sm-status-accessible:before,.share-management .sm-status-available:before,.share-management .sm-status-active:before,.share-management .sm-status-public:before{background:var(--status-success)}
.share-management .sm-status-rejected,.share-management .sm-status-denied{color:var(--status-danger)}
.share-management .sm-status-rejected:before,.share-management .sm-status-denied:before{background:var(--status-danger)}
.share-management .sm-col-time{font-size:12px;color:var(--font-b-3)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.share-management .sm-row-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.share-management .sm-link{padding:0;color:var(--font-link);font-size:12px;line-height:20px;white-space:nowrap}
.share-management .sm-link:hover{color:var(--font-link-hover)}
.share-management .sm-link-secondary{color:var(--font-b-3)}
.share-management .sm-link-secondary:hover{color:var(--font-b-1)}
.share-management .sm-request-table{min-width:720px}
.share-management .sm-request-table th:nth-child(1){width:27%}
.share-management .sm-request-table th:nth-child(2){width:14%}
.share-management .sm-request-table th:nth-child(3){width:22%}
.share-management .sm-request-table th:nth-child(4){width:10%}
.share-management .sm-request-table th:nth-child(5){width:15%}
.share-management .sm-request-table th:nth-child(6){width:12%}
.share-management .sm-share-table{min-width:670px}
.share-management .sm-share-table th:nth-child(1){width:31%}
.share-management .sm-share-table th:nth-child(2){width:19%}
.share-management .sm-share-table th:nth-child(3){width:12%}
.share-management .sm-share-table th:nth-child(4){width:16%}
.share-management .sm-share-table th:nth-child(5){width:22%}
.share-management .sm-received-table{min-width:580px}
.share-management .sm-received-table th:nth-child(1){width:36%}
.share-management .sm-received-table th:nth-child(2){width:15%}
.share-management .sm-received-table th:nth-child(3){width:17%}
.share-management .sm-received-table th:nth-child(4){width:19%}
.share-management .sm-received-table th:nth-child(5){width:13%}
.share-management .sm-empty{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--font-b-3);font-size:14px;line-height:22px}
.share-management .sm-empty img{display:block;width:112px;height:96px;object-fit:contain}
.share-management .sm-empty p{margin:24px 0 0}
.share-management .sm-back{display:flex;align-items:center;gap:5px;padding:0;color:var(--font-b-2);font-size:13px;white-space:nowrap}
.share-management .sm-back .iconfont{font-size:14px;color:var(--font-b-3)}
.share-management .sm-back:hover{color:var(--font-b-1)}
.share-management .sm-header-divider{height:14px;width:1px;flex:0 0 1px;background:var(--border-subtle)}
.share-management .sm-profile-heading{font-size:14px;font-weight:500;white-space:nowrap}
.share-management .sm-direction-tabs,.share-management .sm-type-tabs{display:flex;align-items:center;gap:8px;margin:0 0 16px}
.share-management .sm-direction-tabs .sm-tab,.share-management .sm-type-tabs .sm-tab{padding:2px 8px;border-radius:4px;color:var(--font-b-2);background:var(--bg-subtle);font-size:12px;line-height:20px}
.share-management .sm-direction-tabs .sm-tab.is-active,.share-management .sm-type-tabs .sm-tab.is-active{color:var(--font-link);background:var(--bg-selected)}
@media(max-width:1100px){.share-management .sm-content{padding-left:16px;padding-right:16px}.share-management .sm-request-table{min-width:690px}}
@media(max-width:760px){.share-management .sm-sidebar{width:140px;flex-basis:140px}.share-management .sm-header{padding-left:16px;padding-right:16px}.share-management .sm-header-tools .sm-neutral-button{display:none}.share-management .sm-search-wrap{width:200px;flex-basis:200px}.share-management .sm-content-heading{gap:2px}.share-management .sm-content-heading>span{width:100%}}
@media(max-width:560px){.share-management .sm-header{gap:10px}.share-management .sm-main-tabs{gap:12px}.share-management .sm-main-tabs .sm-tab .iconfont{display:none}.share-management .sm-search-wrap{width:150px;flex-basis:150px}.share-management .sm-search-input{font-size:12px}.share-management .sm-body{flex-direction:column}.share-management .sm-sidebar{display:flex;align-items:center;gap:4px;width:100%;flex:0 0 auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--bg-subtle)}.share-management .sm-side-link{width:auto;flex:1;justify-content:center;padding:4px;font-size:12px;border-radius:6px}.share-management .sm-side-link+.sm-side-link{margin:0}.share-management .sm-side-link .iconfont{display:none}.share-management .sm-sidebar-title{display:none}.share-management .sm-content{padding:16px 12px}.share-management .sm-profile-heading{font-size:13px}.share-management .sm-tabs{gap:24px}}

.share-management .sm-main-tabs .sm-tab:hover,.share-management .sm-neutral-button:hover,.share-management .sm-side-link:hover,.share-management .sm-link-secondary:hover,.share-management .sm-back:hover{color:var(--font-link-hover)}
.share-management .sm-main-tabs .sm-tab .iconfont,.share-management .sm-main-tabs .sm-tab i,.share-management .sm-main-tabs .sm-tab svg{display:none}

/* Personal-center sharing keeps the production ShareTabs and FilterTabs scale. */
.share-management.sm-profile .sm-content{max-width:none}
.share-management .sm-profile-request-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;min-height:28px}
.share-management .sm-profile-request-controls .sm-direction-tabs{margin:0}
.share-management .sm-only-pending{display:inline-flex;align-items:center;gap:6px;color:var(--font-b-2);font-size:12px;line-height:20px;white-space:nowrap;cursor:pointer}
.share-management .sm-only-pending input{width:14px;height:14px;margin:0;accent-color:var(--font-link);cursor:pointer}
.share-management.sm-profile .sm-type-tabs{flex-wrap:wrap;margin-bottom:8px}
.share-management .sm-profile-list{width:100%;min-width:0}
.share-management .sm-profile-entry{position:relative;display:flex;flex-direction:column;gap:4px;min-height:88px;padding:12px 120px 12px 0;border-bottom:1px solid var(--bg-subtle);outline:none;cursor:pointer}
.share-management .sm-profile-entry:hover{background:var(--bg-hover)}
.share-management .sm-profile-entry:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:4px}
.share-management .sm-profile-entry-title{font-size:14px;line-height:22px;font-weight:500;color:var(--font-b-1);overflow-wrap:anywhere}
.share-management .sm-profile-entry:hover .sm-profile-entry-title{color:var(--font-link-hover)}
.share-management .sm-board-type-tag{display:inline-block;vertical-align:1px;white-space:nowrap;margin-left:6px;padding:0 5px;font-size:11px;line-height:18px;font-weight:400;border-radius:3px;background:var(--status-info-bg);color:var(--font-link)}
.share-management .sm-profile-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--font-b-3);font-size:12px;line-height:20px}
.share-management .sm-record-type{color:var(--font-link)}
.share-management .sm-profile-entry-date{position:absolute;right:0;bottom:12px;color:var(--font-b-3);font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
.share-management .sm-profile-status{align-items:flex-start;color:var(--font-b-3);white-space:normal}
.share-management .sm-profile-status:before{margin-top:7px}
.share-management .sm-profile-status.sm-status-pending{color:var(--font-b-3)}
.share-management .sm-profile-status.sm-status-approved,.share-management .sm-profile-status.sm-status-accessible,.share-management .sm-profile-status.sm-status-rejected{color:var(--font-b-3)}
.share-management .sm-record-remove{position:absolute;right:0;top:12px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--font-b-3)}
.share-management .sm-record-remove .iconfont{font-size:16px}
.share-management .sm-record-remove:hover{color:var(--font-link-hover)}
.share-management .sm-new-dot{display:inline-block;vertical-align:super;width:5px;height:5px;border-radius:50%;background:var(--status-danger);margin-left:4px}
.share-management .sm-profile-request{min-height:72px;justify-content:center}
.share-management .sm-profile-request .sm-profile-entry-title{font-weight:400}
.share-management .sm-side-link:hover{color:var(--font-b-1)}
@media(max-width:760px){.share-management .sm-profile-entry{padding-right:100px}.share-management .sm-profile-entry-date{font-size:11px}.share-management .sm-profile-request-controls{flex-wrap:wrap;gap:8px}}
@media(max-width:560px){.share-management .sm-profile-entry{padding-right:28px;padding-bottom:35px}.share-management .sm-profile-entry-date{bottom:8px}.share-management .sm-profile-request{min-height:90px}}
.share-management .sm-account-icon{width:16px;height:16px;flex:0 0 16px}
.share-management .sm-profile-top-tabs{display:flex;align-items:center;gap:24px;padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid var(--bg-subtle)}
.share-management .sm-profile-top-tabs .sm-tab{padding:0;color:var(--font-b-2);font-size:16px;line-height:24px;font-weight:400}
.share-management .sm-profile-top-tabs .sm-tab.is-active{color:var(--font-b-1);font-weight:600}
.share-management .sm-profile-top-tabs .sm-tab:hover{color:var(--font-link-hover)}

/* Keep the favorites taxonomy visible across both sharing management views. */
.share-management .sm-category-tree{margin:4px 0 0;padding:0}
.share-management .sm-category-tree+.sm-side-link{margin-top:4px}
.share-management .sm-category-tree .topic-group+.topic-group,.share-management .sm-category-tree .topic-leaf+.topic-leaf{margin-top:4px}
.share-management .sm-category-tree .topic-group-row{display:flex;position:relative;border-radius:8px}
.share-management .sm-category-tree .topic-button{display:block;width:100%;min-height:30px;height:30px;padding:4px 9px 4px 30px;border-radius:8px;color:var(--font-b-1);font-size:14px;line-height:22px;font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-management .sm-category-tree .topic-group-row:hover,.share-management .sm-category-tree .topic-leaf:hover{background:#f0f0f0}
.share-management .sm-category-tree .topic-subcategories{position:relative;margin:4px 0 0;padding:0}
.share-management .sm-category-tree .topic-subcategories[hidden]{display:none}
.share-management .sm-category-tree .topic-subcategories::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:#ededee;pointer-events:none}
.share-management .sm-category-tree .topic-leaf{padding-left:36px}
.share-management .sm-category-tree .topic-expand{position:absolute;left:14px;top:9px;display:grid;place-items:center;width:12px;height:12px;padding:0;color:var(--font-b-3)}
.share-management .sm-category-tree .topic-expand i{display:none}
.share-management .sm-category-tree .topic-expand::before{content:"";width:4px;height:4px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(-45deg)}
.share-management .sm-category-tree .topic-expand[aria-expanded=true]::before{transform:rotate(45deg)}
@media(max-width:560px){.share-management:not(.sm-profile) .sm-body{flex-direction:row}.share-management:not(.sm-profile) .sm-sidebar{display:block;width:140px;flex:0 0 140px;padding:16px 10px;border-right:1px solid #f0f0f0;border-bottom:0}.share-management:not(.sm-profile) .sm-side-link{width:100%;justify-content:flex-start;padding:4px 9px;font-size:14px;border-radius:8px}.share-management:not(.sm-profile) .sm-side-link .iconfont{display:block}.share-management:not(.sm-profile) .sm-side-link+.sm-side-link{margin-top:4px}}

.share-management .board-library-count{margin-left:auto;flex:0 0 auto;min-width:16px;text-align:right;font-size:12px;line-height:20px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--font-b-3)}