.tcl-page{max-width:1600px;margin:0 auto;padding:20px;color:var(--color-text-1);font-size:14px;line-height:1.6;min-width:0}.tcl-page,.tcl-page *{box-sizing:border-box}.tcl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:var(--color-bg-2);border:1px solid var(--color-border-2);margin-bottom:16px}.tcl-header h1{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.tcl-header svg{flex:none;color:rgb(var(--primary-6))}.tcl-header p{margin:6px 0 0;color:var(--color-text-3)}.tcl-header .arco-btn{flex:none}.tcl-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.tcl-stat{padding:16px 20px;background:var(--color-bg-2);border:1px solid var(--color-border-2)}.tcl-stat span{display:block;color:var(--color-text-3);font-size:13px}.tcl-stat strong{font-size:24px;display:block;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}.tcl-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr));gap:12px;padding:18px;background:var(--color-bg-2);border:1px solid var(--color-border-2);margin-bottom:14px}.tcl-filter{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--color-text-2);font-size:13px}.tcl-page input,.tcl-page select{min-width:0;width:100%;height:34px;border:1px solid transparent;border-radius:2px;padding:4px 10px;background:var(--color-fill-2);color:var(--color-text-1);font:inherit;outline:none;color-scheme:light dark}.tcl-page input:focus,.tcl-page select:focus{border-color:rgb(var(--primary-6))}.tcl-filter-actions{display:flex;align-items:flex-end;gap:8px}.tcl-status,.tcl-note{color:var(--color-text-3);font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:10px 0}.tcl-error{background:var(--color-danger-light-1);color:rgb(var(--danger-6));padding:12px 16px;margin-bottom:12px;overflow-wrap:anywhere}.tcl-list{background:var(--color-bg-2);border:1px solid var(--color-border-2);min-width:0}.tcl-table-wrap{overflow-x:auto}.tcl-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed}.tcl-table th,.tcl-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--color-border-2);vertical-align:top;overflow-wrap:anywhere;font-weight:400}.tcl-table th{background:var(--color-fill-1);color:var(--color-text-2);font-weight:500}.tcl-table th:nth-child(1){width:15%}.tcl-table th:nth-child(2){width:18%}.tcl-table th:nth-child(3){width:11%}.tcl-table th:nth-child(4){width:12%}.tcl-table th:nth-child(5){width:22%}.tcl-table th:nth-child(6){width:14%}.tcl-table th:nth-child(7){width:8%}.tcl-table tr:last-child td{border-bottom:0}.tcl-table tbody tr:hover{background:var(--color-fill-1)}.tcl-sub{display:block;font-size:12px;color:var(--color-text-3);margin-top:4px;overflow-wrap:anywhere}.tcl-time{font-variant-numeric:tabular-nums;color:var(--color-text-2)}.tcl-badge{display:inline-block;font-size:12px;border-radius:3px;padding:2px 8px;white-space:nowrap;background:var(--color-fill-2);color:var(--color-text-2)}.tcl-blocked{background:var(--color-danger-light-1);color:rgb(var(--danger-6))}.tcl-unavailable{background:var(--color-warning-light-1);color:rgb(var(--warning-6))}.tcl-invalid{background:var(--color-primary-light-1);color:rgb(var(--primary-6))}.tcl-ticket{overflow-wrap:anywhere;color:var(--color-text-2);font-size:12px}.tcl-cards{display:none}.tcl-empty{padding:46px 16px;text-align:center;color:var(--color-text-3)}.tcl-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;color:var(--color-text-2);font-size:13px}.tcl-pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tcl-pager select{width:105px}.tcl-page .arco-btn{white-space:nowrap;font-size:13px}.tcl-page .arco-btn:disabled{opacity:.5;cursor:not-allowed}.tcl-modal{position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}.tcl-dialog{width:600px;max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.2);padding:20px}.tcl-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tcl-dialog h2{font-size:17px;font-weight:600;margin:0}.tcl-modal-close{border:0;background:transparent;color:var(--color-text-2);font-size:25px;cursor:pointer;padding:0 6px}.tcl-dialog dl{margin:18px 0}.tcl-detail-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-2)}.tcl-detail-row dt{color:var(--color-text-3)}.tcl-detail-row dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.tcl-dialog footer{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:1100px){.tcl-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.tcl-search{grid-column:span 3}.tcl-table-wrap{display:none}.tcl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.tcl-card{min-width:0;padding:16px;border:1px solid var(--color-border-2);border-radius:4px}.tcl-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tcl-card time{color:var(--color-text-3);font-size:12px}.tcl-actor{display:block;margin-top:12px;overflow-wrap:anywhere;font-weight:500}.tcl-card-reason{margin:14px 0;overflow-wrap:anywhere}.tcl-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.tcl-card-bottom .arco-btn{flex:none}}@media(max-width:700px){.tcl-page{padding:12px}.tcl-header{padding:16px;align-items:flex-start;flex-direction:column}.tcl-header h1{font-size:18px}.tcl-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tcl-stat{padding:12px 16px}.tcl-filters{padding:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.tcl-search{grid-column:span 2}.tcl-cards{grid-template-columns:minmax(0,1fr);padding:10px}.tcl-page input,.tcl-page select{font-size:16px}.tcl-filter-actions{grid-column:span 2}.tcl-filter-actions button{flex:1}.tcl-footer{align-items:flex-start;flex-direction:column}.tcl-pager{gap:8px}.tcl-dialog{padding:16px}.tcl-detail-row{grid-template-columns:80px minmax(0,1fr);gap:10px}}body:not([arco-theme=dark]) .tcl-page input,body:not([arco-theme=dark]) .tcl-page select{color-scheme:light}
