.tp-workspace>.panel-head{gap:20px;align-items:flex-start}.tp-workspace .toolbar{flex-wrap:wrap;justify-content:flex-end}.tp-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}.tp-plan-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:#fff;border:1px solid #e1e7ef;border-radius:16px;gap:12px}.tp-plan-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tp-plan-card h3{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.tp-card-description{margin:0;color:#718097;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.tp-card-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#f6f8fc;border-radius:12px;padding:13px}.tp-card-facts small{display:block;font-size:11px;color:#6d7b90;margin-bottom:6px}.tp-card-facts b{font-size:19px}.tp-card-completion{font-size:12px;color:#77859a;line-height:1.7}.tp-plan-card>footer{margin-top:auto;padding-top:12px;border-top:1px solid #edf0f5;display:flex;gap:8px;flex-wrap:wrap}.tp-plan-card footer button{font-size:12px;padding:9px 12px}
.tp-progress{padding:12px 0}.tp-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.tp-progress small{display:block;color:#7b879a;font-size:11px;line-height:1.6;margin-top:5px}.tp-progress progress,.tp-runs-table progress,.tp-upload-row progress{width:100%;height:7px;border:0;border-radius:6px;display:block;margin:8px 0;appearance:none;background:#edf1f8}.tp-progress progress::-webkit-progress-bar,.tp-runs-table progress::-webkit-progress-bar,.tp-upload-row progress::-webkit-progress-bar{background:#edf1f8;border-radius:6px}.tp-progress progress::-webkit-progress-value,.tp-runs-table progress::-webkit-progress-value,.tp-upload-row progress::-webkit-progress-value{background:#3f73ed;border-radius:6px}.tp-trash-reasons{padding:12px 15px;background:#fff8e9;border:1px solid #f2dfb2;border-radius:12px;color:#8a621e;font-size:12px;line-height:1.8}.tp-trash-reasons ul{margin:5px 0 0;padding-left:18px}.tp-block-dialog>h3{margin-top:0}.tp-block-dialog .tp-runs-table{margin:15px 0}.tp-runs-table table{min-width:700px}.tp-runs-table th,.tp-runs-table td{padding:13px 12px;vertical-align:top}.tp-runs-table small{display:block;margin-top:5px;color:#77859a;font-size:11px;line-height:1.6}.tp-runs-table progress{min-width:100px}.tp-result-pass{color:#238052}.tp-detail-dialog{width:min(1180px,96vw)}.tp-detail-dialog .test-plan-preview-head{display:flex;align-items:flex-start;gap:20px;padding:20px 0}.tp-detail-dialog .test-plan-preview-head h2{margin:0;font-size:23px;line-height:1.5}.tp-detail-dialog .test-plan-preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:380px}.tp-detail-dialog .item-card{padding:20px}.tp-detail-dialog .item-card>.panel-head{padding:0 0 12px;gap:15px;align-items:flex-start}.tp-detail-dialog .item-card h3{margin:0 0 8px}.tp-detail-dialog .tp-trash-reasons{margin-bottom:16px}.tp-detail-dialog .plan-case-list{display:grid;gap:14px}.tp-detail-dialog .plan-case-card{margin:0}.tp-materials{margin:16px 0}.tp-materials .attachment-grid{margin:14px 0}.tp-materials .attachment-info{min-width:0}.tp-upload-row{margin:12px 0;padding:12px 14px;background:#f4f8ff;border-radius:10px;font-size:12px;overflow-wrap:anywhere}.tp-upload-row small{color:#61738c}.tp-material-save-hint{padding:13px 15px;background:#eef4ff;color:#42638e;border-radius:10px;line-height:1.7;font-size:12px}
@media(min-width:1700px){.tp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.tp-plan-grid{grid-template-columns:1fr}.tp-detail-dialog .test-plan-preview-head{flex-direction:column}.tp-detail-dialog .test-plan-preview-actions{max-width:none;justify-content:flex-start}}@media(max-width:600px){.tp-plan-grid{padding:12px;gap:12px}.tp-plan-card{padding:16px}.tp-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.tp-workspace>.panel-head{flex-direction:column}.tp-workspace .toolbar{justify-content:flex-start}.tp-detail-dialog .item-card{padding:14px}.tp-detail-dialog .panel-head{flex-direction:column}.tp-block-dialog .form-actions{flex-wrap:wrap}}

.tp-detail-dialog .test-plan-preview-head>div:first-child{flex:1 1 auto}.tp-detail-dialog .test-plan-preview-actions{flex:0 1 auto}.tp-runs-table button,.test-plan-preview-actions button,.tp-material-card>button{font:inherit;border:1px solid #dce3ed;border-radius:10px;padding:9px 12px;background:#fff;cursor:pointer}.test-plan-preview-actions button.primary{background:#2463eb;color:white;border-color:#2463eb}.test-plan-preview-actions button.danger,.tp-material-card>button.danger{color:#df4051;border-color:#f3c8cf}.tp-materials .tp-material-card{display:flex;align-items:center;gap:12px;padding:14px;min-width:0;min-height:100px}.tp-material-card .tp-material-thumb{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;background:#f1f5fc;border:1px solid #e2e8f3;border-radius:10px;color:#4f6a94;overflow:hidden;padding:0;cursor:pointer;font-weight:700;font-size:13px}.tp-material-thumb img{width:100%;height:100%;object-fit:contain}.tp-material-info{min-width:0;flex:1}.tp-material-info .tp-material-name{display:block;border:0;background:none;padding:0;text-align:left;font:inherit;font-weight:600;color:#2866d4;overflow-wrap:anywhere;white-space:normal;cursor:pointer}.tp-material-info small{display:block;font-size:11px;color:#7c8a9f;margin:6px 0}.tp-material-info>a:last-child{font-size:11px}.tp-material-card>button{font-size:11px}.tp-upload-row{padding:9px 12px}.tp-upload-row progress{height:5px;margin:6px 0}
@media(max-width:1000px){.tp-detail-dialog .test-plan-preview-head>div:first-child,.tp-detail-dialog .test-plan-preview-actions{flex:0 0 auto;width:100%}}@media(max-width:600px){.tp-materials .tp-material-card{gap:9px;padding:11px}.tp-material-card .tp-material-thumb{width:48px;height:48px;flex-basis:48px}.tp-material-info .tp-material-name{font-size:12px}}

.tp-plan-grid { gap: 12px; padding: 12px; }
.tp-plan-card { padding: 14px; gap: 8px; border-radius: 12px; }
.tp-plan-card h3 { font-size: 16px; line-height: 1.35; }
.tp-plan-card .tp-card-description { min-height: 0; line-height: 1.45; }
.tp-plan-card .tp-card-facts { gap: 6px; padding: 8px; }
.tp-plan-card .tp-card-facts small { margin-bottom: 3px; }
.tp-plan-card .tp-card-facts b { font-size: 16px; }
.tp-plan-card .tp-progress { padding: 4px 0; }
.tp-plan-card > footer { padding-top: 8px; gap: 6px; }

#modalShare { display: grid; place-items: center; }
.run-case-filter { display: flex; align-items: center; gap: .45rem; margin-inline: auto; font-size: .85rem; }
.run-case-filter select { width: auto; min-width: 5.5rem; padding: .3rem .5rem; }
.run-case-filter small { white-space: nowrap; }
.run-case-card[hidden] { display: none; }
@media (max-width: 550px) {
  .run-case-filter > span { display: none; }
  .run-case-filter select { min-width: 0; }
}

.tp-environment-list { display: grid; gap: 7px; }
.tp-environment-row { display: flex; gap: 8px; align-items: center; text-align: start; padding: 9px; }
.tp-environment-row > span:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.tp-environment-row small { display: block; margin-top: 3px; color: #66748a; }