.builder-flow-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-wrap:wrap}.builder-publish-state{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700}.builder-publish-state.draft{background:#fff1d9;color:#a76709;border:1px solid #f2d49f}.builder-publish-state.published{background:#def7ed;color:#117f63;border:1px solid #bde8d8}.flow-assign{background:linear-gradient(180deg,#0eb7bd,#0798a8)!important}.builder-flow-actions .btn[disabled]{opacity:.7;cursor:default}.training-preview-layer,.training-assign-layer{position:fixed;inset:0;z-index:7000;background:rgba(9,35,43,.4);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .15s ease}.training-preview-layer.open,.training-assign-layer.open{opacity:1}.training-preview-shell,.training-assign-shell{width:min(980px,94vw);max-height:90vh;overflow:auto;background:#f8fcfe;border:1px solid #d9eaf1;border-radius:24px;box-shadow:0 30px 80px rgba(15,67,88,.26);direction:rtl;transform:translateY(10px);transition:transform .15s ease}.training-preview-layer.open .training-preview-shell,.training-assign-layer.open .training-assign-shell{transform:none}.training-preview-top,.assign-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid #dcebf1;background:#fff}.training-preview-top span,.assign-head span{font-size:12px;color:#1691a9;font-weight:700}.training-preview-top h2,.assign-head h2{margin:4px 0 0;font-size:24px;color:#173f60}.flow-close{width:38px;height:38px;border:0;border-radius:12px;background:#edf6f8;color:#51727d;font-size:24px;cursor:pointer}.training-progress{padding:16px 24px;background:#f4fbfd}.training-progress>div:first-child{display:flex;justify-content:space-between;gap:16px}.training-progress span{color:#6f8d9a}.training-progress-bar{height:7px;background:#dcecf2;border-radius:999px;margin-top:10px;overflow:hidden}.training-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#0eabb4,#2ac3c8);border-radius:inherit}.training-preview-content{padding:24px}.flow-video{aspect-ratio:16/9;background:#092d37;border-radius:18px;overflow:hidden;box-shadow:0 16px 34px rgba(12,60,74,.16)}.flow-video iframe{width:100%;height:100%;border:0}.flow-body{margin-top:20px;background:#fff;border:1px solid #dbeaf0;border-radius:16px;padding:18px}.flow-body h3{margin:0 0 8px;color:#173f60}.flow-body p{margin:0;color:#617f8c;line-height:1.7}.training-preview-footer,.assign-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px;border-top:1px solid #dcebf1;background:#fff}.training-preview-footer span,.assign-footer span{font-size:13px;color:#6a8895}.flow-preview-empty{padding:32px;text-align:center;color:#79919b;background:#f4f9fb;border:1px dashed #cfe2e9;border-radius:16px}.training-assign-shell{width:min(760px,94vw)}.assign-tools{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid #e1edf2}.assign-tools input{flex:1;border:1px solid #cfe2e9;border-radius:12px;padding:11px 13px;background:#fff;color:#234b5b;outline:none}.assign-tools button{border:1px solid #cfe2e9;background:#fff;color:#187f99;border-radius:12px;padding:0 14px;font-weight:700;cursor:pointer}.assign-list{padding:12px 18px;max-height:52vh;overflow:auto}.assign-row{display:grid;grid-template-columns:auto 38px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:13px;cursor:pointer}.assign-row:hover{background:#f0f9fc;border-color:#d6eaf1}.assign-row input{width:17px;height:17px}.assign-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e5f6f8;color:#0a8792;font-weight:800}.assign-person b{display:block;color:#173f60}.assign-person small{display:block;color:#7b949e;margin-top:2px}.assign-row em{font-style:normal;font-size:11px;color:#168164;background:#e4f7ef;border-radius:999px;padding:4px 8px}.assign-footer>div{display:flex;gap:8px}@media(max-width:860px){.builder-flow-actions{width:100%;margin:4px 0 0}.builder-flow-actions .btn{flex:1}.training-preview-layer,.training-assign-layer{padding:10px}.training-preview-shell,.training-assign-shell{width:100%;max-height:94vh;border-radius:18px}.training-preview-footer,.assign-footer{align-items:stretch;flex-direction:column}.training-preview-footer .btn,.assign-footer .btn{width:100%}.assign-footer>div{width:100%}.assign-row{grid-template-columns:auto 36px 1fr}.assign-row em{grid-column:2/4;justify-self:start}}