/* Track Your Paper (ij-dash functions-tracker-ui.php). Mobile first. */
.ijl-tracker{--tk-navy:#193452;--tk-accent:#E97B09;--tk-ok:#1e7e46;--tk-line:#d5dbe3;--tk-soft:#f5f7fa;color:var(--tk-navy);margin:0 0 16px;font-size:16px;line-height:1.5}
.ijl-tracker h1,.ijl-tracker h2{color:var(--tk-navy);text-transform:none;letter-spacing:0}
.ijl-tk-card{padding:16px;border:1px solid var(--tk-line);border-top:4px solid var(--tk-accent);border-radius:8px;background:#fff}
.ijl-tk-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.ijl-tk-pill,.ijl-tk-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:14px;font-weight:600}
.ijl-tk-pill{background:var(--tk-navy);color:#fff}
.ijl-tk-status{background:#e8f1fb;color:var(--tk-navy)}
.ijl-tk-status.is-closed{background:#f1f1f1;color:#555}
.ijl-tk-title{font-size:20px;font-weight:600;margin:0 0 4px;line-height:1.3}
.ijl-tk-by{margin:0;color:#4a5a6e;font-size:15px}

/* Stepper: vertical list on phones, one row from 576px. */
.ijl-tk-steps{list-style:none;margin:16px 0 0;padding:0;counter-reset:none}
.ijl-tk-steps li{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0;color:#7a8696}
.ijl-tk-dot{flex:0 0 28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid var(--tk-line);background:#fff}
.ijl-tk-steps .is-done{color:var(--tk-navy)}
.ijl-tk-steps .is-done .ijl-tk-dot{background:var(--tk-ok);border-color:var(--tk-ok);color:#fff}
.ijl-tk-steps .is-current{color:var(--tk-navy);font-weight:700}
.ijl-tk-steps .is-current .ijl-tk-dot{border-color:var(--tk-accent);color:var(--tk-accent)}
@media (min-width:576px){
	.ijl-tk-steps{display:flex}
	.ijl-tk-steps li{flex:1 1 0;flex-direction:column;gap:4px;text-align:center;font-size:14px;position:relative}
	.ijl-tk-steps li+li::before{content:"";position:absolute;top:14px;right:calc(50% + 18px);left:calc(-50% + 18px);height:2px;background:var(--tk-line)}
	.ijl-tk-steps li.is-done+li::before{background:var(--tk-ok)}
}

.ijl-tk-ticks{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--tk-ok)}
.ijl-tk-ticks li{margin:0;padding:0}

.ijl-tk-panel{margin:16px 0 0;padding:16px;border-radius:8px;background:var(--tk-soft);border:1px solid var(--tk-line)}
.ijl-tk-panel:empty{display:none}
.ijl-tk-panel h2{font-size:19px;font-weight:700;margin:0 0 8px}
.ijl-tk-panel p{margin:0 0 8px}
.ijl-tk-sub{font-weight:600}
.ijl-tk-check{margin:0 0 12px;padding-left:20px}
.ijl-tk-check li{margin:2px 0}
.ijl-tk-fee{font-weight:600}
.ijl-tk-issn{font-size:13px;color:#4a5a6e}

.ijl-tk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:6px;background:var(--tk-accent);color:#fff!important;font-weight:700;text-decoration:none!important;border:2px solid var(--tk-accent)}
.ijl-tk-btn:hover,.ijl-tk-btn:focus{background:#c96806;border-color:#c96806}
.ijl-tk-btn-ghost{background:#fff;color:var(--tk-navy)!important;border-color:var(--tk-line)}
.ijl-tk-btn-ghost:hover,.ijl-tk-btn-ghost:focus{background:var(--tk-soft);border-color:var(--tk-navy)}
.ijl-tk-panel .ijl-tk-btn{width:100%}
@media (min-width:576px){.ijl-tk-panel .ijl-tk-btn{width:auto}}

.ijl-tk-help{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ijl-tk-help p{margin:0 8px 0 0;flex:1 0 100%}
@media (min-width:576px){.ijl-tk-help p{flex:0 0 auto}}

#pay_fee{scroll-margin-top:90px}
.ijl-tracker .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.ijl-tk-note{margin:12px 0 0;font-weight:600}

/* Timeline (author-safe milestones) */
.ijl-tk-timeline{margin:12px 0 0;border:1px solid var(--tk-line);border-radius:8px;background:#fff}
.ijl-tk-timeline summary{min-height:44px;display:flex;align-items:center;padding:0 16px;cursor:pointer;font-weight:600}
.ijl-tk-timeline ol{list-style:none;margin:0;padding:0 16px 12px}
.ijl-tk-timeline li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;margin:0;border-top:1px solid var(--tk-soft)}
.ijl-tk-timeline time{color:#4a5a6e;white-space:nowrap}

/* Legacy blocks below the new UI (TJP markup, restyled only). */
#overview form.upload_manuscript{padding:16px;border:1px solid var(--tk-line,#d5dbe3);border-radius:8px;background:#fff}
#overview form.upload_manuscript input[type=file]{width:100%;max-width:100%;padding:8px;background:#f5f7fa!important;border:1px solid #d5dbe3;border-radius:4px}
#overview form.upload_manuscript .btn{min-height:44px;width:100%}
@media (min-width:576px){#overview form.upload_manuscript .btn{width:auto;min-width:220px}}
/* TJP prints .note{color:red} in a <style> tag; this is a reminder, not an error. */
#overview table td.note{color:#193452;background:#fff8e6;border-left:4px solid #E97B09;font-weight:500;text-align:left}
/* Wide detail tables scroll sideways on phones instead of overflowing the page. */
@media (max-width:575px){
	#overview table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
	#overview table th,#overview table td{word-break:break-word}
}

.ijl-tk-closed .ijl-tk-closed-head{font-size:18px;margin:0 0 12px}
.ijl-tk-closed .ijl-tk-reason{margin:0 0 16px}
.ijl-tk-closed .ijl-tk-reason p{margin:0 0 10px}
.ijl-tk-closed .ijl-tk-closed-next{margin:16px 0 12px}
.ijl-tk-detail{margin:16px 0}
.ijl-tk-detail th{width:30%}
.ijl-tracker,.ijl-tracker p,.ijl-tracker div{text-align:left!important}
@media (max-width:575px){.tracker-tabs~.tab-content>.tab-pane{padding-left:0;padding-right:0}}
.ijl-tk-detail td{word-break:break-word}