.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.overview-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}
.overview-card strong{display:block;font-size:32px;margin:7px 0}
.overview-card span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:800}
.project-browser-card{position:relative;min-height:180px}
.project-browser-card .project-open{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--brand);font-weight:750}
.project-browser-card .project-count{font-size:30px;font-weight:800;margin:14px 0 0}
.empty-project-tests{grid-column:1/-1}
.data-template-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:20px 0 8px}.data-template-tools a{text-decoration:none}.data-template-tools .file-button input{display:none}.data-template-tools label:not(.file-button){font-size:12px;font-weight:750;color:var(--muted)}.data-template-tools label:not(.file-button) input{display:block;width:100px;margin-top:5px}
#project-tests-view .page-title>div:last-child{flex-wrap:wrap;justify-content:flex-end}.page-title a.file-button{text-decoration:none}.import-guide{width:min(900px,100%)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.guide-grid h3{margin:0 0 12px}.guide-grid dl{display:grid;grid-template-columns:125px 1fr;gap:9px 12px;margin:0}.guide-grid dt{font-weight:800;color:#4e45d5}.guide-grid dd{margin:0;color:var(--muted)}.guide-grid pre{background:#111827;color:#d8e2f1;border-radius:12px;padding:18px;overflow:auto;line-height:1.5}.guide-grid code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.run-list{gap:10px}.run-row{border-radius:12px;box-shadow:0 2px 10px #1d2a4408;padding:17px 22px}.run-row>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.run-row>div:first-child strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-row>div:first-child small{display:block}.run-row .status{justify-self:start;padding:6px 10px;border-radius:999px;background:#eef2f6}.run-row .status.PASSED{background:#e9f8ef}.run-row .status.FAILED,.run-row .status.ERROR{background:#fff0ee}.run-row a{text-decoration:none}
.test-library{display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;min-height:520px;overflow:hidden;box-shadow:0 12px 35px #1d2a440b}.function-sidebar{border:0;border-radius:0;border-right:1px solid var(--line);background:#f8f9fc;padding:24px;max-height:none}.book-label{font-size:11px;letter-spacing:1.7px;font-weight:850;color:#8a94a6;margin:0 10px 16px}.function-sidebar nav{display:grid;gap:5px}.function-sidebar button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;color:#566176;width:100%;padding:11px 12px}.function-sidebar button:before{content:'▤';margin-right:9px;color:#8a84ed}.function-sidebar button span:first-child{flex:1}.function-sidebar button.active{background:#ebe9ff;color:#493ed2}.function-sidebar button small{background:#fff;border-radius:999px;min-width:25px;padding:3px 7px;text-align:center}.library-content{padding:28px 32px;min-width:0}.library-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--line)}.library-heading h2{margin:0 0 5px;font-size:22px}.test-list{display:grid}.test-row{display:grid;grid-template-columns:52px minmax(220px,1fr) 100px 145px auto;gap:18px;align-items:center;padding:18px 8px;border-bottom:1px solid #edf0f4}.test-row:hover{background:#fafaff}.test-index{width:38px;height:46px;display:grid;place-items:center;background:linear-gradient(145deg,#5b50e8,#7b72f2);color:#fff;border-radius:5px 10px 10px 5px;font-size:12px;font-weight:850;box-shadow:inset 4px 0 #ffffff30}.test-info{min-width:0}.test-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.test-info small{display:block;margin-top:5px}.test-version{font-size:11px;font-weight:800;color:#5347db;background:#eeedff;padding:5px 8px;border-radius:20px;justify-self:start}.test-updated{font-size:12px;color:var(--muted)}.test-actions{display:flex;gap:7px}.test-actions button{white-space:nowrap;padding:8px 11px}.function-empty{padding:70px 20px;text-align:center;color:var(--muted)}
.topbar nav{scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}
@media(max-width:900px){.overview-grid{grid-template-columns:repeat(2,1fr)}.test-library{grid-template-columns:1fr}.function-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:15px}.function-sidebar nav{display:flex;overflow:auto}.function-sidebar button{min-width:max-content}.library-content{padding:20px 15px}.test-row{grid-template-columns:44px 1fr auto}.test-row .test-version,.test-row .test-updated{display:none}.test-actions .danger-ghost{display:none}.guide-grid{grid-template-columns:1fr}}
@media(max-width:720px){.topbar{padding:0 14px;gap:8px}.topbar .brand{font-size:0}.topbar .brand span{font-size:14px}.topbar nav{gap:1px}.topbar nav button{padding:9px 10px}.page-title{align-items:flex-start;flex-direction:column}.page-title>div:last-child{width:100%;flex-wrap:wrap}}