.pa[data-v-f27d8316]{position:absolute}.pr[data-v-f27d8316]{position:relative}.class-detail-list[data-v-f27d8316]{width:100%;background:#fff;border-radius:12px;padding:20px 24px;box-sizing:border-box;margin-top:16px}.class-detail-list .list-header[data-v-f27d8316]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.class-detail-list .list-header .header-left[data-v-f27d8316]{display:flex;align-items:center;gap:10px}.class-detail-list .list-header .header-left .list-title[data-v-f27d8316]{font-size:18px;font-weight:600;color:rgba(0,0,0,.9);white-space:nowrap}.class-detail-list .list-header .header-left .list-note[data-v-f27d8316]{font-size:12px;color:rgba(0,0,0,.45)}.class-detail-list .filter-bar[data-v-f27d8316]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.class-detail-list .filter-bar .filter-item[data-v-f27d8316]{display:flex;align-items:center}.class-detail-list .filter-bar .filter-item .filter-label[data-v-f27d8316]{font-size:14px;color:#464c5b;font-weight:600;white-space:nowrap;margin-right:6px;flex-shrink:0}.class-detail-list .play-btn[data-v-f27d8316]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2d8cf0;border-radius:6px;color:#fff;cursor:pointer}.class-detail-list .play-btn[data-v-f27d8316]:hover{opacity:.85}.class-detail-list .status-dot[data-v-f27d8316]{display:inline-flex;align-items:center;gap:4px;font-size:14px}.class-detail-list .status-dot[data-v-f27d8316]:before{content:"●";font-size:8px}.class-detail-list .status-dot.submitted[data-v-f27d8316]{color:rgba(0,0,0,.85)}.class-detail-list .status-dot.submitted[data-v-f27d8316]:before{color:#19be6b}.class-detail-list .status-dot.unsubmitted[data-v-f27d8316]{color:rgba(0,0,0,.85)}.class-detail-list .status-dot.unsubmitted[data-v-f27d8316]:before{color:#ed4014}.class-detail-list .view-link[data-v-f27d8316]{color:#2d8cf0;cursor:pointer;font-size:14px}.class-detail-list .view-link[data-v-f27d8316]:hover{opacity:.75}.class-detail-list .display-cell[data-v-f27d8316],.class-detail-list[data-v-f27d8316] .col-header-btn{display:inline-flex;align-items:center;justify-content:center}.class-detail-list .display-cell[data-v-f27d8316]{gap:4px;width:100%}.class-detail-list .display-cell .edit-icon[data-v-f27d8316]{cursor:pointer;flex-shrink:0}.class-detail-list .display-cell .edit-icon[data-v-f27d8316]:hover{opacity:.75}.class-detail-list .edit-cell[data-v-f27d8316]{width:100%}.class-detail-list .page-box[data-v-f27d8316]{margin-top:16px;display:flex;justify-content:flex-end}