/* 명세톡 테마: 밝고 친근한 느낌 (색·아이콘만 담당. 지우면 이전 모양으로 돌아갑니다) */
:root{--green:#168a52;--mint:#e8f7ee;--sky:#e8f1ff;--peach:#fff3e2;--line:#e2ece5;--soft:#f5faf7}
body{background:var(--soft)}

/* 아이콘 */
.ico{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.i-home{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 11l9-8 9 8'/><path d='M5 10v10h14V10'/><path d='M10 20v-6h4v6'/></svg>")}
.i-quote{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/><path d='M14 3v5h5'/><path d='M9 13h6M9 17h6'/></svg>")}
.i-receipt{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/><path d='M9 8h6M9 12h6'/></svg>")}
.i-building{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 21V7l8-4 8 4v14'/><path d='M9 21v-5h6v5'/><path d='M9 10h.01M15 10h.01M9 13h.01M15 13h.01'/></svg>")}
.i-box{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 8l-9-5-9 5v8l9 5 9-5z'/><path d='M3 8l9 5 9-5M12 13v8'/></svg>")}
.i-briefcase{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/><path d='M3 13h18'/></svg>")}

/* 사이드바·상단 메뉴: 흰 바탕 + 연두 강조 */
.sidebar{background:#fff;color:#4a5e51;border-right:1px solid var(--line)}
.logo{color:var(--dark)}
.logo b{background:linear-gradient(135deg,#34c47f,#168a52);color:#fff;border-radius:11px;box-shadow:0 3px 8px rgba(22,138,82,.28)}
.nav{display:flex;align-items:center;gap:9px;color:#56695d;border-radius:12px}
.nav:hover{background:#eef8f2;color:var(--green)}
.nav.active{background:var(--mint);color:#0d7442;font-weight:800}
.sidebar small{color:#9db0a4}
@media(max-width:800px){
.sidebar{border-right:0;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(22,138,82,.07)}
.nav{justify-content:center;gap:6px;padding:9px 7px}
.nav .ico{width:16px;height:16px}
}

/* 카드·버튼 */
.stats article,.panel,.form-panel,.notice,.card{border-radius:16px;border-color:var(--line);box-shadow:0 2px 10px rgba(22,138,82,.05)}
.primary{background:linear-gradient(135deg,#25a866,#168a52);border-radius:12px;box-shadow:0 3px 8px rgba(22,138,82,.25)}
.secondary{background:var(--mint);color:#0d7442;border-radius:10px}
.top-back{border-radius:10px}
.badge.confirmed{background:#dff5e7;color:#0d7442}
.badge.sent{background:#e6efff;color:#2f62b0}

/* 홈: 요약 카드 색 구분 */
#dashboardPage .stats article:nth-child(1){background:var(--mint)}
#dashboardPage .stats article:nth-child(2){background:var(--sky)}
#dashboardPage .stats article:nth-child(3){background:var(--peach)}
#dashboardPage .stats article{border-color:transparent;box-shadow:none}
#dashboardPage .stats article:nth-child(1) strong{color:#0d7442}
#dashboardPage .stats article:nth-child(2) strong{color:#2f62b0}
#dashboardPage .stats article:nth-child(3) strong{color:#b8681a}

/* 홈: 미리등록 타일 (아이콘 위, 글자 아래) */
#dashboardPage .quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:16px;min-height:66px;padding:10px 4px;color:#25382d}
#dashboardPage .quick-link .ico{width:24px;height:24px}
#dashboardPage .quick-link:nth-child(1){background:var(--mint)}
#dashboardPage .quick-link:nth-child(1) .ico{color:#168a52}
#dashboardPage .quick-link:nth-child(2){background:var(--sky)}
#dashboardPage .quick-link:nth-child(2) .ico{color:#3b78d8}
#dashboardPage .quick-link:nth-child(3){background:var(--peach)}
#dashboardPage .quick-link:nth-child(3) .ico{color:#e08a1e}
#dashboardPage .quick-link:hover{filter:brightness(.97)}

/* 견적서·거래명세표 목록: 확인/수정/삭제를 알약 버튼으로 */
.document-row-actions .link{border-radius:999px;padding:4px 11px;font-size:13px;background:var(--mint);color:#0d7442}
.document-row-actions .link.danger{background:#fdecec;color:#c0392b}

/* 명세톡 도장 로고 */
.logo img{width:34px;height:34px;border-radius:9px;flex:none;display:block}