/* 메인 메뉴의 배치와 기능을 유지하며 업무 체크리스트의 색감에 맞춥니다. */
.erp-home{background:#f5f6f8;color:#111827}
.erp-home .top{max-width:1082px;min-height:92px;margin:32px auto 20px;padding:22px 24px;background:#fff;box-shadow:0 2px 8px rgba(17,24,39,.025)}
.erp-home #editBtn{margin-left:auto}
.erp-home .top:has(#editBtn) .me{margin-left:0}
.erp-home .top .brand{font-size:30px;gap:14px;font-weight:750}
.erp-home .top .company-logo{width:190px;max-height:none}
.erp-home .wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.erp-home .nboard{background:#fff;border-color:#dfe4eb;border-radius:14px;box-shadow:0 2px 8px rgba(17,24,39,.025)}
.erp-home .nboard .hd{background:#fff;border-bottom-color:#edf0f4;padding:14px 16px}
.erp-home .nboard .hd h2{color:#252d3a;font-weight:650}
.erp-home .nboard .hd a{color:#956e36}
.erp-home .nboard .hd a:hover{color:#775322}
.erp-home .nboard .none{color:#64748b;padding:18px 16px}
.erp-home .nrow.unread{background:#fcf8f1}
.erp-home .nrow.unread:hover{background:#f7efdf}
.erp-home .wrap:not(.editing) .dept{background:#fff!important;border:1px solid #dfe4eb;border-radius:14px;box-shadow:0 2px 8px rgba(17,24,39,.025)}
.erp-home .dept h2{margin:8px 6px 14px;gap:8px;font-size:14px}
.erp-home .wrap:not(.editing) .dept h2 .nm{background:#f5ecdf!important;color:#906a35!important;border-radius:6px;padding:5px 9px}
.erp-home .dept h2 .n{color:#64748b;font-size:12px}
.erp-home .pg{background:#fff;border-color:#e5e8ee;border-radius:9px;color:#334155;min-height:45px;transition:border-color .15s,background .15s,box-shadow .15s}
.erp-home .pg:hover{background:#fcfaf6;border-color:#cbb38e;box-shadow:0 2px 6px rgba(17,24,39,.035)}
.erp-home .pg:focus-visible,.erp-home .addpg:focus-visible{outline:2px solid #b38c55;outline-offset:2px}
.erp-home .pg .hint,.erp-home .pg.na{color:#64748b}
.erp-home .addpg{color:#64748b;opacity:1}
.erp-home .addpg:hover{color:#956e36;background:#f8f3eb}
.erp-home .editbar{background:#fcf8f1;border-color:#e7d4b7;color:#775322;border-radius:12px;padding:12px 16px}
.erp-home .allow label:has(input:checked){background:#f5ecdf;border-color:#d8c09e}
.erp-home .foot{color:#64748b}
@media(max-width:1122px){.erp-home .top{margin-left:20px;margin-right:20px}}
@media(max-width:640px){.erp-home .top{margin:16px 12px;padding:18px;gap:12px;min-height:88px}.erp-home #editBtn{margin-left:auto}
.erp-home .top:has(#editBtn) .me{margin-left:0}
.erp-home .top .brand{font-size:24px;gap:10px}.erp-home .top .company-logo{width:150px}.erp-home .top .me{margin-left:auto}.erp-home .wrap{margin:0;padding:0 12px 28px}.erp-home .nboard .hd{flex-wrap:wrap;gap:10px}.erp-home .nboard .hd h2{flex-basis:100%}.erp-home .dept{padding:12px}}


/* Main-page account identity is easier to read. */
.erp-home .top #meBtn{font-size:16px;font-weight:600;gap:10px;padding:6px 8px}
.erp-home .top #meBtn .av{width:48px;height:48px;font-size:20px}
.erp-home .top #meBtn .hint{font-size:12px!important;font-weight:400}
@media(max-width:640px){.erp-home .top #meBtn{font-size:15px;gap:8px}.erp-home .top #meBtn .av{width:44px;height:44px}}