/* UUM Peer Review Workflow — upload in OJS 3.5 as the Journal Style Sheet */
.uum-review-flow,.uum-review-flow *{box-sizing:border-box}
.uum-review-flow{max-width:980px;margin:28px auto;color:#17324d;font-family:Arial,Helvetica,sans-serif}
.uum-review-flow .flow-hero{position:relative;overflow:hidden;padding:34px 26px 31px;border-radius:18px 18px 0 0;color:#fff;text-align:center;background:linear-gradient(135deg,#073b78,#0753a6);box-shadow:0 14px 38px rgba(7,59,120,.16)}
.uum-review-flow .flow-hero:after{content:"";position:absolute;right:-55px;top:-95px;width:230px;height:230px;border:38px solid rgba(255,216,20,.18);border-radius:50%}
.uum-review-flow .flow-kicker{position:relative;z-index:1;display:inline-block;margin-bottom:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.36);border-radius:99px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.uum-review-flow h2,.uum-review-flow #uum-flow-title{position:relative;z-index:1;margin:0;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,4vw,42px);font-weight:700;line-height:1.15}
.uum-review-flow .flow-intro{position:relative;z-index:1;max-width:670px;margin:12px auto 0;color:rgba(255,255,255,.92);font-size:15px;line-height:1.65}
.uum-review-flow .flow-key{display:flex;flex-wrap:wrap;gap:9px 17px;justify-content:center;padding:16px;border-bottom:4px solid #ffd814;background:#fff;box-shadow:0 12px 32px rgba(25,62,99,.1)}
.uum-review-flow .key-item{color:#61758a;font-size:12px;font-weight:700}
.uum-review-flow .key-dot{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%}
.uum-review-flow .dot-process{background:#0753a6}.uum-review-flow .dot-decision{background:#e89c19}.uum-review-flow .dot-revise{background:#7846b8}.uum-review-flow .dot-reject{background:#c93838}.uum-review-flow .dot-accept{background:#16845b}
.uum-review-flow .flow-body{padding:30px 18px 38px;border:1px solid #dce8f3;border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(#f8fbfe,#fff)}
.uum-review-flow .phase{max-width:760px;margin:0 auto;padding:8px 0 24px}
.uum-review-flow .phase-title{display:flex;align-items:center;gap:10px;margin:2px 0 13px;color:#073b78;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.uum-review-flow .phase-number{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:#0753a6}
.uum-review-flow details.step{position:relative;display:block;margin:0 auto;border:1px solid #bad0e5;border-left:5px solid #0753a6;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(18,65,108,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.uum-review-flow details.step:hover,.uum-review-flow details.step[open]{transform:translateY(-2px);border-color:#77a9d9;box-shadow:0 12px 27px rgba(18,65,108,.14)}
.uum-review-flow details.step>summary{display:flex;align-items:center;gap:13px;min-height:64px;padding:12px 45px 12px 14px;cursor:pointer;list-style:none;color:#17324d;font-size:15px;font-weight:700;line-height:1.4}
.uum-review-flow details.step>summary::-webkit-details-marker{display:none}
.uum-review-flow details.step>summary:after{content:"+";position:absolute;right:16px;top:18px;width:27px;height:27px;border-radius:50%;color:#0753a6;text-align:center;font-size:21px;line-height:25px;background:#eaf3fb}
.uum-review-flow details.step[open]>summary:after{content:"−"}
.uum-review-flow .step-no{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:#0753a6}
.uum-review-flow .step-info{margin:0;padding:0 18px 16px 61px;color:#61758a;font-size:14px;line-height:1.65}
.uum-review-flow .connector{position:relative;width:2px;height:25px;margin:0 auto;background:#bad0e5}
.uum-review-flow .connector:after{content:"";position:absolute;bottom:-1px;left:-4px;border-top:7px solid #bad0e5;border-right:5px solid transparent;border-left:5px solid transparent}
.uum-review-flow .decision{border-left-color:#e89c19!important}.uum-review-flow .decision .step-no{background:#e89c19}
.uum-review-flow .branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 2px}
.uum-review-flow .branch{padding:15px;border-radius:11px;font-size:13px;line-height:1.55}.uum-review-flow .branch strong{display:block;margin-bottom:3px}
.uum-review-flow .branch-revise{color:#553186;background:#f3edfb;border:1px solid #d9c5f2}.uum-review-flow .branch-reject{color:#992e2e;background:#fff0f0;border:1px solid #f0c2c2}.uum-review-flow .branch-pass{color:#106643;background:#eaf8f2;border:1px solid #b8e4d1}
.uum-review-flow details.revision{border-left-color:#7846b8}.uum-review-flow details.revision .step-no{background:#7846b8}.uum-review-flow details.reject{border-left-color:#c93838}.uum-review-flow details.reject .step-no{background:#c93838}.uum-review-flow details.accept{border-left-color:#16845b!important}.uum-review-flow details.accept .step-no{background:#16845b}
.uum-review-flow .final-publication{margin:0 auto;padding:21px;border:2px solid #16845b;border-radius:13px;color:#fff;text-align:center;background:linear-gradient(135deg,#116747,#1b9567);box-shadow:0 12px 28px rgba(22,132,91,.2)}
.uum-review-flow .final-publication strong{display:block;margin-bottom:5px;color:#fff;font-size:21px}.uum-review-flow .final-publication span{color:#fff;font-size:13px;opacity:.9}
.uum-review-flow .flow-note{margin:18px auto 0;color:#61758a;text-align:center;font-size:12px}
@media(max-width:620px){.uum-review-flow{margin:16px auto}.uum-review-flow .flow-hero{padding:27px 18px 24px;border-radius:13px 13px 0 0}.uum-review-flow .flow-body{padding:23px 11px 30px}.uum-review-flow .branch-grid{grid-template-columns:1fr}.uum-review-flow .step-info{padding-left:16px}.uum-review-flow details.step>summary{padding-right:42px;font-size:14px}}
