.search-helper{color:#7484ad;flex-direction:column;height:100%;display:flex;position:relative}.search-helper .tab-bar{border-bottom:1px solid #2e3a5c;align-items:center;display:flex}.search-helper .tab-bar .back-btn{color:#76bef5;cursor:pointer;background:#ffffff03;border:none;padding:6px 10px;font-size:.78rem;transition:all .2s}.search-helper .tab-bar .back-btn:hover:not(:disabled){color:#fff;background:#76bef526}.search-helper .tab-bar .back-btn:disabled{color:#555;cursor:not-allowed;opacity:.5}.search-helper .tab-bar .tab-btn{color:#7484ad;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:.8rem;transition:all .2s}.search-helper .tab-bar .tab-btn:hover{color:#92a0c4}.search-helper .tab-bar .tab-btn.active{border-bottom-color:#76bef5;font-weight:700}.search-helper .menu{justify-content:center;align-items:center;gap:12px;height:30px;padding-top:4px;display:flex}.search-helper .menu .select-menu-btn{color:inherit;border:none}.search-helper .tab-content{flex-direction:column;flex:1;height:calc(100% - 40px);padding:8px;display:flex}.search-helper ul{padding-left:10px;padding-right:5px;list-style:none}.folder{word-break:break-all;padding-top:10px;font-size:small}.root-ul{height:100%;margin:0;position:relative;overflow-y:auto}.root-ul ul{margin-left:3px}.root-ul .user-label ul{border-left:1px solid #2e3a5c}.root-ul .current-user>ul{border-left:1px solid #7e550b}.root-ul .other-user>ul{border-left:1px solid #06a706c5}.root-ul:hover .user{color:#fff}.root-ul:hover .host{color:#69c275}.root-ul:hover .path{color:#92a0c4}.root-ul:hover .source{color:#929292}.root-ul:hover .key{color:#76bef5}.root-ul:hover .value{color:#a3e635}.leaf{cursor:pointer;word-break:break-all;-webkit-line-clamp:3;-webkit-user-select:none;user-select:none;border-radius:4px;-webkit-box-orient:vertical;padding:2px 4px;transition:background .1s;display:-webkit-box;overflow:hidden}.leaf p{-webkit-user-select:text;user-select:text;cursor:text;margin:0;padding:0}.leaf:hover{background:#1e243a}.leaf.copied{background:#053d05}.leaf.copied:after{color:#92a0c4;content:"  copied ";word-break:keep-all;-webkit-user-select:none;user-select:none}.tab-header-banner{word-break:break-all;background:#1e243a;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:.8rem}.tab-header-banner .value{color:#a3e635}.tab-header-banner .key{color:#38bdf8}.tab-header-banner .total-badge{color:#888;font-size:.75rem}.loading-state{text-align:center;color:#888;padding:20px;font-size:.85rem}.flow-tab,.flow-tab .flow-details{height:100%}.flow-tab .flow-details .flow-summary{background:#1e243a;border-radius:4px;grid-template-columns:1fr 1fr;gap:6px;height:90px;margin-bottom:5px;padding:8px;font-size:.8rem;display:grid}.flow-tab .flow-details .flow-sections-wrap{height:calc(100% - 95px);overflow-y:auto}.flow-tab .flow-details .flow-sections-wrap .flow-section{margin-bottom:12px}.flow-tab .flow-details .flow-sections-wrap .flow-section h4{color:#92a0c4;border-bottom:1px solid #2e3a5c;margin:0 0 6px;padding-bottom:4px;font-size:.85rem}.flow-tab .flow-details .flow-sections-wrap .flow-section .path-breadcrumbs{background:#1e243a;border-radius:4px;flex-wrap:wrap;gap:4px;padding:6px;font-size:.8rem;display:flex}.flow-tab .flow-details .flow-sections-wrap .flow-section .path-breadcrumbs .breadcrumb-item{color:#69c275}.flow-tab .flow-details .flow-sections-wrap .flow-section .path-breadcrumbs .breadcrumb-item .sep{color:#777;margin-left:4px}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list{margin:0;padding:0;font-size:.78rem;list-style:none}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li{word-break:break-all;border-bottom:1px dashed #2e3a5c;padding:6px 0}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li .kv-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li .kv-key{color:#38bdf8;cursor:pointer}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li .kv-key:hover{filter:brightness(1.3)}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li .kv-val{color:#a3e635;cursor:pointer}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li .kv-val:hover{filter:brightness(1.3)}.flow-tab .flow-details .flow-sections-wrap .flow-section .flow-kv-list li .kv-src{color:#888;font-size:.72rem}.flow-tab .flow-details .flow-sections-wrap .flow-section .empty-sub{color:#777;font-size:.75rem}.badge-mini{border-radius:2px;margin-right:4px;padding:1px 4px;font-size:.65rem}.badge-mini.badge-request{color:#b8e1ff;background:#264e70}.badge-mini.badge-response{color:#c3ffd1;background:#3d6a45}.search-helper-empty{color:#7484ad;justify-content:center;align-items:center;height:calc(100% - 25px);padding:16px;font-size:.85rem;display:flex}.search-helper-empty-box{background:#1e243a;border:1px dashed #2e3a5c;border-radius:6px;max-width:420px;padding:16px 18px}.search-helper-empty-title{color:#92a0c4;margin-bottom:6px;font-size:.9rem;font-weight:500}.search-helper-empty-desc{color:#7484ad;line-height:1.4}.search-helper-empty-hint{color:#7a7a7a;margin-top:8px;font-size:.75rem}
.lifecycle-timeline{-webkit-user-select:text;user-select:text;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.lifecycle-header-controls{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:.78rem;display:flex}.lifecycle-header-controls .pagination-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.lifecycle-header-controls .pagination-bar label{align-items:center;display:flex}.lifecycle-header-controls .pagination-bar .page-nav{align-items:center;gap:4px;display:flex}.lifecycle-header-controls .pagination-bar .page-nav .pagination-btn{color:#7484ad;cursor:pointer;background:#1e243a;border:1px solid #2e3a5c;border-radius:3px;padding:1px 6px;font-size:.8rem;transition:all .2s}.lifecycle-header-controls .pagination-bar .page-nav .pagination-btn:hover:not(:disabled){color:#fff;background:#76bef533}.lifecycle-header-controls .pagination-bar .page-nav .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.lifecycle-header-controls .pagination-bar .page-nav .page-info{color:#aaa;font-size:.72rem}.lifecycle-card{background:#111520;border:1px solid #0000;border-bottom-color:#2e3a5c;border-radius:4px;flex-direction:column;gap:2px;padding:3px 6px;font-size:.72rem;transition:background-color .15s;display:flex}.lifecycle-card.selected{background:#2e3a5c}.lifecycle-card.has-set{border-left:3px solid #38bdf8}.lifecycle-card.has-read{border-right:3px solid #f59e0b66}.lifecycle-card.has-update{border-top:1px solid #f59e0b66}.lifecycle-card .card-row{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.lifecycle-card .card-row.primary-row{line-height:1.15}.lifecycle-card .card-row.secondary-row{color:#888;flex-direction:column;gap:2px;font-size:.7rem}.lifecycle-card .meta-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lifecycle-card .meta-group.right{flex-shrink:0;gap:3px}.lifecycle-card .flow-index{cursor:pointer;color:#aaa;font-size:.7rem;font-weight:600}.lifecycle-card .user-tag{color:#38bdf8;font-size:.7rem;font-weight:500}.lifecycle-card .timestamp{color:#666;font-size:.68rem}.lifecycle-card .events-list-display{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.lifecycle-card .events-list-display .event-cluster{background:#ffffff05;border-left:2px solid #0000;border-radius:4px;flex-direction:column;gap:8px;margin-bottom:12px;padding:4px 6px;display:flex}.lifecycle-card .events-list-display .event-cluster.cluster-sent{border-left-color:#38bdf8}.lifecycle-card .events-list-display .event-cluster.cluster-both{border-left-color:#f59e0b}.lifecycle-card .events-list-display .event-cluster.cluster-received{border-left-color:#a3e635}.lifecycle-card .events-list-display .event-cluster:last-child{margin-bottom:0}.lifecycle-card .events-list-display .event-cluster .cluster-header{align-items:center;gap:6px;display:flex}.lifecycle-card .events-list-display .event-cluster .cluster-header .event-action-tag{letter-spacing:.5px;border-radius:2px;padding:1px 4px;font-size:.6rem;font-weight:700}.lifecycle-card .events-list-display .event-cluster .cluster-header .event-action-tag.tag-sent{color:#38bdf8;background:#38bdf826}.lifecycle-card .events-list-display .event-cluster .cluster-header .event-action-tag.tag-both{color:#f59e0b;background:#f59e0b26}.lifecycle-card .events-list-display .event-cluster .cluster-header .event-action-tag.tag-received{color:#a3e635;background:#a3e63526}.lifecycle-card .events-list-display .event-cluster .cluster-header .event-source{color:#888}.lifecycle-card .events-list-display .event-cluster .cluster-body{flex-direction:column;gap:6px;padding-left:4px;display:flex}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row{align-items:baseline;gap:8px;display:flex}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .key-display{color:#7eb0ee;min-width:max-content;font-weight:600}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper{flex-wrap:wrap;gap:6px;display:flex}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper .single-value-display{word-break:break-all}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper .single-value-display.SENT{color:#38bdf8}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper .single-value-display.RECEIVED{color:#a3e635}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper .value-badge{word-break:break-all;border:1px solid #0000;border-radius:12px;padding:2px 8px;font-family:monospace;display:inline-block}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper .value-badge.badge-sent{color:#38bdf8;background:#38bdf81a;border-color:#38bdf840}.lifecycle-card .events-list-display .event-cluster .cluster-body .event-detail-row .values-wrapper .value-badge.badge-received{color:#a3e635;background:#a3e6351a;border-color:#a3e63540}.lifecycle-card .path-display{color:#d1d5db;word-break:break-all;white-space:normal;opacity:.85;margin-top:4px;font-size:.68rem;line-height:1.18}.lifecycle-card .open-in-new-tab-btn{opacity:.7;padding:0 3px}.lifecycle-card .open-in-new-tab-btn:hover{opacity:1}.btn-flow-link{color:#76bef5;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.btn-flow-link:hover{text-decoration:underline}.single-value-display{color:#a3e635;word-break:break-all}