/* V336: Student mock-test cards inspired by the requested reference. Scoped to My Mock Tests only. */
.student-mock-test-grid-v336{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;margin:18px 0 34px;}
.student-mock-test-card-v336{box-sizing:border-box;min-width:0;background:#fff;border:1px solid #e0e8f1;border-radius:24px;padding:18px 18px 16px;box-shadow:0 8px 24px rgba(16,42,67,.055);display:flex;flex-direction:column;gap:14px;color:#102a43;}
.student-mock-test-card-top-v336{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;}
.student-mock-test-icon-v336{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#fff6df;border:1px solid #ffebbb;font-size:27px;}
.student-mock-test-title-v336{min-width:0;padding-top:2px;}
.student-mock-test-title-v336 h3{font-size:18px;line-height:1.3;font-weight:750;color:#102a43;margin:0 0 5px;overflow-wrap:anywhere;}
.student-mock-test-title-v336 p{font-size:13px;line-height:1.4;color:#657b93;margin:0;}
.student-mock-test-status-v336{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;line-height:1.2;font-weight:750;white-space:nowrap;background:#e8f7ee;color:#168044;}
.student-mock-test-status-v336.available{background:#eaf4ff;color:#1266bd;}
.student-mock-test-status-v336.upcoming{background:#e7f8ed;color:#168044;}
.student-mock-test-status-v336.expired{background:#fff0f0;color:#c52b2b;}
.student-mock-test-status-v336.completed{background:#e4faef;color:#087a43;}
.student-mock-test-meta-v336{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.student-mock-test-meta-v336 span{display:inline-flex;align-items:center;gap:7px;min-height:38px;box-sizing:border-box;padding:8px 11px;border-radius:13px;background:#f4f7fb;color:#425a72;font-size:13px;white-space:nowrap;}
.student-mock-test-meta-v336 b{font-weight:750;color:#203b56;}
.student-mock-test-action-v336{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.student-mock-test-start-v336,.student-mock-test-result-btn-v336,.student-mock-test-disabled-v336{min-height:46px;border-radius:14px!important;padding:12px 16px!important;font-weight:750!important;flex:1 1 150px;}
.student-mock-test-start-v336{background:#102f4a!important;color:#fff!important;border:1px solid #102f4a!important;}
.student-mock-test-result-btn-v336{background:#fff!important;color:#0868c9!important;border:1px solid #1684f8!important;}
.student-mock-test-disabled-v336{background:#8b9bad!important;color:#fff!important;border:1px solid #8b9bad!important;cursor:not-allowed;}
.student-mock-test-score-v336{flex:1 1 100%;padding:10px 12px;border-radius:12px;background:#e9f9ef;color:#167544;font-size:13px;font-weight:750;}
.student-mock-test-score-v336.pending{background:#fff7e5;color:#946200;}
@media(min-width:760px){.student-mock-test-grid-v336{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:20px}.student-mock-test-card-v336{padding:20px}.student-mock-test-card-top-v336{grid-template-columns:56px minmax(0,1fr) auto;align-items:center}.student-mock-test-icon-v336{width:56px;height:56px}.student-mock-test-status-v336{grid-column:auto;justify-self:end}.student-mock-test-title-v336 h3{font-size:19px}.student-mock-test-meta-v336 span{font-size:14px}}
@media(max-width:380px){.student-mock-test-card-v336{padding:14px;border-radius:19px}.student-mock-test-meta-v336 span{font-size:12px;padding:7px 9px}.student-mock-test-title-v336 h3{font-size:16px}.student-mock-test-status-v336{font-size:11px}}