/* 실내스마트팜 양액관리 — 데이터 대시보드 스타일. np-dash- 접두. */
.np-dash{background:#f4f6f8;color:#232b32;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard",sans-serif;}
.np-dash a{color:inherit;}
.np-dash .nav{background:rgba(35,43,50,.95);}
.np-dash .nav__phone{background:#2e8bd6;color:#fff;}
.np-dash .nav__menu a:hover{color:#2e8bd6;}

.dash-hero{max-width:1140px;margin:0 auto;padding:130px 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.dash-hero__kicker{font-size:.75rem;letter-spacing:.2em;font-weight:800;color:#2e8bd6;margin:0 0 16px;}
.dash-hero h1{font-size:2.4rem;font-weight:800;margin:0 0 18px;}
.dash-hero p{font-size:1.02rem;line-height:1.8;color:#4a555c;}
.dash-hero__photo{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px rgba(35,43,50,.18);}
.dash-hero__photo img{width:100%;display:block;}
@media(max-width:860px){.dash-hero{grid-template-columns:1fr;padding-top:100px;}}

.dash-breadcrumb{max-width:1140px;margin:0 auto;padding:8px 24px 0;font-size:.85rem;color:#8593a0;}
.dash-breadcrumb a{color:#8593a0;text-decoration:underline;}

.dash-section{max-width:1140px;margin:0 auto;padding:60px 24px;}
.dash-section--white{background:#fff;}
.dash-section--white .dash-inner{max-width:1140px;margin:0 auto;padding:60px 24px;}
.dash-eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#2e8bd6;text-transform:uppercase;margin:0 0 14px;}
.dash-title{font-size:1.8rem;font-weight:800;margin:0 0 20px;}
.dash-body{font-size:1rem;line-height:1.85;color:#4a555c;max-width:760px;}

/* 게이지(도넛) 카드 */
.dash-gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;}
.dash-gauge{background:#fff;border-radius:10px;padding:22px;text-align:center;box-shadow:0 4px 16px rgba(35,43,50,.08);}
.dash-gauge__ring{width:96px;height:96px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;color:#232b32;}
.dash-gauge__label{font-size:.85rem;color:#4a555c;font-weight:700;}
.dash-gauge__sub{font-size:.76rem;color:#8593a0;margin-top:4px;}
@media(max-width:760px){.dash-gauges{grid-template-columns:repeat(2,1fr);}}

/* 추세 바 차트(간이) */
.dash-chart{margin-top:32px;background:#fff;border-radius:10px;padding:26px;box-shadow:0 4px 16px rgba(35,43,50,.08);}
.dash-chart__bars{display:flex;align-items:flex-end;gap:10px;height:140px;margin-top:18px;}
.dash-chart__bars div{flex:1;background:linear-gradient(180deg,#2e8bd6,#7ec4ec);border-radius:4px 4px 0 0;position:relative;}
.dash-chart__bars span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:.7rem;color:#8593a0;}

.dash-table{width:100%;border-collapse:collapse;margin-top:32px;font-size:.92rem;}
.dash-table th,.dash-table td{border:1px solid #e1e6ea;padding:14px 16px;text-align:left;}
.dash-table th{background:#232b32;color:#fff;font-weight:800;}
.dash-table td{color:#3a444c;background:#fff;}

.dash-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:800;}
.dash-badge--ok{background:#dff3e6;color:#1c8a4c;}
.dash-badge--warn{background:#fff1d6;color:#b5790a;}

.dash-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px;}
.dash-gallery img{width:100%;height:170px;object-fit:cover;border-radius:8px;}
@media(max-width:760px){.dash-gallery{grid-template-columns:repeat(2,1fr);}}

.dash-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.dash-tags a{border:1px solid #232b32;padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;color:#232b32;border-radius:6px;}
.dash-tags a:hover{background:#232b32;color:#7ec4ec;}

.dash-faq{margin-top:30px;}
.dash-faq details{border-bottom:1px solid #e1e6ea;padding:20px 0;}
.dash-faq summary{cursor:pointer;font-weight:800;font-size:1rem;list-style:none;position:relative;padding-right:28px;}
.dash-faq summary::-webkit-details-marker{display:none;}
.dash-faq summary::after{content:"+";position:absolute;right:0;top:0;font-size:1.3rem;color:#2e8bd6;}
.dash-faq details[open] summary::after{content:"–";}
.dash-faq p{margin:14px 0 0;color:#4a555c;line-height:1.75;font-size:.94rem;}

.dash-cta{background:#232b32;color:#fff;text-align:center;padding:70px 24px;}
.dash-cta h2{font-size:1.7rem;font-weight:800;margin:0 0 14px;}
.dash-cta p{margin:0 0 26px;color:#b7c2ca;}
.dash-cta a{display:inline-block;background:#2e8bd6;color:#fff;padding:16px 34px;font-weight:800;text-decoration:none;border-radius:6px;}

.dash-biz{background:#fff;color:#8593a0;font-size:.82rem;line-height:1.9;padding:28px 24px;text-align:center;border-top:1px solid #e1e6ea;}
.dash-biz b{color:#232b32;}
@media(max-width:400px){.dash-gauges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.dash-gauge{padding:14px 8px;min-width:0;}.dash-gauge__ring{width:76px;height:76px;font-size:.9rem;}.dash-table{font-size:.8rem;}.dash-table th,.dash-table td{padding:10px 8px;word-break:keep-all;overflow-wrap:anywhere;}}