/* IJMTIP global responsive / overflow guard v1.4.5 */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}

/* Main shells must be allowed to shrink inside viewport. */
.site-header,.site-header-inner,.site-main,.submission-site-main,.submission-wizard-shell,
.app-shell,.app-main,.admin-content,.panel-card,.form-card,.side-card,
.wizard-form,.wizard-card,.wizard-file-list,.wizard-file-row,
.my-submission-list,.my-submission-row,.review-layout,.record-layout,
.menu-item-list,.menu-item-editor,.review-grid,.field-grid,.extracted-hints,
.final-submit-card,.submission-complete-card,.site-footer-v2{min-width:0;max-width:100%}

.site-header-inner,.site-main,.submission-site-main,.admin-content{width:100%}

/* Grid/flex children commonly cause viewport overflow because min-width:auto. */
.site-header-inner>* ,.site-main>* ,.submission-site-main>* ,.submission-wizard-shell>* ,
.admin-content>* ,.panel-card>* ,.wizard-card>* ,.wizard-file-row>* ,
.my-submission-row>* ,.review-layout>* ,.record-layout>* ,.review-grid>* ,
.field-grid>* ,.menu-item-editor>* ,.final-submit-card>*{min-width:0}

/* Text / filenames / URLs / identifiers should wrap rather than enlarge a card. */
.record-title,.record-code,.wizard-file-info,.existing-file-item,.review-files,
.review-authors,.anonymity-finding-list,.reviewer-extra-row,.notice,
.panel-card,.wizard-card,.my-submission-row,.menu-item-editor,
.footer-brand-block,.footer-menu{overflow-wrap:anywhere;word-break:normal}

input,textarea,select,button{min-width:0;max-width:100%}
textarea{width:100%}
img,video,canvas,iframe{max-width:100%}
pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* My submissions: keep long article titles from pushing the status/actions outside. */
.my-submission-row{width:100%;overflow:visible}
.my-submission-row>div:first-child{flex:1 1 auto;min-width:0;max-width:100%}
.my-submission-row>div:last-child{flex:0 1 auto;min-width:0;max-width:42%;display:flex;flex-wrap:wrap;justify-content:flex-end}
.my-submission-row strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-submission-row .status-pill{max-width:100%;white-space:nowrap}

/* Submission/review surfaces */
.wizard-heading>div{min-width:0}
.card-heading-line>* ,.review-section-head>*{min-width:0}
.existing-file-item>div{min-width:0;flex:1 1 auto}
.existing-file-item b,.existing-file-item small{max-width:100%;overflow-wrap:anywhere}
.keyword-chips{min-width:0;max-width:100%}
.keyword-chips span{max-width:100%;overflow-wrap:anywhere}
.abstract-preview{max-width:100%}

/* Admin surfaces */
.admin-topbar{max-width:100%}
.admin-account{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.data-table{max-width:100%}
.menu-item-editor input,.menu-item-editor select{min-width:0;width:100%}

/* Public header: keep intermediate widths stable before mobile breakpoint. */
.public-nav{min-width:0;max-width:100%}
.journal-brand{min-width:0;flex:0 1 auto}
.journal-brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1180px){
  .site-header-inner{gap:14px;padding-left:20px;padding-right:20px}
  .public-nav a{padding-left:7px!important;padding-right:7px!important}
  .journal-brand-name{display:none}
  .submission-site-main{padding-left:22px!important;padding-right:22px!important}
  .my-submission-row>div:last-child{max-width:34%}
}

@media(max-width:820px){
  .my-submission-row{align-items:flex-start;flex-direction:column}
  .my-submission-row>div:last-child{width:100%;max-width:100%;justify-content:flex-start}
  .my-submission-row strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .admin-topbar{height:auto;min-height:64px;gap:12px;padding-top:10px;padding-bottom:10px}
}

@media(max-width:680px){
  .site-main,.submission-site-main{padding-left:14px!important;padding-right:14px!important}
  .wizard-card,.panel-card{max-width:100%}
}