/* Allocate the case picker from the actual header height; scroll each list independently. */
@media screen{
 .caseTypePage{min-width:0!important;width:100%!important;max-width:100%;display:flex;flex-direction:column;height:100dvh!important;min-height:360px!important;overflow:hidden}
 .caseTypePage *{box-sizing:border-box}
 .caseTypePage>.top_content{flex:none}
 .caseTypePage .caseTypePageContent{display:flex;flex-direction:column;flex:1;min-height:0;height:auto!important}
 .caseTypePage .caseTypePageContent>.header{flex:none;width:100%;height:auto!important;min-height:40px;line-height:1.5;padding:6px 16px}
 .caseTypePage .caseTypePageContent .main{flex:1;min-height:0;height:auto!important;width:auto!important;margin:10px!important;grid-template-columns:minmax(240px,.85fr) minmax(0,2.15fr);grid-template-rows:minmax(0,1fr);gap:10px}
 .caseTypePage .caseTypePageContent .main>.mainL,.caseTypePage .caseTypePageContent .main>.mainR{display:flex;flex-direction:column;height:100%!important;min-height:0;overflow:hidden}
 .caseTypePage .mainLHeader{flex:none;height:42px!important;line-height:1.5!important}
 .caseTypePage .mainL .necessities{display:flex;flex-direction:column;flex:1;min-height:0;height:auto!important;padding-bottom:8px}
 .caseTypePage .mainL .tabDiv{flex:none;min-width:0}
 .caseTypePage .mainL .tabDiv .el-tabs__header{margin-bottom:8px}
 .caseTypePage .mainL .mainContent{display:flex;flex-direction:column;flex:1;min-height:0;height:auto!important}
 .caseTypePage .mainL .mainContentSearch{flex:none}
 .caseTypePage .mainL .mainContentList{display:flex;flex-direction:column;flex:1;min-height:0;height:auto!important}
 .caseTypePage .mainL .ListTitle{flex:none;line-height:1.5!important}
 .caseTypePage .mainL .ListTitle .readBtn{font-size:14px!important;padding:8px!important;margin:0!important}
 .caseTypePage .mainL .treeDiv{flex:1;min-height:0;height:auto!important;overflow:auto!important;overscroll-behavior:contain}
 .caseTypePage .mainL .treeDiv>.el-tree-node{min-width:max-content}
 .caseTypePage .mainL .personTypeDiv{display:flex;flex-direction:column;flex:1;height:auto!important;min-height:0;overflow:auto}
 .caseTypePage .mainL .personTypeDiv .add-item{flex:none}
 .caseTypePage .mainL .personTypeDiv .item-list{flex:1;min-height:0;height:auto!important;overflow:auto;margin:4px 0}
 .caseTypePage .mainR .casesList{display:flex;flex-direction:column;flex:1;height:auto!important;min-height:0;min-width:0;overflow:hidden;padding:8px!important;gap:8px}
 .caseTypePage .casesList>div:first-child{flex:none;overflow-wrap:anywhere}
 .caseTypePage .casesList .case-content{display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:8px;flex:1;min-height:0;height:auto!important;align-items:stretch!important}
 .caseTypePage .casesList .case-list{display:flex;flex-direction:column;min-width:0;min-height:0;width:100%!important;height:100%!important;overflow:auto}
 .caseTypePage .case-list>.top,.caseTypePage .case-list>.select-content,.caseTypePage .case-list>div:has(>.basic){flex:none}
 .caseTypePage .case-list .basic{margin-bottom:8px!important;padding:8px!important;overflow-wrap:anywhere}
 .caseTypePage .case-list .basic img{width:40px!important;flex:none;margin-right:8px!important}
 .caseTypePage .case-list .select-content{align-items:center;padding:0 6px;gap:4px}
 .caseTypePage .case-list .select-item{flex:1;min-width:0;margin:0 0 8px!important}
 .caseTypePage .case-list .select-input{width:100%!important;min-width:0}
 .caseTypePage .case-list .list{flex:1;min-height:64px;height:auto!important;overflow:auto!important}
 .caseTypePage .casesList .case-info{width:100%!important;min-width:0;min-height:0;height:100%!important;overflow:auto;overscroll-behavior:contain}
 .caseTypePage .casesList .case-info .casePage{height:auto!important;min-height:100%}
 .caseTypePage .casesList .list-btn{flex:none;margin:0!important;padding:0 2px}
 .caseTypePage .casesList .list-btn>div{flex-wrap:wrap;gap:8px!important;max-width:100%}
 .caseTypePage .casesList .list-btn .btn{width:150px;max-width:100%;margin:0!important;flex:0 1 150px}
 .caseTypePage .mainR .empty{flex:1;min-height:0;height:auto!important;overflow:auto}
 .caseTypePage .mainR .empty img{max-height:100%;object-fit:contain}

 /* Apply only to the notice step, leaving the subsequent personal form and print layout intact. */
 .userPage:has(.ImgDiv:not([style*="display: none"])),.noticePage:has(.ImgDiv){min-width:0!important;width:100%!important;max-width:100%;display:flex;flex-direction:column;height:100dvh!important;min-height:360px!important;overflow:hidden}
 .userPage:has(.ImgDiv:not([style*="display: none"]))>.top_content,.noticePage:has(.ImgDiv)>.top_content{flex:none}
 .userPage:has(.ImgDiv:not([style*="display: none"])) .userPageContent,.noticePage:has(.ImgDiv) .noticePageContent{flex:1;min-height:0;display:flex;flex-direction:column;height:auto!important}
 .userPage:has(.ImgDiv:not([style*="display: none"])) .userPageContent>.header,.noticePage:has(.ImgDiv) .noticePageContent>.header{flex:none;box-sizing:border-box;width:100%;height:auto!important;min-height:40px;padding:6px 16px;line-height:1.5;flex-wrap:wrap;gap:6px}
 .userPage:has(.ImgDiv:not([style*="display: none"])) .userPageContent .main,.noticePage:has(.ImgDiv) .noticePageContent .main{flex:1;min-height:0;height:auto!important;width:100%;padding:8px 12px!important;box-sizing:border-box;gap:8px;overflow:auto}
 .userPage:has(.ImgDiv:not([style*="display: none"])) .main>.Steps,.noticePage:has(.ImgDiv) .main>.Steps{flex:none;max-width:100%;width:auto!important;height:auto!important;min-height:24px;line-height:1.5;margin:0!important;font-size:15px!important;flex-wrap:wrap;justify-content:center;box-sizing:border-box}
 .userPage:has(.ImgDiv:not([style*="display: none"])) .main>.ImgDiv,.noticePage .main>.ImgDiv{flex:1;min-height:80px;min-width:0;width:100%!important;max-width:100%;height:auto!important;box-sizing:border-box;padding:8px!important;display:flex;align-items:center;justify-content:center;overflow:auto!important;background:#f4f6f9}
 .userPage .main>.ImgDiv>img,.noticePage .main>.ImgDiv>img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%;min-height:0;object-fit:contain;object-position:center}
 .userPage .main>.ImgDiv+div,.noticePage .main>.ImgDiv+div{flex:none;max-width:100%}
 .userPage .main>.ImgDiv+div>div{flex-wrap:wrap;gap:8px!important}
 .userPage .main>.ImgDiv+div .readBtn,.noticePage .main>.ImgDiv+div .readBtn{box-sizing:border-box;width:auto!important;min-width:100px;height:36px!important;max-width:100%;margin:0!important;padding:8px 14px!important;font-size:14px!important}
}
@media screen and (max-width:1000px){
 .caseTypePage .caseTypePageContent .main{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr)}
 .caseTypePage .casesList .case-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,.8fr) minmax(100px,1.2fr)}
}
@media screen and (max-width:680px){
 .caseTypePage{height:auto!important;overflow:visible}
 .caseTypePage .caseTypePageContent{flex:none}
 .caseTypePage .caseTypePageContent .main{flex:none;grid-template-columns:minmax(0,1fr);grid-template-rows:340px 540px;height:auto!important}
 .caseTypePage .caseTypePageContent .main>.mainL{max-height:none}
 .caseTypePage .caseTypePageContent .main>.mainR{min-height:0}
}