.workspace-view{padding:14px 20px;min-height:0;background:#f7f8fc}
.compact-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.compact-page-head h2{margin:0;font-size:17px;line-height:1.4;color:#202434}
.compact-page-head p{margin:2px 0 0;font-size:11px;color:#8a90a3}
.storage-strip{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:10px}
.storage-strip b{font-size:14px}.storage-strip span,.storage-strip small{font-size:10px;color:var(--ink3);white-space:nowrap}
.storage-strip .storage-track{flex:1;height:5px;margin:0;max-width:420px}
.manage-table-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.manage-toolbar{height:44px;padding:0 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:11px}.manage-toolbar>span{margin-left:auto;color:var(--ink3)}
.danger-soft{color:#e43b58!important;border-color:#ffd4dc!important;background:#fff7f8!important}
.manage-table-wrap{overflow:auto;max-height:calc(100vh - 225px)}.manage-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.manage-table th{position:sticky;top:0;z-index:1;background:#f8f9fc;color:#777e91;font-weight:600}.manage-table th,.manage-table td{height:43px;padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.manage-table tbody tr:hover{background:#fafbff}.manage-table .check-col{width:40px}.manage-table th:nth-child(2){width:100px}.manage-table th:nth-child(3){width:70px}.manage-table th:nth-child(4){width:140px}.manage-table th:nth-child(5){width:85px}.manage-table th:nth-child(6){width:100px}.manage-table th:nth-child(7){width:140px}.manage-table th:last-child{width:90px}
.compact-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.compact-check input{position:absolute;opacity:0;width:1px;height:1px}.compact-check i{width:16px;height:16px;border:1px solid #c6ccda;border-radius:5px;background:#fff;display:grid;place-items:center;transition:.15s}.compact-check input:checked+i{border-color:#5961d9;background:#5961d9}.compact-check input:checked+i:after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.compact-check.icon-only{justify-content:center}.product-cover{width:38px;height:38px;border-radius:7px;object-fit:cover;border:1px solid var(--line);display:block}
.table-action{height:27px;border:1px solid #dfe3ed;background:#fff;border-radius:7px;padding:0 9px;color:#4c5570;cursor:pointer;font-size:11px}.danger-text{color:#e43b58;border-color:#ffd4dc}.empty-cell{text-align:center!important;color:var(--ink3);padding:40px!important}
.compact-search{height:48px;padding:8px 12px;margin:0;border-bottom:1px solid var(--line)}.compact-search input{height:32px}.trace-table-wrap{max-height:calc(100vh - 185px)}.trace-table th:nth-child(1){width:100px}.trace-table th:nth-child(2){width:145px}.trace-table th:nth-child(3){width:125px}.trace-table th:nth-child(4){width:220px}.trace-table th:nth-child(5){width:auto}.trace-table th:nth-child(6){width:65px}.ellipsis-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono-cell{font-variant-numeric:tabular-nums}.title-cell{max-width:360px}
.modal-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;max-height:68vh;overflow:auto}.modal-image-grid article{position:relative;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.modal-image-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.modal-image-grid article div{padding:7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-image-grid button{position:absolute;right:6px;top:6px;border:0;border-radius:6px;padding:5px 7px;background:rgba(255,255,255,.92);color:#e43b58;cursor:pointer}
@media(max-width:760px){.workspace-view{padding:10px}.storage-strip small{display:none}.manage-table{min-width:760px}}
.time-filter{display:flex;align-items:center;gap:4px;margin-left:6px;white-space:nowrap}.time-filter button{height:27px;padding:0 9px;border:1px solid #e0e4ed;border-radius:7px;background:#fff;color:#697087;font-size:10px;cursor:pointer}.time-filter button:hover{border-color:#bfc5dc;color:#4f58bd}.time-filter button.active{border-color:#cfd2ff;background:#f1f2ff;color:#535bd1;font-weight:700}.custom-dates{display:none;align-items:center;gap:4px;margin-left:2px}.time-filter.custom .custom-dates{display:flex}.custom-dates input{width:116px!important;height:27px!important;padding:0 6px!important;border:1px solid #e0e4ed!important;border-radius:7px!important;font-size:10px!important}.custom-dates i{font-style:normal;color:#969bad;font-size:10px}.compact-search{height:auto!important;min-height:48px;align-items:center}.compact-search>input{height:32px}.compact-search .time-filter{margin-left:auto}.manage-toolbar .time-filter+span{margin-left:auto}@media(max-width:1050px){.time-filter{flex-wrap:wrap}.custom-dates input{width:105px!important}}