.h2-app{--n:#10294b;--b:#236ce7;--l:#dce6f0;--m:#708097;display:grid;grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 110px);margin:-28px -30px;background:#f6f9fc;color:#11243e;font-family:Inter,"Noto Sans KR",sans-serif}.h2-controls{padding:29px 20px;background:linear-gradient(160deg,#09213f,#0e3d70);color:#fff;box-shadow:8px 0 30px #08264b18}.h2-control-brand{padding:4px 10px 25px;border-bottom:1px solid #ffffff22}.h2-control-brand span,.h2-control-brand small{display:block;color:#9bc5ef;font-size:10px;letter-spacing:1.2px}.h2-control-brand b{display:block;margin:7px 0;font-size:20px;letter-spacing:-1px}.h2-upload{margin:23px 0;padding:16px;border:1px solid #86b8e344;border-radius:12px;background:#ffffff0d}.h2-upload h3{margin:0 0 8px;font-size:14px}.h2-upload p{min-height:45px;margin:0 0 12px;color:#bad2e7;font-size:11px;line-height:1.55}.h2-upload p.error{color:#ffb5ae}.h2-upload p.ok{color:#83e0b1}.h2-file{display:block;padding:12px;border:1px dashed #a9d2f666;border-radius:8px;background:#ffffff0b;cursor:pointer}.h2-file span,.h2-file b{display:block;font-size:11px}.h2-file b{margin-top:5px;color:#8cc4f3;word-break:break-all}.h2-file input{display:none}.h2-upload button,.h2-demo{width:100%;margin-top:9px;padding:10px;border:1px solid #ffffff42;border-radius:7px;background:#fff;color:#174b83;font:800 11px inherit;cursor:pointer}.h2-required{padding:13px;border-radius:9px;background:#071b35}.h2-required b,.h2-required span{display:block}.h2-required b{font-size:11px}.h2-required span{margin-top:7px;color:#a9c3db;font-size:10px;line-height:1.6;word-break:keep-all}.h2-demo{background:transparent;color:#d4e8fb}.h2-main{min-width:0;padding:30px 34px 50px}.h2-top{display:flex;justify-content:space-between;gap:20px}.h2-top span{color:#286ac0;font-size:10px;font-weight:900;letter-spacing:1.2px}.h2-top h1{margin:8px 0 6px;font-size:29px;letter-spacing:-1.6px}.h2-top p{margin:0;color:#74849a;font-size:13px}.h2-top button,.h2-toolbar button{padding:10px 13px;border:1px solid var(--l);border-radius:8px;background:#fff;color:#38516e;font:800 11px inherit}.h2-top .primary{margin-left:6px;border-color:var(--b);background:var(--b);color:#fff;cursor:pointer}.h2-nav{display:flex;gap:3px;overflow:auto;margin:28px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--l)}.h2-nav button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 11px 11px;color:#78889d;font:800 12px inherit;cursor:pointer}.h2-nav button.active{border-color:var(--b);color:#1765dd}.h2-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:13px}.h2-metrics article{position:relative;overflow:hidden;min-height:111px;padding:18px;border:1px solid var(--l);border-radius:13px;background:#fff}.h2-metrics article:after{content:'';position:absolute;right:-18px;bottom:-24px;width:82px;height:82px;border-radius:50%;background:#eaf2ff}.h2-metrics article:nth-child(2):after{background:#ecf9f2}.h2-metrics article:nth-child(3):after{background:#fff2e5}.h2-metrics span,.h2-metrics em{position:relative;z-index:1;display:block;color:#718198;font-size:11px;font-style:normal;font-weight:800}.h2-metrics b{position:relative;z-index:1;display:block;margin:9px 0 6px;font-size:25px}.h2-metrics small{font-size:12px}.h2-metrics em{color:#168354}.h2-grid{display:grid;gap:13px;margin-bottom:13px}.h2-grid.two-one{grid-template-columns:2fr 1fr}.h2-grid.one-two{grid-template-columns:1fr 2fr}.h2-card{min-width:0;padding:18px 19px;border:1px solid var(--l);border-radius:13px;background:#fff;box-shadow:0 4px 13px #294d7008}.h2-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.h2-card h3{margin:0;color:#164f9e;font-size:16px}.h2-card header button{border:0;background:transparent;color:#226ce5;font:800 11px inherit;cursor:pointer}.h2-table-wrap{overflow:auto;border:1px solid #e6edf4;border-radius:9px}.h2-table{width:100%;min-width:590px;border-collapse:collapse;font-size:11px}.h2-table th{padding:10px;background:#f5f8fb;color:#667990;text-align:left}.h2-table td{padding:10px;border-top:1px solid #ebf0f5}.h2-tag{padding:4px 7px;border-radius:5px;font-size:10px}.h2-tag.good{background:#eaf9f0;color:#10855a}.h2-tag.warn{background:#fff3e5;color:#d77910}.h2-ai{display:flex;gap:9px;margin-top:12px;padding:11px 13px;border-radius:7px;background:#eff6ff;color:#4c6682;font-size:11px;line-height:1.55}.h2-ai b{color:#1769d8;white-space:nowrap}.h2-alerts p{margin:0;padding:11px 2px;border-bottom:1px solid #ecf1f5}.h2-alerts b,.h2-alerts span{display:block}.h2-alerts b{font-size:12px}.h2-alerts span{margin-top:3px;color:#75849a;font-size:11px}.h2-alerts .risk b{color:#db4b43}.h2-alerts .warn b{color:#ce840d}.h2-alerts .info b{color:#216be8}.h2-donut-layout{display:flex;align-items:center;justify-content:center;gap:25px;min-height:190px}.h2-donut{display:grid;place-items:center;width:160px;aspect-ratio:1;border-radius:50%}.h2-donut>div{display:grid;place-content:center;width:105px;aspect-ratio:1;border-radius:50%;background:#fff;text-align:center}.h2-donut b{font-size:22px}.h2-donut span{color:#748499;font-size:10px}.h2-legend{display:grid;gap:8px;min-width:130px}.h2-legend p{display:grid;grid-template-columns:10px 1fr auto;gap:6px;margin:0;color:#708097;font-size:11px}.h2-legend i{width:8px;height:8px;border-radius:50%}.h2-legend b{color:#183755}.h2-trend>div{display:flex;align-items:end;justify-content:space-around;height:155px;padding:5px 10px 0;border-bottom:1px solid var(--l);background:repeating-linear-gradient(to bottom,transparent 0 37px,#eef3f8 38px)}.h2-trend article{display:flex;align-items:center;flex-direction:column;justify-content:end;height:100%;gap:7px}.h2-trend article b{position:relative;width:28px;border-radius:5px 5px 0 0;background:linear-gradient(#5593ff,#1f6fe9)}.h2-trend article small{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap}.h2-trend article span{font-size:10px;color:#74849a}.h2-trend>p{margin:12px 0 0;color:#718198;font-size:10px}.h2-trend em{float:right;color:#17885a;font-style:normal}.h2-toolbar{display:flex;justify-content:space-between;margin-bottom:11px;color:#75849a;font-size:11px}.h2-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;border-radius:14px;background:linear-gradient(110deg,#0a315c,#155e99);color:#fff}.h2-cta span{color:#95e3dd;font-size:10px;letter-spacing:1px;font-weight:900}.h2-cta h3{margin:7px 0;font-size:21px}.h2-cta p{margin:0;color:#cae2f3;font-size:12px}.h2-cta button,.h2-download{border:0;border-radius:8px;padding:13px 17px;background:#fff;color:#15539a;font:900 12px inherit;cursor:pointer}.h2-stat-triplet{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.h2-stat-triplet p{padding:8px;border-right:1px solid #edf1f5}.h2-stat-triplet span,.h2-stat-triplet b,.h2-stat-triplet em{display:block}.h2-stat-triplet span{font-size:10px;color:#73839a}.h2-stat-triplet b{margin:4px 0;font-size:18px}.h2-stat-triplet em{color:#198559;font-size:10px;font-style:normal}.h2-calendar{overflow:auto;border:1px solid #e4ecf4;border-radius:9px}.h2-calendar header,.h2-calendar>div{display:grid;grid-template-columns:120px repeat(7,1fr);gap:5px;min-width:640px;padding:9px 10px;border-bottom:1px solid #ebf0f5;text-align:center;font-size:10px}.h2-calendar header{background:#f6f9fc}.h2-calendar header>b,.h2-calendar>div>b{text-align:left}.h2-calendar span{padding:5px 2px;border-radius:4px;background:#e9f8ed;color:#138047;font-weight:900}.h2-calendar .n{background:#e8efff;color:#2459cd}.h2-calendar .e{background:#fff4dc;color:#b77300}.h2-calendar .off{background:#f0ecff;color:#6848ca}.h2-calendar .휴무{background:#fff0f0;color:#d64343}.h2-key{color:#73849b;font-size:10px}.h2-bars{padding:3px 7px}.h2-bar{display:grid;grid-template-columns:125px 1fr 62px;gap:9px;align-items:center;margin:13px 0;font-size:11px}.h2-bar i{display:block;height:9px;overflow:hidden;border-radius:10px;background:#edf2f7}.h2-bar em{display:block;height:100%;border-radius:inherit}.h2-bar strong{text-align:right;font-size:10px}.h2-focus{text-align:center;padding:27px 10px}.h2-focus span,.h2-focus p{color:#73849a;font-size:11px}.h2-focus b{display:block;margin:8px;font-size:28px}.h2-gauge{display:grid;place-items:center;width:155px;aspect-ratio:1;margin:5px auto;border-radius:50%;background:conic-gradient(#2671ef 0 56%,#e7edf5 56%)}.h2-gauge:before{content:'';position:absolute;width:118px;aspect-ratio:1;border-radius:50%;background:#fff}.h2-gauge b{z-index:1;font-size:27px}.h2-gauge small{font-size:13px}.h2-center{text-align:center;color:#73849a;font-size:11px}.h2-report{overflow:hidden;border:1px solid #d4dfeb;border-radius:14px;background:#fff;box-shadow:0 13px 40px #193d621a}.h2-cover{padding:55px 52px 43px;color:#fff;background:radial-gradient(900px 390px at 10% -10%,#3d83ef 0,transparent 55%),linear-gradient(135deg,#0a1931,#13294f)}.h2-cover>span{color:#b6d8ff;font-size:10px;letter-spacing:1.4px;font-weight:900}.h2-cover h2{margin:21px 0 11px;font-size:37px;line-height:1.2;letter-spacing:-2px}.h2-cover p{color:#c8d8eb;font-size:13px}.h2-cover>div{display:flex;gap:20px;margin-top:25px;color:#dbe9f7;font-size:11px}.h2-report-body{padding:34px 48px 48px}.h2-exec header,.h2-rpt-section header{display:flex;align-items:center;gap:10px}.h2-exec i{padding:3px 8px;border-radius:5px;background:#10294b;color:#fff;font-size:9px;font-style:normal;font-weight:900}.h2-exec h3,.h2-rpt-section h3{margin:0;color:#10294b;font-size:19px}.h2-exec>p{color:#5d6f84;font-size:13px;line-height:1.7}.h2-rpt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.h2-rpt-kpis article{padding:14px;border:1px solid #e1e8f0;border-radius:10px;background:#fbfdff}.h2-rpt-kpis span,.h2-rpt-kpis small{display:block;color:#72839a;font-size:10px}.h2-rpt-kpis b{display:block;margin:5px 0;color:#134f9b;font-size:22px}.h2-toc{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0;padding:16px;border:1px solid #dce8f4;border-radius:10px;background:#f7faff}.h2-toc span{padding:6px 10px;border-radius:20px;background:#eaf2ff;color:#1e5fb9;font-size:10px;font-weight:800}.h2-rpt-section{margin:30px 0}.h2-rpt-section header{padding-bottom:9px;border-bottom:2px solid #10294b}.h2-rpt-section header>b{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#10294b;color:#fff;font-size:11px}.h2-highlight{margin:14px 0;padding:12px 14px;border-left:4px solid #2563eb;border-radius:7px;background:#eff6ff;color:#29435f;font-size:12px;line-height:1.6}.h2-rpt-chart{padding:8px 4px}.h2-report footer{padding-top:15px;border-top:1px solid #e7edf3;color:#8997a9;font-size:10px}.h2-download{margin-top:18px;background:#1768e7;color:#fff}@media(max-width:1100px){.h2-app{grid-template-columns:1fr;margin:-20px}.h2-controls{display:none}.h2-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.h2-main{padding:20px 13px}.h2-top,.h2-cta{flex-direction:column;align-items:flex-start}.h2-grid.two-one,.h2-grid.one-two,.h2-rpt-kpis{grid-template-columns:1fr}.h2-metrics{grid-template-columns:1fr 1fr}.h2-report-body,.h2-cover{padding:27px}.h2-cover h2{font-size:29px}.h2-cover>div{flex-direction:column;gap:5px}.h2-donut-layout{gap:10px}.h2-bar{grid-template-columns:92px 1fr 45px}}

/* 20260817: align equipment-report header and dashboard tabs with financial-statement-analysis */
html body #app main.app-shell section.content div.workspace .h2-app .h2-main{
  padding:30px 34px 50px!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:149px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:36px!important;
  border:1px solid #e6edf5!important;
  border-radius:16px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 8px 30px rgba(20,40,70,.06)!important;
  color:#101827!important;
  overflow:hidden!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top>div:first-child{
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#101827!important;
  text-align:left!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top span{
  display:block!important;
  width:fit-content!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#126fe8!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top h1{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#101827!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  background:transparent!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top p{
  display:block!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#4b5563!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.5!important;
  background:transparent!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top>div:last-child{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top button{
  min-height:46px!important;
  padding:0 15px!important;
  border:1px solid #d8e9e6!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-top .primary{
  border-color:#126fe8!important;
  background:#126fe8!important;
  color:#fff!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-nav{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  width:100%!important;
  margin:8px 0 18px!important;
  padding:0 10px!important;
  border:1px solid #e6edf5!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-nav button{
  flex:0 0 auto!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-nav button.active{
  border-bottom-color:#126fe8!important;
  background:transparent!important;
  color:#126fe8!important;
  font-weight:900!important;
}
@media(max-width:720px){
  html body #app main.app-shell section.content div.workspace .h2-app .h2-top{align-items:flex-start!important;flex-direction:column!important;padding:26px!important}
  html body #app main.app-shell section.content div.workspace .h2-app .h2-top>div:last-child{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
}
/* 20260817: equipment report tab/report visual parity */
html body #app main.app-shell section.content div.workspace .h2-app .h2-nav{
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  margin:8px 0 18px!important;
  padding:0!important;
  border:1px solid #cfe2ef!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-nav button{
  flex:1 1 0!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-right:1px solid #b8d8f5!important;
  border-bottom:1px solid #b8d8f5!important;
  border-radius:0!important;
  background:#fff!important;
  color:#37546f!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-nav button.active{
  border-bottom:3px solid #0b8ee8!important;
  background:#eaf7ff!important;
  color:#0064b0!important;
  font-weight:900!important;
}

/* 20260821: keep dashboard and HTML report tabs on the same content rail. */
html body #app main.app-shell section.content div.workspace .h2-app .h2-main{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .report-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .cover{
  margin:0!important;
  padding:18px 19px!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .cover h1{
  margin:14px 0 8px!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .cover .sub{
  max-width:none!important;
  margin-bottom:18px!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .exec-summary,
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .content{
  padding:18px 19px 6px!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .highlight-box{
  margin:13px 19px 0!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .content .highlight-box{
  margin:0 0 16px!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .toc{
  margin:18px 19px 6px!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .footer-note{
  margin:24px 19px 0!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .h2-download{
  margin:0 19px 24px!important;
}
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .meta-row,
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .kpi-grid,
html body #app main.app-shell section.content div.workspace .h2-app .h2-report .rpt-grid{
  width:100%!important;
  box-sizing:border-box!important;
}

/* 20260821: equipment-report full workspace layout like the requested sample. */
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app{
  display:grid!important;
  grid-template-columns:264px minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  min-height:calc(100vh - 62px)!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(90deg,#fff 0 264px,#f6faff 264px 100%)!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-controls{
  grid-column:1!important;
  align-self:stretch!important;
  width:264px!important;
  min-height:calc(100vh - 62px)!important;
  margin:0!important;
  padding:34px 20px 24px!important;
  border-right:1px solid #e6edf5!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  color:#102033!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-control-brand{
  padding:0 10px 46px!important;
  border-bottom:0!important;
  color:#102033!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-control-brand span,
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-control-brand small{
  color:#516986!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-control-brand b{
  color:#102033!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-upload{
  margin:0 0 24px!important;
  padding:16px!important;
  border:1px solid #cfe2ef!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#102033!important;
  box-shadow:none!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-upload p{
  color:#516986!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-file{
  border-color:#dbe8f5!important;
  background:#fbfdff!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-required{
  margin:0 0 12px!important;
  padding:13px!important;
  border:1px solid #eef3f8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#102033!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-required span{
  color:#516986!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-demo{
  border-color:#cfe2ef!important;
  background:#fff!important;
  color:#b8d7f6!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-main{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 32px 48px!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-top{
  width:100%!important;
  min-height:164px!important;
  margin:0 0 10px!important;
  padding:36px!important;
  border:1px solid #dbe8f5!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-nav{
  width:100%!important;
  margin:0 0 20px!important;
  border-color:#b8d8f5!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-report{
  width:100%!important;
  margin:0!important;
  border:1px solid #cfe2ef!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-report .report-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
}
@media(max-width:1100px){
  html body #app main.app-shell section.content div.workspace #hrManagement.h2-app{
    grid-template-columns:1fr!important;
    background:#f6faff!important;
  }
  html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-controls{
    display:none!important;
  }
  html body #app main.app-shell section.content div.workspace #hrManagement.h2-app .h2-main{
    grid-column:1!important;
    padding:20px!important;
  }
}

/* 20260821: pin HTML report tab to the same left rail as the dashboard tab. */
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app.h2-report-mode .h2-main{
  align-items:stretch!important;
  justify-items:stretch!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app.h2-report-mode .h2-report{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-self:stretch!important;
  align-self:start!important;
}
html body #app main.app-shell section.content div.workspace #hrManagement.h2-app.h2-report-mode .h2-report .report-wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}