/* 업무 체크리스트와 같은 직원·계정 화면 톤. 이 스타일을 연결한 화면에만 적용합니다. */
:root{--bg2:#f6f7f9;--bg3:#f0f2f5;--fg:#111827;--fg2:#475569;--fg3:#64748b;--line:#dfe4eb;--line2:#cbd5e1;--blue:#111827;--radius:9px}
html,body{background:#f5f6f8}.top{position:static;max-width:1400px;margin:32px auto 20px;padding:24px;height:auto;min-height:100px;border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;gap:14px}.top .home{font-size:20px}.top .brand{font-size:21px;text-decoration:none}.top .brand.page{border:0}.top .tabs{flex-basis:100%;order:10}.top .tabs:empty{display:none}.top .me{margin-left:auto}.top .me .av{width:36px;height:36px;font-size:15px}.wrap{max-width:1400px;padding:0 0 36px}.btn{padding:10px 16px;border-radius:8px}.btn.primary:hover{background:#28303f}.btn.sm{padding:7px 11px}.tab{padding:9px 14px}.tab.on{background:#f4eadb;color:#956e36}.staff-card:hover{border-color:#b88d51;box-shadow:0 4px 15px rgba(17,24,39,.06)}.staff-panel,.staff-scope{border-radius:16px}.tablewrap{border-radius:12px;background:white}.tablewrap thead th{background:#f8fafc}.toolbar{background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.stats .stat{border-radius:12px;padding:16px}.card{border-radius:12px}.actions .btn{padding:11px 17px}.f input,.f select,.f textarea,.staff-top input{border-radius:8px;padding:11px 12px}.staff-top input{border:1px solid var(--line2)}.modal{border-radius:16px}.mh{padding:22px 24px}.mb{padding:22px 24px}.mf{padding:16px 24px}.profile-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:22px}.profile-panel h2{font-size:18px;margin:0 0 20px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-grid input,.profile-grid select{width:100%;padding:11px 12px;border:1px solid var(--line2);border-radius:8px;background:white}.profile-grid .register-btn{grid-column:3}.profile-note{grid-column:1/3;align-self:center;color:#64748b;font-size:12px}.profile-summary{border:1px solid var(--line);border-radius:12px;padding:16px;background:#f9fafb;margin:16px 0}.profile-summary strong{color:#ad8549}.profile-summary .hint{margin-top:8px}.profile-account{border:1px solid var(--line);border-radius:12px;padding:20px 16px;display:flex;align-items:center;gap:16px;margin-top:10px}.profile-account .av{width:58px;height:58px;font-size:22px}.profile-account .info{flex:1;min-width:0}.profile-account strong{font-size:16px;display:block;margin-bottom:6px}.profile-account .buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-state{border-radius:20px;padding:5px 10px;font-size:12px;background:#ecfdf5;color:#047857}.profile-state.off{background:#fef2f2;color:#b91c1c}.profile-photo-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.profile-photo-tools .av{width:72px;height:72px;font-size:26px}.profile-checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}.profile-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.profile-top h2{margin:0;flex:1}.profile-top input{padding:11px 12px;border:1px solid var(--line2);border-radius:8px;max-width:280px;width:100%}.profile-setup{background:#fffbf3;border:1px solid #e7d4b7;border-radius:12px;padding:16px;margin-bottom:20px}.profile-photo-tools .hint{flex-basis:100%}
@media(max-width:1440px){.top,.wrap{margin-left:20px;margin-right:20px}.wrap{padding-left:0;padding-right:0}}
@media(max-width:700px){.top{margin:16px 12px;padding:18px}.wrap{margin:0 12px}.profile-grid{grid-template-columns:1fr}.profile-grid .register-btn,.profile-note{grid-column:auto}.profile-panel{padding:18px}.profile-account{flex-wrap:wrap}.profile-account .buttons{flex-basis:100%}.staff-card{padding:16px}.top .me{margin-left:0}.top .brand{font-size:18px}.top .home{font-size:18px}}