/* Visual adaptation of Consulta SUNEDU (1).html. Backend and controls are ours. */
:root { font-family:Barlow,system-ui,sans-serif; color:#111827; background:#f3f4f6; --navy:#0f2a4b; --line:#e5e7eb; --muted:#4b5563; }
* { box-sizing:border-box; } body { margin:0; -webkit-font-smoothing:antialiased; line-height:1.5; }
h1,h2,h3,p { margin:0; } button,input,textarea,select { font:inherit; } button,a { touch-action:manipulation; }
button { cursor:pointer; } button:disabled { cursor:not-allowed; opacity:.55; } a { color:var(--navy); text-decoration:none; } a:hover { text-decoration:underline; }
button:focus-visible,a:focus-visible { outline:3px solid #1d4f8a; outline-offset:3px; } input:focus,textarea:focus,select:focus { outline:0; border-color:#1d4f8a; box-shadow:0 0 0 3px #1d4f8a26; }
[hidden] { display:none!important; } .visually-hidden { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
@keyframes fadeUp { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:none; } }
@keyframes slideIn { from { opacity:0;transform:translateX(14px); } to { opacity:1;transform:none; } }
@keyframes pulse { 0% { box-shadow:0 0 0 0 #10b98180; } 70% { box-shadow:0 0 0 6px #10b98100; } 100% { box-shadow:0 0 0 0 #10b98100; } }
@keyframes stripes { from { background-position:0 0; } to { background-position:28px 0; } }
@keyframes pop { 0% { transform:scale(.6);opacity:0; } 60% { transform:scale(1.12); } 100% { transform:scale(1);opacity:1; } }
@keyframes spin { to { transform:rotate(360deg); } }
.primary,.secondary { display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border:1px solid #d0d5dd;border-radius:8px;font-size:16px;font-weight:600;white-space:nowrap;transition:background .2s,transform .1s; }
.primary { background:var(--navy);color:white;border-color:var(--navy); } .primary:hover:not(:disabled) { background:#0b2140; } .primary:active:not(:disabled) { transform:scale(.98); }
.secondary { background:white;color:var(--navy);font-weight:500; } .secondary:hover:not(:disabled) { background:#f5f7fa; } .small { min-height:34px;font-size:14px;padding:0 12px; }
.text-button { border:0;background:transparent;color:var(--navy);font-size:15px;font-weight:500;padding:0; } .text-button:hover { text-decoration:underline; } .danger,.form-error { color:#b42318; }
.icon-button { border:0;background:transparent;color:#475569;font-size:22px;padding:6px;border-radius:6px; } .icon-button:hover { background:#f1f5f9; }
.workspace { min-height:100vh; } .app-topbar { background:#fff;border-bottom:1px solid var(--line); }
.topbar-inner { max-width:1440px;margin:auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap; }
.app-brand { display:flex;align-items:center;gap:24px; } .app-brand:hover { text-decoration:none; } .app-brand img { height:56px;width:auto;display:block; }
.app-brand>span { display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:24px;letter-spacing:.16em;font-size:12px;color:#334155; } .app-brand strong { color:var(--navy);font-size:20px;letter-spacing:.1em; }
.topbar-actions,.account { display:flex;align-items:center;gap:18px; } .account { border-left:1px solid var(--line);padding-left:24px;gap:12px; } .account strong { font-size:17px;font-weight:600; }
.avatar { width:38px;height:38px;border-radius:50%;background:#eaf2fb;color:#1d4f8a;display:grid;place-items:center; }
.workspace main { max-width:1440px;width:100%;margin:auto;padding:32px 32px 48px; } .page-header { display:flex;align-items:flex-end;gap:16px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap; }
.page-header h1 { font-size:34px;font-weight:700;letter-spacing:-.01em;line-height:1.25; } .page-header p { margin-top:6px;color:var(--muted);font-size:16px; } .page-header>span { color:var(--muted);font-size:15px; }
.reference-layout { display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:24px;align-items:start; } .main-content { min-width:0;display:flex;flex-direction:column;gap:24px; }
.panel { background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #1018280a;overflow:hidden; }
.history { position:sticky;top:16px; } .history-heading { padding:20px 20px 14px;display:flex;align-items:center;gap:10px; } .history-heading h2 { font-size:20px;font-weight:600; }
.count-pill { color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;padding:1px 8px; }
.sync-status { margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted); } .sync-status i { width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse 2s infinite; } .sync-status.offline i { background:#98a2b3;animation:none; }
.new-query-wrap { padding:0 16px 14px; } .new-query { width:100%;height:44px;border:1px dashed #9fb3c8;background:white;border-radius:8px;font-weight:600;font-size:16px;color:var(--navy);transition:background .15s; } .new-query:hover,.new-query.active { background:#eaf2fb; }
.job-list { display:flex;flex-direction:column;gap:8px;padding:0 16px 16px;max-height:60vh;overflow:auto; } .job-card { text-align:left;width:100%;min-width:0;padding:14px 14px 12px 16px;border:1px solid var(--line);border-left:4px solid var(--line);background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:8px;transition:background .2s,border-color .2s;animation:fadeUp .3s ease both; }
.job-card:hover { border-color:#b2ccea; } .job-card.selected { background:#eaf2fb;border-color:#b2ccea;border-left-color:var(--navy); }
.job-card-top { display:flex;align-items:center;gap:8px; } .job-card-top strong { font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .job-card-meta { display:flex;justify-content:space-between;font-size:14px;color:var(--muted); }
.badge { display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap;background:#f2f4f7;border:1px solid #d0d5dd;color:#475467; }
.badge.ok,.badge.completed { background:#ecfdf3;border-color:#a6e3c3;color:#067647; } .badge.error,.badge.failed { background:#fef3f2;border-color:#fecdca;color:#b42318; }
.badge.running,.badge.queued { background:#eaf2fb;border-color:#b2ccea;color:#1d4f8a; } .badge.paused,.badge.completed_with_errors { background:#fef7c3;border-color:#f1d56b;color:#8a5a00; }
progress { display:block;width:100%;height:8px;border:0;border-radius:4px;overflow:hidden;background:#e5e7eb;accent-color:var(--navy); } progress::-webkit-progress-bar { background:#e5e7eb; } progress::-webkit-progress-value { background-color:var(--navy);transition:width .45s ease; } progress::-moz-progress-bar { background:var(--navy); }
.job-card progress { height:3px;border-radius:2px; } progress.is-active::-webkit-progress-value { background-image:linear-gradient(45deg,#ffffff2e 25%,transparent 25%,transparent 50%,#ffffff2e 50%,#ffffff2e 75%,transparent 75%);background-size:28px 28px;animation:stripes .8s linear infinite; }
.wizard-heading { padding:22px 28px 0; } .wizard-heading h2 { font-size:22px;font-weight:600; } .wizard-heading p { color:var(--muted);font-size:15px;margin-top:2px; }
.stepper { display:flex;list-style:none;padding:22px 28px;margin:0;border-bottom:1px solid #eef0f3; } .step-item { flex:1;display:flex;align-items:center;min-width:0; } .step-button { display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;min-width:0;text-align:left; }
.step-button:disabled { opacity:1;cursor:default; } .step-circle { flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:600;border:1.5px solid #d0d5dd;background:#fff;color:#6b7280;transition:all .3s; }
.step-button strong { display:block;font-size:15px;font-weight:600;color:#6b7280; } .step-button small { display:block;font-size:13px;color:#6b7280;white-space:nowrap; }
.step-item.active .step-circle { background:#eaf2fb;color:var(--navy);border-color:var(--navy); } .step-item.done .step-circle { background:var(--navy);color:white;border-color:var(--navy); }
.step-item.active strong,.step-item.done strong { color:#111827; } .step-track { flex:1;height:2px;background:#e5e7eb;margin:0 14px;min-width:10px;overflow:hidden; } .step-track>span { display:block;height:100%;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .5s; } .step-item.done .step-track>span { transform:scaleX(1); }
.wizard-step { padding:24px 28px;animation:slideIn .35s ease both; } .wizard-step h3 { font-size:16px;font-weight:500;margin-bottom:10px; }
.source-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; } .source-grid>div { display:flex;flex-direction:column;gap:8px;min-width:0; }
.source-header { display:flex;align-items:baseline;justify-content:space-between;gap:10px; } .source-header label { font-size:16px;font-weight:500; } .source-header>span { color:var(--muted);font-size:15px; } .source-header>div { display:flex;gap:10px; }
.drop-zone { flex:1;min-height:148px;border:2px dashed #9aa4b2;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;text-align:center;cursor:pointer;transition:all .2s; }
.drop-zone:hover { background:#f8fafc; } .drop-zone.drag-over { background:#eaf2fb;border-color:#1d4f8a; } .drop-zone.drag-over .upload-icon { transform:translateY(-4px); }
.drop-zone.loaded { border:1px solid #a6e3c3;background:#f3fbf6;animation:fadeUp .3s; } .upload-icon { font-size:28px;color:var(--navy);transition:transform .2s; } .loaded .upload-icon { color:#067647;animation:pop .4s; }
.drop-zone strong { font-weight:500;font-size:16px;max-width:100%;overflow-wrap:anywhere; } .drop-zone>span:last-of-type { font-size:14px;color:var(--muted); } .drop-zone[aria-disabled=true] { pointer-events:none;opacity:.6; } .drop-zone:focus-within { outline:3px solid #1d4f8a;outline-offset:3px; }
.file-drop-wrap { position:relative;display:flex;flex:1;min-width:0; } .file-info { display:flex;flex-direction:column;gap:6px;min-width:0; } .file-info>span { font-size:14px;color:var(--muted); } .remove-file { position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3fbf6; } .drop-zone:has(~.remove-file:not([hidden])) { padding-right:48px; } .drop-zone.loaded { flex-direction:row;gap:14px;text-align:left;padding:20px 48px 20px 20px; } .loaded .upload-icon { width:44px;height:44px;border-radius:8px;background:white;border:1px solid #a6e3c3;display:grid;place-items:center;font-size:20px;flex:none; } .loaded .file-info { flex:1; } .loaded .file-info>span { color:#067647; } .loaded #fileName { font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
input,textarea,select { border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;background:#fff;color:#111827;transition:border-color .15s,box-shadow .15s; }
textarea { flex:1;width:100%;min-height:148px;resize:vertical;border-radius:10px;padding:14px 16px;font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:1.7; }
.intake-summary { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#f8fafc;border:1px solid #eef0f3;border-radius:10px;font-size:15px;margin-top:20px;color:var(--muted); }
#preview { display:flex;gap:8px;align-items:center;flex-wrap:wrap; } #preview strong { color:#067647; } #preview>* { font-size:14px;border:1px solid #d0d5dd;border-radius:6px;padding:3px 10px;background:white;animation:pop .3s; }
.review-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px; } .review-stats>div { border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;animation:fadeUp .35s both; } .review-stats>div:nth-child(2) { animation-delay:.06s; } .review-stats>div:nth-child(3) { animation-delay:.12s; }
.review-stats span { font-size:14px;color:var(--muted); } .review-stats strong { font-size:30px;font-weight:700;color:#067647; } .review-stats>div:not(:first-child) strong { color:#475467; } .review-stats small { font-size:13px;color:#6b7280; }
.token-list { display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto;padding:12px;border:1px solid #eef0f3;border-radius:10px;background:#fbfcfd; } .dni-token { font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:3px 8px;border:1px solid #d0d5dd;border-radius:6px;background:white; }
.equipment-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px; } .equipment-card { display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--line);background:white;border-radius:10px;text-align:left;transition:all .2s; }
.equipment-card.selected { border-color:var(--navy);background:#f5f8fc; } .radio-mark { width:20px;height:20px;border-radius:50%;border:1.5px solid #98a2b3;display:grid;place-items:center;flex:none; } .radio-mark::after { content:'';width:10px;height:10px;border-radius:50%;background:var(--navy);transform:scale(0);transition:transform .2s; } .selected .radio-mark::after { transform:scale(1); } .equipment-card strong { display:block;font-size:16px;font-weight:600; } .equipment-card small { display:block;color:#067647;font-size:14px; } .equipment-card.offline small { color:#6b7280; }
.query-summary { border:1px solid #eef0f3;background:#f8fafc;border-radius:10px;padding:16px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px; } .query-summary span { display:block;font-size:13px;color:#6b7280; } .query-summary strong { font-size:16px;font-weight:600;overflow-wrap:anywhere; }
.form-note { color:var(--muted);font-size:14px;margin-top:12px; } #openSelectedAgent,#pairFromWizard { margin-top:10px; } .form-error { font-size:15px;margin:0;padding:0 28px 16px; } .form-error:empty { display:none; }
.wizard-footer { padding:16px 28px;border-top:1px solid #eef0f3;background:#fcfcfd;display:flex;align-items:center;gap:12px; } #wizardHint { flex:1;font-size:14px;color:var(--muted); } .wizard-footer>.primary { min-width:220px;font-size:17px;height:46px;justify-content:space-between; }
.run-heading { display:flex;align-items:center;gap:14px;margin-bottom:18px; } .run-heading>div { flex:1; } .run-heading h3 { margin:0;font-size:18px;font-weight:600; } .run-heading p { font-size:14px;color:var(--muted); } .run-icon { width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #a6e3c3;background:#ecfdf3;color:#067647;font-size:18px;flex:none;animation:pop .45s; }
.run-icon.active { border:3px solid #e5e7eb;border-top-color:var(--navy);background:none;animation:spin .9s linear infinite; } .run-icon.warning { background:#fef7c3;border-color:#f1d56b;color:#8a5a00; } .run-stats { display:flex;gap:10px;flex-wrap:wrap;margin:18px 0; } .run-feed { border:1px solid #eef0f3;border-radius:10px;overflow:hidden; } .feed-row { display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #eef0f3;animation:fadeUp .3s; } .feed-row:last-child { border:0; } .feed-row>span:first-child { font-family:ui-monospace,Consolas,monospace; } .feed-row>span:nth-child(2) { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.job-controls { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 28px; } #runControls { padding:18px 0 0; }
.detail-panel { animation:fadeUp .35s ease both; } .detail-heading { padding:24px 28px;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap; } .detail-heading>div { flex:1;min-width:200px; } .eyebrow { font-size:13px;font-weight:700;letter-spacing:.14em;color:#334155;margin-bottom:6px; } .detail-heading h2 { font-size:26px;font-weight:700;line-height:1.3;overflow-wrap:anywhere; } .muted { color:var(--muted); } .detail-heading .muted { font-size:15px;margin-top:4px; }
.progress-area { padding:16px 28px 20px;border-top:1px solid #eef0f3; } .progress-area>div { margin-bottom:10px; } .progress-area p { font-size:14px;margin-top:10px; } .connection-warning { border:1px solid #f1d56b;border-radius:8px;background:#fffaeb;padding:10px 12px;font-size:14px;color:#8a5a00; }
.result-toolbar { padding:14px 28px;border-top:1px solid #eef0f3;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fafbfc; } .result-filters { display:flex;flex-wrap:wrap;gap:8px;flex:1; } .filter-button { height:36px;padding:0 12px;border-radius:8px;border:1px solid #d0d5dd;background:white;color:var(--navy);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .15s; } .filter-button.active { background:var(--navy);color:white;border-color:var(--navy); } .filter-button small { font-size:13px;opacity:.8; } #resultSearch { height:36px;width:240px;max-width:100%;font-size:15px; }
.table-wrap { overflow:auto;max-height:55vh; } table { width:100%;border-collapse:collapse;table-layout:fixed;text-align:left; } th { font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#334155;background:#fafbfc;padding:12px 28px;border-block:1px solid #eef0f3;position:sticky;top:0;z-index:1; } td { padding:12px 28px;border-bottom:1px solid #f1f3f5;font-size:16px;line-height:1.45;overflow-wrap:anywhere; } tr:hover { background:#fafbfc; } th:first-child,td:first-child { width:145px;white-space:nowrap; } td:first-child { font-family:ui-monospace,Consolas,monospace;font-size:15px; } th:last-child,td:last-child { width:145px; } .table-foot { padding:12px 28px;font-size:14px;color:#8a5a00; } .empty-state,.detail-empty { padding:32px;text-align:center;color:#6b7280; }
dialog { width:min(600px,calc(100vw - 28px));max-height:90vh;overflow:auto;padding:26px;border:1px solid var(--line);border-radius:14px;color:#111827;box-shadow:0 20px 80px #0f2a4b40; } dialog::backdrop { background:#0f2a4b80;backdrop-filter:blur(3px); } .dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px; } .dialog-heading h2 { font-size:22px; } .setup-steps { padding-left:22px; } .setup-steps li { padding:12px 0 12px 6px; } .setup-steps p { color:var(--muted);margin:6px 0 10px; } .pair-code { background:#eaf2fb;padding:16px;border-radius:8px;text-align:center;margin-top:12px; } .pair-code strong { font-size:30px;letter-spacing:5px; } .pair-code span { display:block;font-size:14px; } .linked-heading { border-top:1px solid var(--line);padding-top:18px; } .device-card { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line); } .device-card small { display:block;color:var(--muted); }
#downloadDialog[open] { display:flex;flex-direction:column;overflow:hidden; } .download-body { overflow:auto;min-height:0; } .format-options { border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px; } .format-options legend { margin-bottom:10px; } .format-options label,.zip-option { display:flex;align-items:flex-start;gap:10px;border:1px solid #d0d5dd;border-radius:8px;padding:12px;cursor:pointer; } .format-options label:has(input:checked) { background:#eaf2fb;border-color:var(--navy); } input[type=checkbox] { width:17px;height:17px;flex:none;accent-color:var(--navy);margin-top:3px; } .format-options small,.zip-option small { display:block;color:var(--muted);font-size:13px;line-height:1.5; } .individual-downloads { display:flex;gap:8px;flex-wrap:wrap;margin:14px 0; } #confirmDownload { width:100%;margin-top:18px;flex-shrink:0; } .preview { padding:12px;border:1px solid #b2ccea;background:#eaf2fb;border-radius:8px;margin-bottom:20px; }
.login-view { display:grid;grid-template-columns:1fr 1fr;min-height:100vh; } .login-intro { background:var(--navy);border-top:5px solid #d9a927;padding:10%;display:flex;flex-direction:column;justify-content:space-between;color:white; } .institution-brand img { width:min(100%,330px);height:auto;background:white;padding:10px;border-radius:8px; } .login-intro h1 { font-size:44px;line-height:1.15;margin:30px 0 12px; } .login-intro p { color:#c8d3e0; } .login-form-wrap { display:grid;place-items:center;padding:40px; } .login-form { width:100%;max-width:350px; } .login-form h2 { font-size:28px;margin-bottom:26px; } .login-form label { display:block;margin:18px 0 8px; } .login-form input { width:100%;height:46px; } .login-form .primary { width:100%;margin-top:24px; } .login-form .form-error { padding:12px 0 0; }
#toast { position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:var(--navy);color:white;border-radius:9px;padding:13px 20px;font-size:15px;max-width:min(90vw,640px);box-shadow:0 6px 30px #0f2a4b33; }
@media(max-width:1200px) { .reference-layout { grid-template-columns:280px minmax(0,1fr); } .step-button small { display:none; } .step-track { margin-inline:8px; } .wizard-footer { flex-wrap:wrap; } #wizardHint { min-width:100px; } .source-grid { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); } }
@media(max-width:900px) { .topbar-inner { padding:12px 20px; } .app-brand>span { display:none; } .app-brand img { height:48px; } .workspace main { padding:24px 20px; } .page-header h1 { font-size:28px; } .page-header>span { display:none; } .reference-layout { grid-template-columns:1fr; } .history { position:static; } .job-list { flex-direction:row;max-height:none;overflow-x:auto; } .job-card { flex:0 0 250px; } .new-query-wrap { max-width:300px; } }
@media(max-width:580px) { .topbar-inner { padding:12px;gap:12px; } .app-brand img { height:40px; } .topbar-actions { gap:10px; } .topbar-actions .secondary { font-size:14px;padding:0 10px;min-height:38px; } .account { padding-left:10px;gap:8px; } .account strong { font-size:14px;max-width:70px;overflow:hidden;text-overflow:ellipsis; } .avatar { display:none; } .workspace main { padding:20px 12px; } .page-header h1 { font-size:25px; } .page-header p { font-size:15px; } .wizard-heading { padding:18px 16px 0; } .stepper { padding:18px 16px; } .step-button { flex-direction:column;gap:6px; } .step-button strong { font-size:12px; } .step-track { margin:0 6px;align-self:flex-start;margin-top:15px; } .wizard-step { padding:20px 16px; } .source-grid { grid-template-columns:1fr; } .review-stats { grid-template-columns:1fr;gap:8px; } .review-stats>div { padding:12px 16px; } .review-stats strong { font-size:26px; } .query-summary { grid-template-columns:1fr 1fr; } .wizard-footer { padding:14px 16px;gap:10px; } .wizard-footer>.primary { min-width:0;flex:1; } #wizardHint { flex:1 1 100%;order:-1; } .detail-heading { padding:20px 16px; } .detail-heading h2 { font-size:22px; } .detail-heading>.primary { width:100%; } .progress-area,.job-controls,.result-toolbar { padding-inline:16px; } #resultSearch { width:100%; } th,td { padding:10px 12px; } th:first-child,td:first-child { width:105px; } th:last-child,td:last-child { width:100px; } .feed-row>span:nth-child(2) { display:none; } .login-view { grid-template-columns:1fr; } .login-intro { padding:22px; } .login-intro>div:last-child { display:none; } .login-form-wrap { padding:40px 24px; } .format-options { gap:8px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }