/* =========================================================
   V2.6.12 工作报表首页与报表编辑弹窗专项收口
   - 生成卡片改为纵向信息结构，避免超宽屏横向挤压
   - 增加权限范围内的数据概览与生成规则
   - 修复全局 textarea 规则覆盖报表正文高度的问题
   ========================================================= */

.work-report-page{
  width:100%;
  max-width:1800px;
  margin:0 auto;
}

.work-report-page .pagehead{
  align-items:flex-end;
}

.quick-report-center.reports{
  margin-bottom:16px;
  padding:22px;
  border-color:#cbdfee;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(34,151,199,.08),transparent 30%),
    linear-gradient(135deg,#eef7ff 0%,#fff 53%,#f3fbf7 100%);
  box-shadow:0 14px 36px rgba(20,70,118,.07);
}

.quick-report-center .quick-report-head{
  align-items:flex-end;
  gap:24px;
  margin-bottom:20px;
}

.quick-report-center .quick-report-head>div{
  gap:14px;
}

.quick-report-center .quick-report-head>div>span{
  width:50px;
  height:50px;
  border-radius:15px;
}

.quick-report-center .quick-report-head>div>span .ui-icon{
  width:22px!important;
  height:22px!important;
}

.quick-report-center .quick-report-head small{
  color:#337bb8;
  font-size:12px!important;
  letter-spacing:.08em;
}

.quick-report-center .quick-report-head h2{
  margin:4px 0;
  color:#1e425f;
  font-size:20px;
}

.quick-report-center .quick-report-head p{
  max-width:720px;
  color:#70869a;
  font-size:13px!important;
  line-height:1.65;
}

.quick-report-center .quick-report-date{
  display:grid!important;
  gap:6px!important;
  min-width:220px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.quick-report-date>span{
  color:#6d8397;
  font-size:12px;
  font-weight:700;
}

.quick-report-date>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 11px;
  border:1px solid #d5e3ee;
  border-radius:12px;
  background:#fff;
  color:#2f79ba;
  box-shadow:0 6px 16px rgba(28,78,126,.04);
}

.quick-report-date>div .ui-icon{
  width:17px!important;
  height:17px!important;
}

.quick-report-date input{
  width:100%;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#36546d;
  font-size:14px!important;
}

.quick-report-center .quick-report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px;
}

.quick-report-center .quick-report-grid>article{
  display:flex!important;
  min-width:0;
  min-height:226px;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
  padding:18px 18px 16px;
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 24px rgba(27,76,124,.045);
}

.quick-report-center .quick-report-grid>article.department{
  border-left:4px solid #237bd8;
}

.quick-report-center .quick-report-grid>article.personal{
  border-left:4px solid #20a376;
}

.quick-report-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}

.quick-report-card-head>em{
  flex:none;
  padding:5px 9px;
  border-radius:999px;
  background:#edf5fd;
  color:#4e7698;
  font-size:11px;
  font-style:normal;
  font-weight:700;
}

.quick-report-grid>article.personal .quick-report-card-head>em{
  background:#eaf8f2;
  color:#338065;
}

.quick-report-center .quick-report-card-title{
  gap:11px;
}

.quick-report-center .quick-report-card-title>span{
  width:42px;
  height:42px;
  border-radius:12px;
}

.quick-report-center .quick-report-card-title>span .ui-icon{
  width:18px!important;
  height:18px!important;
}

.quick-report-center .quick-report-card-title h3{
  font-size:15px;
}

.quick-report-center .quick-report-card-title p{
  margin-top:4px;
  color:#7d90a1;
  font-size:12px!important;
  line-height:1.5;
}

.quick-report-control-row{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}

.quick-report-selector{
  display:grid;
  gap:6px;
  min-width:0;
}

.quick-report-center .quick-report-selector>span{
  margin:0;
  color:#687f94;
  font-size:12px!important;
  font-weight:700;
}

.quick-report-center .quick-report-selector select{
  width:100%;
  height:44px!important;
  min-height:44px!important;
  padding:0 12px!important;
  border-color:#d4e2ed!important;
  border-radius:11px!important;
  color:#36536b;
  font-size:13px!important;
}

.quick-report-center .quick-report-buttons{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.quick-report-center .quick-report-buttons .btn{
  width:100%;
  min-width:0;
  min-height:42px!important;
  height:42px;
  padding:0 9px!important;
  font-size:12px!important;
  white-space:nowrap;
}

.quick-report-card-note{
  margin:auto 0 0;
  padding-top:12px;
  border-top:1px solid #e8eef4;
  color:#8192a2;
  font-size:11px;
  line-height:1.6;
}

.work-report-support-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  gap:14px;
  margin-bottom:18px;
}

.work-report-support-grid>.panel{
  margin:0;
  min-height:196px;
  padding:18px!important;
}

.work-report-scope-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.work-report-scope-kpis article{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:86px;
  padding:13px;
  border:1px solid #e0e9f1;
  border-radius:13px;
  background:#f8fbfe;
}

.work-report-scope-kpis article>span{
  display:grid;
  place-items:center;
  flex:none;
  width:38px;
  height:38px;
  border-radius:11px;
  background:#e8f3ff;
  color:#2275cf;
}

.work-report-scope-kpis article.done>span{
  background:#e8f8f1;
  color:#198660;
}

.work-report-scope-kpis article.risk>span{
  background:#fff0e9;
  color:#c55b35;
}

.work-report-scope-kpis small,
.work-report-scope-kpis b,
.work-report-scope-kpis em{
  display:block;
}

.work-report-scope-kpis small{
  color:#75899c;
  font-size:11px!important;
}

.work-report-scope-kpis b{
  display:inline-block;
  margin-top:4px;
  color:#234863;
  font-size:22px;
  line-height:1;
}

.work-report-scope-kpis em{
  display:inline-block;
  margin-left:4px;
  color:#8a99a7;
  font-size:11px;
  font-style:normal;
}

.work-report-guide-panel ol{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.work-report-guide-panel li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:10px;
}

.work-report-guide-panel li>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:#eaf4ff;
  color:#1e70c9;
  font-size:12px;
  font-weight:800;
}

.work-report-guide-panel li b,
.work-report-guide-panel li small{
  display:block;
}

.work-report-guide-panel li b{
  color:#34536c;
  font-size:12px;
}

.work-report-guide-panel li small{
  margin-top:2px;
  color:#8797a6;
  font-size:11px!important;
  line-height:1.45;
}

.work-report-guide-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}

.work-report-guide-actions .btn{
  min-width:0;
  padding:0 10px!important;
  font-size:12px!important;
}

/* 报表弹窗：由弹窗正文区统一分配高度，文本框占满剩余空间。 */
#modal .modal.quick-report-modal{
  width:min(1120px,calc(100vw - 36px))!important;
  height:min(760px,calc(100dvh - 36px))!important;
  max-height:calc(100dvh - 36px)!important;
}

#modal .quick-report-modal>.modal-scroll-body{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

#modal .quick-report-modal .quick-report-modal-body{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  flex-direction:column;
  gap:12px;
  padding:16px 20px 18px!important;
  overflow:hidden!important;
  box-sizing:border-box;
}

#modal .quick-report-modal .quick-report-modal-meta{
  display:flex!important;
  flex:none;
  flex-wrap:wrap;
  gap:8px;
}

#modal .quick-report-modal .daily-report-editor{
  display:flex;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden;
}

#modal .quick-report-modal .daily-report-editor-head{
  flex:none;
}

#modal .quick-report-modal .quick-report-text{
  display:block;
  flex:1 1 0!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:18px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#294860;
  font-size:14px!important;
  line-height:1.85!important;
  resize:none!important;
  overflow:auto!important;
  box-shadow:none!important;
  scrollbar-gutter:stable;
}

#modal .quick-report-modal .quick-report-text:focus{
  outline:none!important;
  box-shadow:inset 0 0 0 2px rgba(35,116,205,.14)!important;
}

@media(max-width:1200px){
  .quick-report-center .quick-report-grid{
    grid-template-columns:1fr!important;
  }
  .work-report-support-grid{
    grid-template-columns:1fr;
  }
  .work-report-support-grid>.panel{
    min-height:0;
  }
}

@media(max-width:820px){
  .work-report-page .pagehead{
    align-items:flex-start;
  }
  .quick-report-center.reports{
    padding:15px;
  }
  .quick-report-center .quick-report-head{
    align-items:stretch;
    gap:15px;
  }
  .quick-report-center .quick-report-date{
    width:100%;
    min-width:0;
  }
  .quick-report-center .quick-report-grid>article{
    min-height:0;
    padding:15px;
  }
  .work-report-scope-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #modal .modal.quick-report-modal{
    width:calc(100vw - 12px)!important;
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
  }
  #modal .quick-report-modal .quick-report-modal-body{
    gap:10px;
    padding:12px!important;
  }
  #modal .quick-report-modal .daily-report-editor-head{
    gap:8px;
    padding:11px 12px;
  }
  #modal .quick-report-modal .quick-report-text{
    padding:15px!important;
    font-size:13px!important;
    line-height:1.75!important;
    scrollbar-gutter:auto;
  }
}

@media(max-width:560px){
  .quick-report-center .quick-report-head>div{
    align-items:flex-start;
  }
  .quick-report-center .quick-report-head>div>span{
    width:44px;
    height:44px;
  }
  .quick-report-center .quick-report-head h2{
    font-size:18px;
  }
  .quick-report-card-head{
    align-items:flex-start;
  }
  .quick-report-center .quick-report-buttons,
  .work-report-guide-actions{
    grid-template-columns:1fr;
  }
  .quick-report-center .quick-report-buttons .btn{
    min-height:44px!important;
    height:44px;
  }
  .work-report-scope-kpis article{
    display:block;
    min-height:112px;
  }
  .work-report-scope-kpis article>span{
    margin-bottom:9px;
  }
  #modal .quick-report-modal .quick-report-modal-meta{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  #modal .quick-report-modal .quick-report-modal-meta::-webkit-scrollbar{
    display:none;
  }
  #modal .quick-report-modal .quick-report-modal-meta span{
    flex:none;
    white-space:nowrap;
  }
}

@media(max-height:640px){
  #modal .quick-report-modal .quick-report-modal-meta{
    display:none!important;
  }
  #modal .quick-report-modal .daily-report-editor-head{
    padding-top:9px;
    padding-bottom:9px;
  }
}