:root{--mf-ink:#101828;--mf-muted:#667085;--mf-line:#e4e7ec;--mf-soft:#f7f8fb;--mf-white:#fff;--mf-primary:#5b4df6;--mf-primary-dark:#4235d5;--mf-navy:#111827;--mf-cyan:#17b3c1;--mf-green:#079455;--mf-amber:#dc6803;--mf-red:#d92d20;--mf-shadow:0 18px 55px rgba(16,24,40,.09);--mf-radius:20px;--mf-radius-sm:12px} .mflow-app,.mflow-auth{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mf-ink);font-size:15px;line-height:1.55;box-sizing:border-box} .mflow-app *,.mflow-auth *{box-sizing:border-box} .mflow-app a,.mflow-auth a{text-decoration:none} .mflow-app h1,.mflow-app h2,.mflow-app h3,.mflow-app h4,.mflow-auth h1,.mflow-auth h2{margin:0;color:var(--mf-ink);line-height:1.18;letter-spacing:-.035em} .mflow-app p,.mflow-auth p{margin-top:0} .mflow-portal-header{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1480px;margin:18px auto;padding:14px 18px 14px 16px;background:rgba(255,255,255,.92);border:1px solid rgba(228,231,236,.9);border-radius:18px;box-shadow:0 8px 30px rgba(16,24,40,.05);backdrop-filter:blur(18px);position:relative;z-index:5} .mflow-brand{display:flex;align-items:center;gap:11px;min-width:210px}.mflow-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--mf-primary),#766bff);color:#fff;font-weight:800;letter-spacing:-.05em;box-shadow:0 8px 18px rgba(91,77,246,.28)} .mflow-brand div{display:flex;flex-direction:column}.mflow-brand strong{font-size:15px}.mflow-brand small{font-size:11px;color:var(--mf-muted)} .mflow-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.mflow-nav a{color:#475467;font-weight:600;font-size:13px;padding:9px 13px;border-radius:10px;transition:.2s}.mflow-nav a:hover{background:#f2f4f7;color:var(--mf-primary)} .mflow-user{display:flex;align-items:center;gap:9px;min-width:220px;justify-content:flex-end}.mflow-user>div{display:flex;flex-direction:column;min-width:0}.mflow-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.mflow-user small{font-size:11px;color:var(--mf-muted)} .mflow-avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#eef0ff;color:var(--mf-primary-dark);font-size:11px;font-weight:800}.mflow-icon-link{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--mf-muted);border-radius:8px}.mflow-icon-link:hover{background:#f2f4f7} .mflow-main{max-width:1480px;margin:0 auto;padding:42px 22px 72px}.mflow-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:42px 44px;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(100,88,255,.35),transparent 34%),linear-gradient(135deg,#111827,#1e293b);color:#fff;box-shadow:var(--mf-shadow);overflow:hidden;position:relative}.mflow-hero:before{content:"";position:absolute;left:-70px;bottom:-90px;width:240px;height:240px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.mflow-hero h1{color:#fff;font-size:clamp(30px,4vw,52px);max-width:760px;margin:8px 0 12px}.mflow-hero p{color:#d0d5dd;max-width:700px;margin-bottom:0;font-size:16px}.mflow-eyebrow{display:block;color:var(--mf-primary);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.mflow-hero .mflow-eyebrow{color:#a8a2ff} .mflow-btn{appearance:none;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;color:var(--mf-ink);white-space:nowrap}.mflow-btn:hover{transform:translateY(-1px)}.mflow-btn--primary{background:var(--mf-primary);color:#fff!important;box-shadow:0 9px 20px rgba(91,77,246,.24)}.mflow-btn--primary:hover{background:var(--mf-primary-dark)}.mflow-btn--secondary{background:#111827;color:#fff!important}.mflow-hero .mflow-btn--secondary{background:#fff;color:#111827!important}.mflow-btn--ghost{background:#fff;color:#344054!important;border:1px solid var(--mf-line);box-shadow:0 1px 2px rgba(16,24,40,.03)}.mflow-btn--small{font-size:12px;padding:8px 12px}.mflow-btn--large{padding:15px 23px;font-size:14px} .mflow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.mflow-metric{padding:22px;background:#fff;border:1px solid var(--mf-line);border-radius:18px;box-shadow:0 6px 22px rgba(16,24,40,.035);display:flex;flex-direction:column;min-height:138px}.mflow-metric>span{color:var(--mf-muted);font-size:12px;font-weight:700}.mflow-metric>strong{font-size:38px;letter-spacing:-.05em;margin:10px 0 2px}.mflow-metric>small{color:#98a2b3;font-size:11px;margin-top:auto} .mflow-layout{display:grid;gap:20px;align-items:start}.mflow-layout--wide{grid-template-columns:minmax(0,2.25fr) minmax(290px,.75fr)}.mflow-layout--record{grid-template-columns:minmax(0,2fr) minmax(310px,.8fr)}.mflow-record-main,.mflow-record-side{display:grid;gap:20px} .mflow-panel{background:#fff;border:1px solid var(--mf-line);border-radius:var(--mf-radius);padding:24px;box-shadow:0 7px 28px rgba(16,24,40,.035);overflow:hidden}.mflow-panel--accent{background:linear-gradient(145deg,#f8f7ff,#fff);border-color:#d9d6fe}.mflow-panel__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.mflow-panel__head h2{font-size:21px;margin-top:6px}.mflow-panel__head h3{margin:0}.mflow-search input{border:1px solid var(--mf-line);border-radius:10px;padding:10px 12px;min-width:240px;font:inherit;color:var(--mf-ink);outline:0}.mflow-search input:focus{border-color:var(--mf-primary);box-shadow:0 0 0 3px rgba(91,77,246,.1)} .mflow-submission-list{display:grid;gap:12px}.mflow-submission-card{padding:20px;border:1px solid var(--mf-line);border-radius:15px;background:#fff;transition:border .2s,box-shadow .2s,transform .2s}.mflow-submission-card:hover{border-color:#c9c5ff;box-shadow:0 12px 28px rgba(16,24,40,.06);transform:translateY(-2px)}.mflow-submission-card__top,.mflow-submission-card__foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.mflow-submission-card h3{font-size:17px;margin:13px 0 17px}.mflow-submission-card__foot{margin-top:10px;color:var(--mf-muted);font-size:11px}.mflow-submission-card__foot a{color:var(--mf-primary);font-size:12px;font-weight:800}.mflow-code{display:block;color:#667085;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase} .mflow-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border-radius:99px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.mflow-badge--submitted,.mflow-badge--initial_check,.mflow-badge--editor_assignment{background:#eff8ff;color:#175cd3}.mflow-badge--reviewer_invitation,.mflow-badge--under_review{background:#f4f3ff;color:#5925dc}.mflow-badge--reviews_complete,.mflow-badge--editorial_decision,.mflow-badge--revision_submitted{background:#fff7ed;color:#c4320a}.mflow-badge--minor_revision,.mflow-badge--major_revision,.mflow-badge--author_action_required{background:#fffaeb;color:#b54708}.mflow-badge--accepted,.mflow-badge--published,.mflow-badge--ready_for_publication{background:#ecfdf3;color:#027a48}.mflow-badge--rejected,.mflow-badge--withdrawn{background:#fef3f2;color:#b42318}.mflow-badge--copyediting,.mflow-badge--proofreading{background:#ecfdff;color:#0e7090} .mflow-progress{height:7px;background:#f2f4f7;border-radius:99px;overflow:hidden}.mflow-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mf-primary),#8c82ff)}.mflow-progress--small{width:120px;height:5px;display:inline-block;margin-right:7px} .mflow-notifications{display:grid;gap:3px}.mflow-notifications>a{display:grid;grid-template-columns:8px 1fr;gap:12px;padding:14px 8px;color:inherit;border-bottom:1px solid #f2f4f7}.mflow-notifications>a:last-child{border-bottom:0}.mflow-notifications>a>span{width:7px;height:7px;background:var(--mf-primary);border-radius:50%;margin-top:7px}.mflow-notifications strong{font-size:12px}.mflow-notifications p{font-size:11px;color:var(--mf-muted);margin:3px 0}.mflow-notifications small{font-size:10px;color:#98a2b3} .mflow-empty{text-align:center;padding:38px 20px}.mflow-empty>span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f4f3ff;color:var(--mf-primary);border-radius:15px;margin-bottom:12px}.mflow-empty h3{font-size:18px}.mflow-empty p{color:var(--mf-muted);max-width:440px;margin:8px auto 18px}.mflow-muted{color:var(--mf-muted)} .mflow-table-wrap{overflow-x:auto}.mflow-table{width:100%;border-collapse:collapse}.mflow-table th{text-align:left;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:11px;border-bottom:1px solid var(--mf-line)}.mflow-table td{padding:15px 11px;border-bottom:1px solid #f2f4f7;vertical-align:middle;font-size:12px}.mflow-table tbody tr:last-child td{border-bottom:0}.mflow-table-title{display:block;margin-top:5px;max-width:470px;font-size:13px}.mflow-table small{color:var(--mf-muted)} .mflow-review-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mflow-review-card{border:1px solid var(--mf-line);border-radius:16px;padding:20px}.mflow-review-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mflow-review-card h3{font-size:17px;margin-top:8px}.mflow-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;color:var(--mf-muted);font-size:11px;margin:15px 0}.mflow-meta-row span{position:relative}.mflow-meta-row span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:#98a2b3;position:absolute;left:-10px;top:7px}.mflow-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mflow-actions form{margin:0} .mflow-back{display:inline-flex;color:var(--mf-muted);font-size:12px;font-weight:700;margin:0 0 15px}.mflow-record-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;background:#fff;border:1px solid var(--mf-line);padding:30px;border-radius:23px;box-shadow:0 8px 28px rgba(16,24,40,.04)}.mflow-record-hero h1{font-size:clamp(25px,3vw,39px);max-width:980px;margin:9px 0 0}.mflow-record-status{min-width:160px;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.mflow-record-status>strong{font-size:35px;margin-top:13px;letter-spacing:-.05em}.mflow-record-status>small{font-size:10px;color:var(--mf-muted)} .mflow-timeline{display:grid;grid-template-columns:repeat(11,minmax(85px,1fr));overflow-x:auto;margin:18px 0 20px;padding:19px;background:#fff;border:1px solid var(--mf-line);border-radius:18px}.mflow-timeline__step{position:relative;min-width:85px;text-align:center;color:#98a2b3}.mflow-timeline__step:before{content:"";position:absolute;top:14px;left:-50%;right:50%;height:2px;background:#e4e7ec}.mflow-timeline__step:first-child:before{display:none}.mflow-timeline__step>span{width:29px;height:29px;border-radius:50%;background:#f2f4f7;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;position:relative;z-index:1}.mflow-timeline__step small{display:block;font-size:9px;line-height:1.25;margin:8px auto 0;max-width:92px}.mflow-timeline__step.is-complete{color:var(--mf-green)}.mflow-timeline__step.is-complete:before{background:#75e0a7}.mflow-timeline__step.is-complete>span{background:#dcfae6;color:var(--mf-green)}.mflow-timeline__step.is-current{color:var(--mf-primary)}.mflow-timeline__step.is-current:before{background:linear-gradient(90deg,#75e0a7,var(--mf-primary))}.mflow-timeline__step.is-current>span{background:var(--mf-primary);color:#fff;box-shadow:0 0 0 5px #eeecff} .mflow-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mflow-detail-grid>div{padding:13px;background:#f8f9fc;border-radius:11px;display:flex;flex-direction:column}.mflow-detail-grid span{font-size:9px;color:var(--mf-muted);text-transform:uppercase;letter-spacing:.06em}.mflow-detail-grid strong{font-size:12px;margin-top:5px}.mflow-prose{margin-top:22px}.mflow-prose h3{font-size:14px;margin:18px 0 8px}.mflow-prose p{color:#475467;line-height:1.8} .mflow-file-list{display:grid;gap:9px}.mflow-file{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #eaecf0;border-radius:12px;padding:12px}.mflow-file__icon{height:42px;display:flex;align-items:center;justify-content:center;background:#f4f3ff;color:var(--mf-primary);border-radius:9px;font-size:8px;font-weight:900}.mflow-file>div{min-width:0;display:flex;flex-direction:column}.mflow-file strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mflow-file small{font-size:10px;color:var(--mf-muted)} .mflow-review-report{border:1px solid var(--mf-line);border-radius:14px;padding:18px;margin-top:12px}.mflow-review-report__head{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.mflow-review-report__head span{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--mf-primary)}.mflow-review-report h4{font-size:12px;margin:14px 0 6px}.mflow-review-report p{color:#475467;font-size:13px}.mflow-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.mflow-score-grid span{padding:8px;background:#f8f9fc;border-radius:8px;font-size:9px;color:var(--mf-muted);display:flex;justify-content:space-between}.mflow-score-grid strong{color:var(--mf-ink)} .mflow-thread{display:grid;gap:15px;margin-bottom:18px}.mflow-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px}.mflow-message>div:last-child{padding:13px 15px;background:#f8f9fc;border-radius:0 13px 13px 13px}.mflow-message--private>div:last-child{background:#fff7ed;border:1px solid #fedf89}.mflow-message__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mflow-message__meta strong{font-size:11px}.mflow-message__meta span{font-size:9px;color:var(--mf-muted)}.mflow-message__meta em{font-size:8px;font-style:normal;color:var(--mf-amber);font-weight:800;text-transform:uppercase}.mflow-message p{font-size:12px;color:#344054;margin:5px 0 0} .mflow-form{display:grid;gap:17px}.mflow-form label{display:grid;gap:7px}.mflow-form label>span{font-size:11px;color:#344054;font-weight:750}.mflow-form input[type=text],.mflow-form input[type=email],.mflow-form input[type=password],.mflow-form input[type=number],.mflow-form input[type=url],.mflow-form input[type=date],.mflow-form select,.mflow-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:var(--mf-ink);font:inherit;font-size:13px;padding:11px 12px;outline:0;box-shadow:0 1px 2px rgba(16,24,40,.03)}.mflow-form textarea{resize:vertical;min-height:80px}.mflow-form input:focus,.mflow-form select:focus,.mflow-form textarea:focus{border-color:var(--mf-primary);box-shadow:0 0 0 3px rgba(91,77,246,.11)}.mflow-form input[type=file]{font-size:11px;border:1px dashed #cfd4dc;border-radius:10px;padding:13px;background:#fafbfc}.mflow-form small{color:var(--mf-muted);font-size:10px}.mflow-form--compact{gap:12px}.mflow-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mflow-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;flex-direction:row;gap:9px!important;padding:11px 0}.mflow-check input{margin:3px 0 0;accent-color:var(--mf-primary)}.mflow-check span{font-weight:500!important;line-height:1.5}.mflow-panel hr{border:0;border-top:1px solid var(--mf-line);margin:20px 0} .mflow-people{display:grid;gap:10px}.mflow-people h4{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--mf-muted);margin:12px 0 2px}.mflow-person{display:flex;align-items:center;gap:10px;padding:8px 0}.mflow-person>div{display:flex;flex-direction:column;min-width:0}.mflow-person strong{font-size:11px}.mflow-person small{font-size:9px;color:var(--mf-muted);overflow:hidden;text-overflow:ellipsis}.mflow-decision{border-bottom:1px solid #f2f4f7;padding:0 0 14px;margin-bottom:14px}.mflow-decision:last-child{border:0;margin:0}.mflow-decision>small{display:block;color:var(--mf-muted);font-size:9px;margin:7px 0}.mflow-decision p{font-size:11px;color:#475467}.mflow-audit{display:grid}.mflow-audit>div{display:grid;grid-template-columns:14px 1fr;gap:8px;position:relative;padding-bottom:13px}.mflow-audit>div:before{content:"";position:absolute;width:1px;background:#e4e7ec;left:4px;top:10px;bottom:-2px}.mflow-audit>div:last-child:before{display:none}.mflow-audit>div>span{width:9px;height:9px;border-radius:50%;background:#c9c5ff;border:2px solid #f4f3ff;margin-top:3px;z-index:1}.mflow-audit p{display:flex;flex-direction:column;margin:0}.mflow-audit strong{font-size:10px}.mflow-audit small{font-size:8px;color:var(--mf-muted)} .mflow-score-form{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.mflow-review-form{border-color:#c7d7fe}.mflow-submit-head{text-align:center;max-width:760px;margin:0 auto 30px}.mflow-submit-head h1{font-size:44px;margin:9px 0}.mflow-submit-head p{color:var(--mf-muted)} .mflow-wizard{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start;max-width:1200px;margin:0 auto}.mflow-wizard__steps{background:#111827;border-radius:20px;padding:14px;position:sticky;top:24px}.mflow-wizard__steps button{appearance:none;width:100%;border:0;background:transparent;color:#98a2b3;padding:13px 11px;border-radius:12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.mflow-wizard__steps button>span{width:28px;height:28px;border-radius:9px;background:#1f2937;color:#d0d5dd;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.mflow-wizard__steps button small{font-size:11px;font-weight:700}.mflow-wizard__steps button.is-active{background:#242f41;color:#fff}.mflow-wizard__steps button.is-active>span{background:var(--mf-primary);color:#fff}.mflow-wizard__steps button.is-complete>span{background:#dcfae6;color:var(--mf-green)} .mflow-wizard__form{background:#fff;border:1px solid var(--mf-line);border-radius:20px;padding:28px;box-shadow:var(--mf-shadow)}.mflow-wizard__page{display:none}.mflow-wizard__page.is-active{display:grid;gap:18px;animation:mflowFade .2s ease}.mflow-section-heading{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--mf-line)}.mflow-section-heading>span{width:40px;height:40px;border-radius:12px;background:#eeecff;color:var(--mf-primary);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.mflow-section-heading h2{font-size:23px}.mflow-section-heading p{font-size:11px;color:var(--mf-muted);margin:3px 0 0}.mflow-wizard__nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--mf-line);padding-top:20px;margin-top:7px}.mflow-wizard__nav>span{font-size:10px;color:var(--mf-muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.mflow-coauthors{padding-top:10px}.mflow-coauthor{position:relative;border:1px solid var(--mf-line);border-radius:13px;padding:18px;margin-bottom:10px;background:#fafbfc}.mflow-coauthor>[data-remove-coauthor]{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:8px;background:#fee4e2;color:var(--mf-red);font-size:18px;cursor:pointer}.mflow-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mflow-upload{min-height:126px;padding:18px!important;border:1px dashed #b9c0cc;border-radius:13px;background:#fafbfc;align-content:center}.mflow-upload:hover{border-color:var(--mf-primary);background:#fafaff}.mflow-upload input{border:0!important;padding:8px 0!important;background:transparent!important}.mflow-upload small{display:block}.mflow-callout{padding:16px;border-radius:12px;background:#f8f9fc;border:1px solid var(--mf-line)}.mflow-callout strong{font-size:12px}.mflow-callout p{font-size:11px;color:var(--mf-muted);margin:5px 0 0}.mflow-callout--strong{background:#f4f3ff;border-color:#d9d6fe}.mflow-review-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mflow-review-checklist>div{padding:12px;border-radius:10px;background:#ecfdf3;color:#027a48;font-size:11px;font-weight:700} .mflow-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.mflow-topic-card{background:#fff;border:1px solid var(--mf-line);border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(16,24,40,.04)}.mflow-topic-card__image{height:180px;background-size:cover;background-position:center}.mflow-topic-card__image--placeholder{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.16),transparent 30%),linear-gradient(145deg,#4338ca,#111827);display:flex;align-items:flex-end;padding:23px}.mflow-topic-card__image--placeholder span{color:#fff;font-size:22px;line-height:1.05;font-weight:800;letter-spacing:-.04em}.mflow-topic-card__body{padding:21px}.mflow-topic-card__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--mf-muted);font-size:9px}.mflow-topic-card h2{font-size:19px;margin:13px 0 9px}.mflow-topic-card p{font-size:12px;color:var(--mf-muted);min-height:56px} .mflow-auth{min-height:680px;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(370px,.9fr);max-width:1120px;margin:35px auto;border:1px solid var(--mf-line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--mf-shadow)}.mflow-auth__visual{background:radial-gradient(circle at 70% 20%,rgba(118,107,255,.42),transparent 32%),linear-gradient(145deg,#111827,#202a3d);padding:56px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.mflow-auth__visual .mflow-brand__mark{margin-bottom:auto}.mflow-auth__visual h1{color:#fff;font-size:47px;max-width:520px}.mflow-auth__visual p{color:#cbd5e1;font-size:16px;max-width:460px;margin:15px 0 0}.mflow-auth__card{padding:55px;display:flex;flex-direction:column;justify-content:center}.mflow-auth__card h2{font-size:30px;margin:10px 0 22px}.mflow-auth__card form{display:grid;gap:15px}.mflow-auth__card form p{margin:0}.mflow-auth__card label{font-size:11px;color:#344054;font-weight:750}.mflow-auth__card input[type=text],.mflow-auth__card input[type=password]{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:12px;margin-top:6px}.mflow-auth__card input[type=submit]{width:100%;border:0;border-radius:11px;padding:13px;background:var(--mf-primary);color:#fff;font-weight:800;cursor:pointer}.mflow-auth__links{display:flex;justify-content:space-between;gap:10px;margin-top:18px!important;font-size:11px}.mflow-auth__links a{color:var(--mf-primary);font-weight:700} .mflow-alert{max-width:1480px;margin:12px auto;padding:13px 16px;border-radius:11px;font-size:12px;font-weight:650}.mflow-alert--success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.mflow-alert--error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.mflow-alert--warning{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.mflow-alert--info{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff} @keyframes mflowFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} @media(max-width:1100px){.mflow-nav{display:none}.mflow-metrics{grid-template-columns:repeat(2,1fr)}.mflow-layout--wide,.mflow-layout--record{grid-template-columns:1fr}.mflow-topic-grid{grid-template-columns:repeat(2,1fr)}.mflow-score-form{grid-template-columns:repeat(2,1fr)}.mflow-detail-grid{grid-template-columns:repeat(2,1fr)}.mflow-review-queue{grid-template-columns:1fr}.mflow-wizard{grid-template-columns:1fr}.mflow-wizard__steps{position:static;display:flex;overflow-x:auto}.mflow-wizard__steps button{min-width:170px}.mflow-auth{margin:20px;grid-template-columns:1fr}.mflow-auth__visual{min-height:320px}.mflow-auth__visual h1{font-size:38px}} @media(max-width:720px){.mflow-portal-header{margin:8px;border-radius:14px;padding:11px}.mflow-brand{min-width:0}.mflow-brand div{display:none}.mflow-user{min-width:0}.mflow-user>div{display:none}.mflow-main{padding:25px 12px 55px}.mflow-hero{padding:27px 23px;align-items:flex-start;flex-direction:column}.mflow-hero h1{font-size:31px}.mflow-metrics{grid-template-columns:1fr 1fr;gap:8px}.mflow-metric{padding:15px;min-height:112px}.mflow-metric>strong{font-size:30px}.mflow-panel{padding:17px;border-radius:16px}.mflow-panel__head{align-items:flex-start;flex-direction:column}.mflow-search,.mflow-search input{width:100%;min-width:0}.mflow-record-hero{padding:21px;flex-direction:column}.mflow-record-status{align-items:flex-start;text-align:left}.mflow-timeline{padding:14px}.mflow-form-grid,.mflow-upload-grid,.mflow-review-checklist,.mflow-score-grid,.mflow-score-form{grid-template-columns:1fr}.mflow-topic-grid{grid-template-columns:1fr}.mflow-wizard__form{padding:18px}.mflow-wizard__steps button{min-width:145px}.mflow-wizard__steps button small{font-size:9px}.mflow-submit-head h1{font-size:33px}.mflow-auth{margin:8px;min-height:auto}.mflow-auth__visual{padding:30px;min-height:260px}.mflow-auth__visual h1{font-size:32px}.mflow-auth__card{padding:30px 22px}.mflow-auth__links{flex-direction:column}.mflow-table-title{min-width:260px}.mflow-file{grid-template-columns:40px minmax(0,1fr)}.mflow-file .mflow-btn{grid-column:1/-1}.mflow-review-card__top{flex-direction:column}.mflow-record h1{font-size:27px}} .mflow-review-points{padding:16px;border:1px solid var(--mf-line);border-radius:13px;background:#fafbfc}.mflow-review-points .mflow-panel__head{margin-bottom:12px}.mflow-review-points h3{font-size:14px}.mflow-review-points p{font-size:10px;margin:4px 0 0}.mflow-review-point{position:relative;margin-bottom:9px}.mflow-review-point textarea{padding-right:38px}.mflow-review-point>[data-remove-review-comment]{position:absolute;right:7px;top:7px;z-index:2;width:25px;height:25px;border:0;border-radius:7px;background:#fee4e2;color:var(--mf-red);cursor:pointer}.mflow-response-matrix,.mflow-response-editor{display:grid;gap:12px}.mflow-response-matrix article,.mflow-response-item{border:1px solid var(--mf-line);border-radius:13px;padding:16px;background:#fff}.mflow-response-matrix__head{display:flex;justify-content:space-between;gap:10px}.mflow-response-matrix h4{font-size:11px;margin:13px 0 5px}.mflow-response-matrix p{font-size:12px;color:#475467;margin:0}.mflow-response-matrix small{display:block;margin-top:10px;color:var(--mf-primary);font-size:10px;font-weight:700}.mflow-response-editor>h3{font-size:16px}.mflow-response-item>strong{display:block;font-size:11px;color:var(--mf-primary)}.mflow-response-item>p{font-size:12px;color:#475467;margin:7px 0 14px}.mflow-file-selected{font-size:10px;color:var(--mf-green);word-break:break-all} .mflow-identity-shield{display:grid;gap:.28rem;padding:1rem;border:1px dashed rgba(99,102,241,.35);border-radius:16px;background:rgba(99,102,241,.06)} .mflow-identity-shield strong{font-size:.92rem;color:var(--mflow-ink,#152033)} .mflow-identity-shield small{color:var(--mflow-muted,#64748b);line-height:1.45} /* Research Topic directory and full detail pages — v1.1 */ .mflow-topic-card{transition:transform .2s,box-shadow .2s,border-color .2s}.mflow-topic-card:hover{transform:translateY(-3px);border-color:#d7d3ff;box-shadow:0 18px 44px rgba(16,24,40,.09)}.mflow-topic-card__image{display:block;transition:transform .35s,filter .35s}.mflow-topic-card:hover .mflow-topic-card__image{filter:saturate(1.06)}.mflow-topic-card h2 a{color:inherit}.mflow-topic-card h2 a:hover{color:var(--mf-primary)}.mflow-topic-card__body>.mflow-actions{margin-top:18px} .mflow-topic-detail{max-width:1320px}.mflow-topic-back{display:inline-flex;align-items:center;margin:0 0 16px;color:var(--mf-primary);font-size:13px;font-weight:800}.mflow-topic-detail__hero{min-height:430px;display:flex;align-items:flex-end;padding:50px;border-radius:28px;background:radial-gradient(circle at 88% 15%,rgba(104,92,255,.4),transparent 34%),linear-gradient(135deg,#111827,#26334b);background-size:cover;background-position:center;color:#fff;box-shadow:var(--mf-shadow);overflow:hidden;position:relative}.mflow-topic-detail__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,27,.36),transparent 55%);pointer-events:none}.mflow-topic-detail__hero-content{position:relative;z-index:1;max-width:900px}.mflow-topic-detail__hero h1{color:#fff;font-size:clamp(38px,5.4vw,70px);max-width:980px;margin:17px 0 18px}.mflow-topic-detail__hero p{max-width:840px;color:#edf2f7;font-size:17px;line-height:1.75;margin-bottom:27px}.mflow-topic-detail__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#e2e8f0;font-size:12px;font-weight:700}.mflow-topic-detail__meta .mflow-badge{background:rgba(255,255,255,.94);color:#344054}.mflow-topic-detail__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.76fr);gap:22px;align-items:start;margin-top:22px}.mflow-topic-detail__content,.mflow-topic-detail__side{display:grid;gap:22px}.mflow-topic-detail__side{position:sticky;top:22px}.mflow-topic-detail .mflow-panel h2{font-size:29px;margin:9px 0 20px}.mflow-topic-detail .mflow-panel h3{font-size:18px;margin:0 0 17px}.mflow-topic-detail__prose{color:#475467;font-size:15px;line-height:1.9}.mflow-topic-detail__prose p:last-child{margin-bottom:0}.mflow-topic-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;padding:0;list-style:none}.mflow-topic-scope li{position:relative;padding:11px 13px 11px 34px;border:1px solid var(--mf-line);border-radius:12px;background:#fafbff;color:#344054;font-size:13px}.mflow-topic-scope li:before{content:"✓";position:absolute;left:12px;top:10px;color:var(--mf-primary);font-weight:900}.mflow-topic-facts>div:not(.mflow-topic-editor){display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #f2f4f7}.mflow-topic-facts>div>span{color:var(--mf-muted);font-size:11px}.mflow-topic-facts>div>strong{font-size:12px;text-align:right}.mflow-topic-editor{display:flex!important;justify-content:flex-start!important;align-items:center;gap:11px;padding:17px 0 0!important;border:0!important}.mflow-topic-editor>div{display:flex;flex-direction:column;min-width:0}.mflow-topic-editor small{color:var(--mf-muted);font-size:10px}.mflow-topic-editor strong{font-size:13px}.mflow-topic-editor em{font-size:10px;color:var(--mf-muted);font-style:normal;margin-top:2px}.mflow-topic-chips{display:flex;flex-wrap:wrap;gap:8px}.mflow-topic-chips span{display:inline-flex;padding:8px 10px;border-radius:10px;background:#eeecff;color:#4235d5;font-size:11px;font-weight:700}.mflow-topic-chips--soft span{background:#f2f4f7;color:#475467} @media(max-width:980px){.mflow-topic-detail__layout{grid-template-columns:1fr}.mflow-topic-detail__side{position:static}.mflow-topic-detail__hero{min-height:380px;padding:38px}.mflow-topic-scope{grid-template-columns:1fr}} @media(max-width:720px){.mflow-topic-detail__hero{min-height:360px;padding:28px 22px;border-radius:20px}.mflow-topic-detail__hero h1{font-size:37px}.mflow-topic-detail__hero p{font-size:14px}.mflow-topic-detail__meta{align-items:flex-start;flex-direction:column}.mflow-topic-card__body>.mflow-actions{align-items:stretch;flex-direction:column}.mflow-topic-card__body>.mflow-actions .mflow-btn{width:100%}} /* High-contrast display titles — v1.1.1 * Protects key hero headings from WordPress theme color overrides and keeps * them readable on dark panels and photographic Research Topic banners. */ .mflow-app .mflow-hero h1, .mflow-auth .mflow-auth__visual h1, .mflow-app .mflow-topic-detail__hero .mflow-topic-detail__hero-content h1 { color: #172033 !important; -webkit-text-fill-color: #172033 !important; -webkit-text-stroke: 2px rgba(255, 255, 255, .98); paint-order: stroke fill; text-shadow: -2px -2px 0 rgba(255, 255, 255, .96), 0 -2px 0 rgba(255, 255, 255, .96), 2px -2px 0 rgba(255, 255, 255, .96), -2px 0 0 rgba(255, 255, 255, .96), 2px 0 0 rgba(255, 255, 255, .96), -2px 2px 0 rgba(255, 255, 255, .96), 0 2px 0 rgba(255, 255, 255, .96), 2px 2px 0 rgba(255, 255, 255, .96), 0 5px 18px rgba(2, 6, 23, .38) !important; } /* Preserve clean paragraph contrast beside the outlined display headings. */ .mflow-auth .mflow-auth__visual p, .mflow-app .mflow-hero p, .mflow-app .mflow-topic-detail__hero .mflow-topic-detail__hero-content > p { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; text-shadow: 0 2px 8px rgba(2, 6, 23, .42); } /* Slightly stronger image veil so titles remain legible over bright banners. */ .mflow-app .mflow-topic-detail__hero::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, rgba(5, 10, 24, .38), rgba(5, 10, 24, .18) 62%, rgba(5, 10, 24, .26)); } .mflow-app .mflow-topic-detail__hero .mflow-topic-detail__hero-content { position: relative; z-index: 2; } @media (max-width: 720px) { .mflow-app .mflow-hero h1, .mflow-auth .mflow-auth__visual h1, .mflow-app .mflow-topic-detail__hero .mflow-topic-detail__hero-content h1 { -webkit-text-stroke-width: 1.4px; text-shadow: -1px -1px 0 rgba(255, 255, 255, .98), 1px -1px 0 rgba(255, 255, 255, .98), -1px 1px 0 rgba(255, 255, 255, .98), 1px 1px 0 rgba(255, 255, 255, .98), 0 3px 12px rgba(2, 6, 23, .38) !important; } }