/* Four solution-specific hero visuals. This stylesheet is loaded only by
   cmms.html, facility.html, fms.html and building.html. */
.nv-cmms-hero .hv-layout{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);
  gap:48px;align-items:center;
}
.nv-cmms-hero .hv-copy{min-width:0}
.nv-cmms-hero .hv-copy .nv-breadcrumb{margin-bottom:27px}
.nv-cmms-hero .hv-copy .nv-cmms-hero-headline span:last-child{
  color:#FFD0BF!important;white-space:normal!important;
}
.nv-cmms-hero .hv-copy .nv-cmms-hero-headline span:first-child{color:#fff!important}
.nv-cmms-hero .hv-copy .nv-cmms-pills{margin-top:26px}
.nv-cmms-hero .hv-copy .nv-hero-buttons{gap:9px}
.nv-cmms-hero .hv-copy .nv-button{padding-inline:19px;gap:11px}
.hv-board{
  width:100%;min-width:0;min-height:372px;border-radius:20px;
  border:1px solid #c3dcec;background:linear-gradient(145deg,#f8fcff,#e4f0fa);
  box-shadow:0 28px 65px #0005;color:#153957;padding:20px 21px 14px;
  font-family:Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif;
}
.hv-board-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:19px}
.hv-board-header b{display:block;font-size:16px;font-weight:900;letter-spacing:-.04em;color:#173b58}
.hv-board-header small{display:block;font-size:10px;color:#698ba4;letter-spacing:.06em;margin-top:3px}
.hv-board-tag{flex-shrink:0;border-radius:999px;padding:6px 9px;background:#d9ebfa;color:#2570a6;font-size:9px;font-weight:900;letter-spacing:.045em}
.hv-board-demo{border-top:1px solid #d5e4ef;margin-top:14px;padding-top:9px;text-align:right;color:#7b95a7;font-size:10px}

/* CMMS: live operations console, donut + status bars + maintenance strip. */
.hv-cmms-main{display:grid;grid-template-columns:162px 1fr;gap:19px;align-items:center}
.hv-cmms-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#45b8a5 0 72%,#e97967 72% 87%,#b7cddd 87% 100%);
  box-shadow:0 8px 18px #22597f1c}
.hv-cmms-donut-center{width:113px;height:113px;background:#fff;border:6px solid #f3f8fc;
  border-radius:50%;display:grid;place-items:center;text-align:center;align-content:center}
.hv-cmms-donut-center small{color:#6d8aa1;font-size:11px;font-weight:800}
.hv-cmms-donut-center strong{color:#195477;font-size:22px;letter-spacing:-.04em}
.hv-cmms-status{display:grid;gap:13px}
.hv-cmms-status-row .name{display:flex;align-items:center;gap:7px;color:#34546e;font-size:12px;font-weight:800;margin-bottom:5px}
.hv-cmms-status-row .dot{width:8px;height:8px;border-radius:50%;background:#45b8a5}
.hv-cmms-status-row:nth-child(2) .dot{background:#b5c6d8}
.hv-cmms-status-row:nth-child(3) .dot{background:#e97967}
.hv-cmms-track{height:8px;border-radius:99px;background:#dce7ee;overflow:hidden}
.hv-cmms-track i{display:block;height:100%;border-radius:99px;background:#45b8a5}
.hv-cmms-status-row:nth-child(2) i{background:#a8bfd1}
.hv-cmms-status-row:nth-child(3) i{background:#e97967}
.hv-cmms-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px}
.hv-cmms-bottom div{padding:13px 9px;border-radius:11px;background:#fff;border:1px solid #d5e5f0;
  text-align:center;color:#33617e;font-size:11px;font-weight:800;line-height:1.5}
.hv-cmms-bottom div:first-child{border-top:3px solid #49ad9e}
.hv-cmms-bottom div:nth-child(2){border-top:3px solid #e97967}
.hv-cmms-bottom div:last-child{border-top:3px solid #69a7d7}

/* General FMS: compact facility assets -> work order flow dashboard. */
.hv-board--facility,.hv-board--public{
  height:388px;min-height:388px;display:flex;flex-direction:column;
  padding:16px 18px 11px;
}
.hv-board--facility .hv-board-header,.hv-board--public .hv-board-header{margin-bottom:13px}
.hv-fac-ops{display:grid;grid-template-columns:1fr 27px 1fr;gap:7px;align-items:center}
.hv-fac-ops-col{min-width:0;background:#e7f1f9;border:1px solid #d4e3ee;
  border-radius:12px;padding:11px;display:grid;gap:7px}
.hv-fac-ops-col:last-child{background:#fdf1ed;border-color:#f0dbd4}
.hv-fac-ops-title{font-size:10px;font-weight:900;color:#5b7d97;letter-spacing:.07em;margin-bottom:2px}
.hv-fac-ops-col:last-child .hv-fac-ops-title{color:#a67366}
.hv-fac-asset,.hv-fac-work{display:flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #dce8f0;border-radius:9px;padding:8px 9px;min-height:39px}
.hv-fac-asset .icon{flex:0 0 21px;width:21px;height:21px;border-radius:6px;background:#bbd9ed;
  display:grid;place-items:center;font-size:10px;font-weight:900;color:#246d99}
.hv-fac-asset:nth-child(3) .icon{background:#c8e5db;color:#387d69}
.hv-fac-asset:nth-child(4) .icon{background:#dfd4f2;color:#7555a7}
.hv-fac-asset b,.hv-fac-work b{color:#365b74;font-size:11px;font-weight:850}
.hv-fac-work{border-color:#f0dfd8}
.hv-fac-work span{flex:0 0 21px;width:21px;height:21px;border-radius:50%;display:grid;
  place-items:center;background:#f6d7ca;color:#b86051;font-weight:900;font-size:10px}
.hv-fac-ops-arrow{display:grid;place-items:center;color:#d07767;font-size:24px;font-weight:900}
.hv-fac-ops-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:17px}
.hv-fac-ops-flow span{position:relative;border-radius:8px;background:#fff;border:1px solid #d8e7f1;
  color:#356a87;text-align:center;font-size:10px;padding:9px 3px;font-weight:850}
.hv-fac-ops-flow span:not(:last-child):after{content:"›";position:absolute;right:-7px;top:5px;
  z-index:1;color:#d36f5c;font-weight:900;font-size:17px}
.hv-board--facility .hv-board-demo,.hv-board--public .hv-board-demo{
  margin-top:auto;padding-top:8px;
}

/* Public FMS: a multi-site control table. */
.hv-public-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}
.hv-public-summary div{padding:10px 8px;background:#fff;border-radius:11px;border:1px solid #d7e5ee;text-align:center}
.hv-public-summary b{display:block;color:#1a6b9c;font-size:12px}
.hv-public-summary span{display:block;color:#748da0;font-size:10px;margin-top:2px}
.hv-public-table{background:#fff;border:1px solid #d5e4ee;border-radius:12px;overflow:hidden}
.hv-public-table-head,.hv-public-table-row{display:grid;grid-template-columns:1.25fr .75fr .8fr;gap:8px;align-items:center}
.hv-public-table-head{background:#dfedf7;padding:9px 13px;color:#527790;font-size:10px;font-weight:900}
.hv-public-table-row{padding:11px 13px;border-top:1px solid #edf2f6;font-size:11px;color:#426177}
.hv-public-table-row strong{font-size:12px;color:#1d4d70}
.hv-public-pill{display:inline-block;background:#e0f3ed;color:#237764;border-radius:6px;font-size:10px;padding:5px 7px;font-weight:800;text-align:center}
.hv-public-pill.warn{background:#fff0e9;color:#c16e58}
.hv-public-pill.neutral{background:#eaf1f7;color:#60809b}
.hv-public-footer{display:flex;align-items:center;gap:9px;margin-top:17px;border-radius:11px;
  background:#164c73;color:#e5f4fd;padding:13px 15px;font-weight:800;font-size:12px}
.hv-public-footer span{color:#ffe0d5;font-size:20px;font-weight:900;line-height:1}
.hv-public-footer small{font-size:10px;font-weight:600;color:#c8deed;margin-left:auto}
.hv-board--public .hv-public-summary{margin-bottom:11px;gap:7px}
.hv-board--public .hv-public-summary div{padding:5px 6px}
.hv-board--public .hv-public-table-head{padding:7px 11px}
.hv-board--public .hv-public-table-row{padding:6px 11px}
.hv-board--public .hv-public-footer{margin-top:8px;padding:7px 11px}

/* Building: a distinct floor-by-floor cutaway with systems on the side. */
.hv-building-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:14px;align-items:stretch}
.hv-building-cutaway{padding:11px;background:#e0edf8;border-radius:13px;border:1px solid #cbddec}
.hv-building-roof{width:94%;height:12px;margin:auto;background:#426e8f;border-radius:8px 8px 2px 2px}
.hv-building-floor{display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center;
  min-height:53px;background:#fff;border:1px solid #d5e3ee;border-top:0;padding:7px 10px}
.hv-building-roof + .hv-building-floor{border-radius:5px 5px 0 0}
.hv-building-floor:last-child{border-radius:0 0 7px 7px}
.hv-building-floor .level{font-size:11px;color:#d07364;font-weight:900}
.hv-building-room{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#edf4fa;
  padding:8px 9px;border-radius:7px}
.hv-building-room strong{color:#3e6884;font-size:11px}
.hv-building-room i{display:block;width:9px;height:9px;border-radius:50%;background:#4eb3a1;flex-shrink:0}
.hv-building-floor:nth-of-type(4) i{background:#e97967}
.hv-building-floor:nth-of-type(5) i{background:#86b2d3}
.hv-building-systems{display:grid;grid-template-rows:repeat(4,1fr);gap:7px}
.hv-building-system{background:#fff;border:1px solid #d6e4ee;border-radius:10px;
  padding:9px 10px;display:flex;flex-direction:column;justify-content:center}
.hv-building-system b{display:block;font-size:12px;color:#275675}
.hv-building-system small{display:block;font-size:10px;color:#7791a3;margin-top:3px}
.hv-building-system:nth-child(2){border-left:3px solid #65b9a9}
.hv-building-system:nth-child(3){border-left:3px solid #e97967}
.hv-building-system:nth-child(4){border-left:3px solid #9aadd6}
.hv-building-foot{display:flex;justify-content:space-between;gap:8px;margin-top:15px;background:#d8e9f5;border-radius:10px;padding:12px;color:#376a88;font-size:11px;font-weight:800}
.hv-building-foot span:last-child{color:#ba6d60}

@media(max-width:1100px){
  .nv-cmms-hero .hv-layout{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:24px}
  .nv-cmms-hero .hv-copy .nv-button{min-height:49px;font-size:12px;padding:11px 13px}
  .hv-board{padding:16px 16px 12px}
  .hv-cmms-main{grid-template-columns:130px 1fr;gap:13px}
  .hv-cmms-donut{height:130px;width:130px}
  .hv-cmms-donut-center{height:91px;width:91px}
}
@media(max-width:900px){
  .nv-cmms-hero .hv-layout{grid-template-columns:1fr;gap:30px}
  .nv-cmms-hero .hv-board{max-width:585px;justify-self:center}
  .nv-cmms-hero .hv-copy .nv-button{font-size:14px;padding:15px 20px}
}
@media(max-width:560px){
  .nv-cmms-hero .hv-copy .nv-breadcrumb{margin-bottom:20px}
  .nv-cmms-hero .hv-copy .nv-cmms-hero-headline{font-size:19px}
  .nv-cmms-hero .hv-copy .nv-hero-buttons .nv-button{width:100%;justify-content:space-between}
  .hv-board{min-height:0;padding:15px 12px 12px}
  .hv-board-header b{font-size:14px}
  .hv-board-tag{font-size:8px}
  .hv-cmms-main{grid-template-columns:117px 1fr;gap:10px}
  .hv-cmms-donut{height:116px;width:116px}
  .hv-cmms-donut-center{height:83px;width:83px}
  .hv-cmms-donut-center strong{font-size:17px}
  .hv-cmms-status-row .name{font-size:11px}
  .hv-cmms-bottom div{font-size:10px;padding:9px 5px}
  .hv-board--facility,.hv-board--public{height:auto;min-height:0}
  .hv-fac-ops{grid-template-columns:1fr 20px 1fr;gap:4px}
  .hv-fac-ops-col{padding:7px;gap:5px}
  .hv-fac-asset,.hv-fac-work{padding:7px 5px;gap:5px}
  .hv-fac-asset b,.hv-fac-work b{font-size:10px}
  .hv-fac-ops-flow{margin-top:12px}
  .hv-building-layout{gap:9px}
  .hv-building-cutaway{padding:7px}
  .hv-building-room{padding:7px 5px}
  .hv-building-system{padding:8px 6px}
  .hv-building-system b,.hv-building-room strong{font-size:10px}
  .hv-building-system small{font-size:9px}
  .hv-public-table-head,.hv-public-table-row{gap:5px;padding-left:8px;padding-right:8px}
  .hv-public-footer small{display:none}
}