:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182230;background:#f5f7fa;line-height:1.45;--nav:#132238;--blue:#2563eb;--border:#e1e7ef;--muted:#667085;--danger:#c43232}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;padding:10px 16px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer;transition:.15s}button:hover{filter:brightness(.94)}button.secondary{background:#eef2f7;color:#344054}button.danger{background:#fff1f1;color:var(--danger)}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#fff url("/static/ruspallet-logo.jpg") left center/85px 40px no-repeat;box-shadow:inset 0 0 0 1px #ffffff26}.brand strong,.brand small{display:block}.brand small,.sidebar-note small{font-size:12px;color:#9eacc0}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#b7c2d2;padding:12px 14px}.nav button span{width:20px;text-align:center}.nav button.active,.nav button:hover{background:#243751;color:#fff}.sidebar-note{margin-top:auto;border-top:1px solid #2b3d55;padding:20px 8px 0;display:flex;gap:10px}.sidebar-note b,.sidebar-note small{display:block}.status-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#39c27f;box-shadow:0 0 0 4px #39c27f22}.workspace{min-width:0;padding:0 42px 50px}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:30px}.topbar h1,.section-head h2,.panel h2,.welcome h2{margin:3px 0}.eyebrow{margin:0;color:#7b8798;text-transform:uppercase;font-size:11px;letter-spacing:.09em;font-weight:700}.admin-chip{background:#fff;border:1px solid var(--border);padding:9px 13px;border-radius:20px;color:#475467}.tab{display:none;max-width:1240px}.tab.active{display:block}.welcome{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#18365f,#2768d8);margin-bottom:22px}.welcome p{color:#d8e5fa;margin-bottom:0}.welcome .eyebrow{color:#bdd3fa}.welcome button{background:#fff;color:#1e5cca}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats article,.panel,.cards article,.list article{background:#fff;border:1px solid var(--border);border-radius:14px}.stats article{padding:21px}.stats span,.stats small{display:block;color:var(--muted)}.stats b{display:block;font-size:30px;margin:6px 0}.panel{padding:22px;margin-bottom:20px}.panel-head,.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head p:last-child{margin:6px 0 0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps button{display:flex;gap:12px;text-align:left;background:#f7f9fc;color:#344054;padding:16px}.steps i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;background:#e3ecff;color:#245dd7;border-radius:50%}.steps span,.steps small{display:block}.steps small{font-weight:400;color:var(--muted);margin-top:3px}.upload{display:flex;align-items:center;gap:16px}.upload div{margin-right:auto}.upload small{display:block;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #cfd7e3;border-radius:9px;padding:10px 12px;background:#fff;color:#182230;outline:none}input:focus,select:focus,textarea:focus{border-color:#5d8cf3;box-shadow:0 0 0 3px #2563eb15}input[type=file]{width:auto}.form-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:16px}.form-grid label span,.test-form label span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-grid button{height:42px}.test-form .form-grid{grid-template-columns:2fr repeat(3,1fr)}.test-form .wide{min-width:280px}fieldset{border:0;padding:18px 0;margin:0}legend{font-weight:700;margin-bottom:10px}.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-list label{display:flex;gap:9px;align-items:flex-start;background:#f8fafc;padding:10px;border-radius:8px}.check-list input{width:auto;margin-top:3px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cards article{padding:20px}.card-top,.list-main,.list-actions{display:flex;align-items:center;gap:10px}.file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#e9f0ff;color:#2059d0;font-weight:800}.cards h3,.list h3{font-size:15px;margin:0}.muted{color:var(--muted)}.cards .actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.list{display:grid;gap:12px}.list article{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.list-main{min-width:0}.list-main>div:last-child{min-width:0}.list h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:700}.badge.draft{background:#fff4db;color:#8a5b00}.badge.published,.badge.finished{background:#dcfce7;color:#167249}.badge.assigned{background:#e9f0ff;color:#2059d0}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf0f4}th{font-size:12px;text-transform:uppercase;color:#7b8798;background:#fafbfc}tr:last-child td{border:0}.empty{padding:34px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfd7e3;border-radius:13px}.toast{position:fixed;right:28px;top:24px;z-index:20;max-width:520px;background:#eaf8ef;color:#17643a;border:1px solid #bfe7ce;padding:13px 17px;border-radius:10px;box-shadow:0 8px 30px #12233a26}.toast.error{background:#fff0f0;color:#a32323;border-color:#f3c5c5}.editor{margin-top:24px}.editor details{border:1px solid var(--border);border-radius:10px;padding:14px;margin:10px 0}.editor summary{font-weight:650;cursor:pointer}.editor blockquote{margin:12px 0;padding:12px;background:#f7f9fc;border-left:3px solid #7ea4f6}.editor textarea{min-height:90px}.editor-actions{display:flex;gap:8px;margin-top:12px}.ai-panel{background:#f5f8ff;border-color:#ccdcff}.timer{font-size:28px;font-weight:700;color:#b42318}.error{color:#b42318}@media(max-width:950px){.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.nav{grid-template-columns:repeat(5,1fr)}.nav button{justify-content:center}.nav button span,.sidebar-note{display:none}.workspace{padding:0 20px 40px}.stats,.steps{grid-template-columns:repeat(2,1fr)}.form-grid,.test-form .form-grid{grid-template-columns:1fr 1fr}.upload{align-items:stretch;flex-direction:column}.check-list{grid-template-columns:1fr}}@media(max-width:600px){.nav{grid-template-columns:1fr 1fr}.stats,.steps,.form-grid,.test-form .form-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:16px;flex-direction:column}.workspace{padding:0 12px 30px}.topbar{height:90px}.admin-chip{display:none}}

/* Employee test workspace */
.employee-page{min-height:100vh;background:#f3f6fb;color:#172033}
.employee-header{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 900px)/2));position:sticky;top:0;z-index:10}
.employee-header>div{display:flex;align-items:center;gap:12px}
.employee-header b,.employee-header small{display:block}
.employee-header small{color:var(--muted);font-size:12px}
.employee-logo{display:block;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#fff url("/static/ruspallet-logo.jpg") left center/81px 38px no-repeat;box-shadow:inset 0 0 0 1px #d9e1ec}
.employee-content{width:min(900px,calc(100% - 32px));margin:36px auto 70px}
.employee-content>h2{font-size:28px;margin:0 0 4px}
.employee-content>h2+.muted,.employee-content>h2+p{margin-top:0;color:var(--muted)}
.employee-content .card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px 26px;margin:16px 0;box-shadow:0 3px 14px #1b31550a}
.employee-content .card h3{margin:0 0 8px;font-size:18px}
.employee-content .card>b{display:block;font-size:17px;line-height:1.5;margin-bottom:18px}
.employee-content .card>label{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;margin:9px 0;border:1px solid #dce3ed;border-radius:11px;background:#fbfcfe;cursor:pointer;transition:.15s}
.employee-content .card>label:hover{border-color:#9bb7f3;background:#f5f8ff}
.employee-content .card>label:has(input:checked){border-color:#5d8cf3;background:#edf3ff;box-shadow:0 0 0 2px #2563eb12}
.employee-content .card>label input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--blue)}
.employee-content .card>input[type=text]{font-size:16px;padding:13px 14px}
.employee-content>.timer{position:sticky;top:88px;z-index:8;width:max-content;margin:0 0 18px auto;padding:9px 15px;border:1px solid #f1c5bf;border-radius:24px;background:#fff7f5;color:#b42318;font-size:18px;box-shadow:0 4px 18px #6b1f1420}
.employee-content>button{display:block;min-width:210px;margin:28px auto 0;padding:13px 22px;font-size:16px}
.employee-content .error{padding:18px;background:#fff;border:1px solid #f3c5c5;border-radius:12px}
@media(max-width:600px){.employee-header{padding:0 16px}.employee-content{width:min(100% - 20px,900px);margin-top:20px}.employee-content .card{padding:19px 16px;border-radius:13px}.employee-content .card>b{font-size:16px}.employee-content>.timer{top:82px}}
.question-instruction{margin:-10px 0 14px;color:#526277;font-size:13px;font-weight:650}
.result-summary{padding:26px;border-radius:16px;background:#fff;border:1px solid var(--border);text-align:center;margin-bottom:28px}
.result-summary h2{margin:4px 0}.result-summary>b{font-size:44px}.result-summary.passed{border-top:5px solid #24945e}.result-summary.failed{border-top:5px solid #c43232}
.review-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.review-title>span{white-space:nowrap;font-size:13px;font-weight:700}
.review-card.correct{border-left:5px solid #24945e!important}.review-card.incorrect{border-left:5px solid #c43232!important}
.answer-review{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.answer-review>div{padding:13px;background:#f7f9fc;border-radius:10px}.answer-review small{color:var(--muted);font-weight:700;text-transform:uppercase}.answer-review p{margin:5px 0 0}
.review-card blockquote{margin:14px 0;padding:12px;background:#f7f9fc;border-left:3px solid #7ea4f6}
@media(max-width:600px){.answer-review{grid-template-columns:1fr}.review-title{display:block}.review-title>span{display:block;margin-top:8px}}
/* Three-step test builder */
.test-form{padding:0;overflow:hidden}.builder-step{padding:26px 28px;border-bottom:1px solid var(--border)}.builder-step:last-child{border-bottom:0}.step-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.step-heading>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e9f0ff;color:#2059d0;font-weight:800}.step-heading h3{margin:2px 0;font-size:17px}.step-heading p{margin:0;color:var(--muted);font-size:13px}.test-settings{grid-template-columns:2fr repeat(3,1fr)!important}.input-unit{position:relative}.input-unit input{padding-right:48px}.input-unit small{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.document-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.document-toolbar>div{display:flex;gap:8px}.link-button{height:auto!important;padding:5px 8px;background:transparent;color:var(--blue)}.link-button:hover{background:#eef4ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.test-form fieldset{padding:0}.check-list label{min-height:50px;align-items:center;border:1px solid transparent;cursor:pointer;transition:.15s}.check-list label:hover{border-color:#b8caf0}.check-list label.selected{background:#edf3ff;border-color:#7ea4f6;box-shadow:0 0 0 2px #2563eb0d}.check-list input{width:17px;height:17px;margin:0;accent-color:var(--blue)}.document-distribution{margin-top:20px!important;padding:18px!important;border:1px solid #dce6f8!important;border-radius:12px!important;background:#f8faff}.document-distribution[hidden]{display:none}.distribution-modes{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:14px}.distribution-modes label{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.distribution-modes input{width:16px;height:16px;margin:0;accent-color:var(--blue)}.distribution-rows{display:grid;gap:8px}.distribution-row{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:14px;padding:8px 10px;background:#fff;border-radius:8px}.distribution-total{margin-top:10px;color:#38704d;font-size:13px;font-weight:700}.question-composition{grid-template-columns:repeat(3,1fr)!important}.test-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:18px 20px;border:1px solid #ccdcff;border-radius:12px;background:#f5f8ff}.test-summary small,.test-summary b{display:block}.test-summary b{font-size:16px;margin:2px 0 5px}.test-summary p{margin:2px 0;color:var(--muted);font-size:13px}.test-summary>strong{white-space:nowrap;color:#2059d0;font-size:20px}.builder-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.builder-actions p{margin:0;font-size:13px}.builder-actions button{min-width:210px;padding:12px 20px}
@media(max-width:950px){.test-settings,.question-composition{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.builder-step{padding:22px 16px}.test-settings,.question-composition{grid-template-columns:1fr!important}.document-toolbar,.builder-actions,.test-summary{align-items:stretch;flex-direction:column}.document-toolbar>div{flex-wrap:wrap}.test-summary>strong{white-space:normal}.builder-actions button{width:100%}.distribution-modes{display:grid;gap:10px}}
.danger-outline{background:#fff;color:var(--danger);border:1px solid #efcaca}.danger-outline:hover{background:#fff4f4}
@media(max-width:600px){.section-head{align-items:stretch;flex-direction:column;gap:12px}.danger-outline{width:100%}}
.assignment-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.assignment-card-head h3{margin:0}.assignment-status{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 10px;border-radius:16px;background:#eef2f7;color:#526277;font-size:12px;font-weight:700}.assignment-status.completed{background:#dcfce7;color:#167249}.assignment-status.active{background:#fff4db;color:#8a5b00}.assignment-result{width:max-content;margin:12px 0;padding:7px 10px;border-radius:8px;font-weight:700}.assignment-result.passed{background:#eaf8ef;color:#17643a}.assignment-result.failed{background:#fff0f0;color:#a32323}.assignment-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.assignment-actions button{margin:0;min-width:auto}.employee-content .assignment-card>p{color:var(--muted);margin:10px 0}.employee-content .assignment-card>.assignment-result{margin:12px 0;color:inherit}
.employee-question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.employee-question-head>b{font-size:17px;line-height:1.5}.question-regulation{display:inline-flex;flex:0 0 auto;max-width:320px;padding:5px 9px;border-radius:16px;background:#edf3ff;color:#315b9d;font-size:12px;font-weight:700;line-height:1.35}.review-card>.question-regulation{margin-top:10px}@media(max-width:700px){.employee-question-head{display:block}.employee-question-head .question-regulation{margin-top:10px}.question-regulation{max-width:100%}}
@media(max-width:600px){.assignment-card-head{align-items:flex-start;flex-direction:column}.assignment-actions{display:grid}.assignment-actions button{width:100%}}.assignment-tools{display:grid;grid-template-columns:minmax(280px,1fr) 220px;gap:12px;margin:0 0 14px}.assignment-tools label span{display:block;margin:0 0 6px;font-size:13px;font-weight:700}.assignment-groups{display:grid;gap:10px}.employee-assignment-group{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#fff}.employee-assignment-group>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;list-style:none}.employee-assignment-group>summary::-webkit-details-marker{display:none}.employee-assignment-group[open]>summary{border-bottom:1px solid var(--border);background:#fbfcfe}.employee-group-main{display:flex;align-items:center;gap:11px}.employee-group-main span:last-child,.employee-group-main small{display:block}.employee-group-main small{margin-top:2px;color:var(--muted);font-weight:400}.employee-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e9f0ff;color:#2059d0;font-weight:800}.employee-group-link{display:flex;align-items:center;gap:8px}.employee-group-link i{margin-left:5px;color:#8492a6;font-style:normal;font-size:18px;transition:.15s}.employee-assignment-group[open] .employee-group-link i{transform:rotate(180deg)}.employee-assignment-group .table-wrap{border:0;border-radius:0}.employee-assignment-group table{min-width:720px}
@media(max-width:700px){.assignment-tools{grid-template-columns:1fr}.employee-assignment-group>summary{align-items:flex-start;flex-direction:column}.employee-group-link{width:100%;flex-wrap:wrap}.employee-group-link i{margin-left:auto}.employee-group-link button{flex:1}}
/* Authentication and application users */
.user-menu{display:flex;align-items:center;gap:10px}.admin-chip b,.admin-chip small{display:block}.admin-chip small{font-size:11px;color:var(--muted);margin-top:1px}.user-form .form-grid{grid-template-columns:2fr 1.3fr 1fr 1.5fr}.user-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.user-form-actions>div{display:flex;gap:8px;margin-left:auto}.active-check{display:flex;align-items:center;gap:8px}.active-check input{width:auto}.user-self{display:block;margin-top:3px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef3fa,#f8fafc)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:0 18px 60px #13223818}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-brand strong,.login-brand small{display:block}.login-brand small{color:var(--muted);font-size:12px}.login-card h1{margin:0 0 6px}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card label span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.login-card button{margin-top:4px}.login-card .error{margin:0;padding:10px 12px;border-radius:8px;background:#fff0f0}@media(max-width:950px){.user-form .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.user-menu .admin-chip{display:none}.user-form .form-grid{grid-template-columns:1fr}.user-form-actions{align-items:flex-start;gap:14px;flex-direction:column}.user-form-actions>div{margin-left:0}}
[data-choice-fields],[data-text-fields]{display:grid;gap:14px;margin:14px 0}[data-choice-fields] label,[data-text-fields] label{display:block}[data-choice-fields] small{display:block;margin-top:5px}
.document-source-search{display:block;margin:0 0 14px}.document-source-search span{display:block;margin:0 0 6px;font-size:13px;font-weight:700}.document-source-search input{max-width:100%}.inline-empty{margin-top:8px;padding:16px;text-align:center;color:var(--muted);background:#fafbfc;border:1px dashed #cfd7e3;border-radius:9px}
.simple-distribution-row{display:flex;align-items:end;justify-content:space-between;gap:24px}.per-document-control{max-width:420px}.per-document-control small{display:block;margin-top:6px;color:var(--muted);font-weight:400}.simple-distribution-row>#distribution-total{padding-bottom:10px;color:#2059d0;font-size:17px;white-space:nowrap}
@media(max-width:600px){.simple-distribution-row{align-items:stretch;flex-direction:column}.simple-distribution-row>#distribution-total{padding-bottom:0}}
.individual-distribution{margin-top:14px;border-top:1px solid #dce6f8}.individual-distribution>summary{padding:14px 0 4px;color:#2059d0;font-size:13px;font-weight:700;cursor:pointer}.individual-distribution .distribution-rows{margin-top:10px}.distribution-row>span b,.distribution-row>span small{display:block}.distribution-row>span small{margin-top:3px;color:var(--muted);font-size:12px;font-weight:400}.simple-distribution-row>button{margin-left:auto}
@media(max-width:600px){.simple-distribution-row>button{margin-left:0;width:100%}.distribution-row{grid-template-columns:1fr 80px}}

.generation-progress{display:grid;gap:6px;margin-top:9px;padding:10px 12px;border:1px solid #cfe0ff;border-radius:9px;background:#f5f8ff;color:#344054}.generation-progress progress{width:100%;height:8px;accent-color:var(--blue)}.generation-progress small{display:block}.generation-progress.failed{border-color:#f2c8c8;background:#fff5f5;color:#8f2929}
.document-job{border-color:#bfd4ff!important;background:#f7f9ff!important}.document-job.failed{border-color:#efc4c4!important;background:#fff8f8!important}.document-job .card-top>div:last-child{min-width:0;flex:1}.document-job progress{display:block;width:100%;height:8px;margin-top:10px;accent-color:var(--blue)}.document-job .actions>span{display:flex;gap:7px}
#test-list>#question-editor{min-width:0;margin:-4px 0 8px 18px}#test-list>#question-editor .editor{margin-top:0;border-top-left-radius:6px}
.variant-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:16px;color:var(--text);box-shadow:0 24px 80px #10182838}.variant-dialog::backdrop{background:#10182880;backdrop-filter:blur(2px)}.variant-dialog form{padding:24px}.variant-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.variant-dialog-head h2{margin:3px 0}.variant-fields{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:22px 0}.variant-fields label span{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.variant-summary{padding:16px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.variant-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.variant-metrics span{padding:10px;border-radius:9px;background:#fff}.variant-metrics small,.variant-metrics b{display:block}.variant-metrics small{color:var(--muted)}.variant-documents{display:grid;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}.variant-documents span{display:flex;justify-content:space-between;gap:14px}.variant-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}@media(max-width:600px){.variant-fields,.variant-metrics{grid-template-columns:1fr}.variant-dialog-head{align-items:stretch;flex-direction:column}.variant-dialog-head button{align-self:flex-start}.variant-actions{display:grid}.variant-actions button{width:100%}}