/* public/orgfix.css — 2026-10-17 분리
 * 10-02~10-03 에 app.css 끝에 덧붙였던 규칙 묶음(좌석 깜빡임·빈자리·배너 hover·메일 패널·도구 버튼 색).
 * app.css 는 조직도 수집 확장의 화면 번들 발행이 통째로 덮어쓰므로(10-16 사고) 번들 밖 파일로 옮긴다.
 * 되돌리기: index.html 의 orgfix.css 링크 1줄 삭제. */
/* ----- 좌석 위치 강조 (2026-10-02) — 본인 좌석 깜빡임 + 둘레 링 퍼짐 · 움직임 줄이기 설정이면 위 규칙이 끈다 ----- */
@keyframes gaSeatBlink{0%,100%{fill:var(--accent)}50%{fill:var(--sheet)}}
@keyframes gaSeatBlinkTx{0%,100%{fill:#FFFFFF}50%{fill:var(--accent-ink)}}
@keyframes gaSeatPin{0%{opacity:.95;transform:scale(.55);stroke-width:2.6}100%{opacity:0;transform:scale(1.7);stroke-width:1}}
.smap .st.hit{animation:gaSeatBlink 1.2s ease-in-out infinite}
.smap .snm.me{animation:gaSeatBlinkTx 1.2s ease-in-out infinite}
.smap .pin{transform-box:fill-box;transform-origin:center;animation:gaSeatPin 1.2s ease-out infinite}
/* ----- 빈자리 표시 (2026-10-02) — 흰 바탕에 묻히지 않게 옇은 회색으로 ----- */
:root{--seat-empty:#D5DBE3;--seat-empty-line:#BEC6D0}
:root[data-mode="dark"]{--seat-empty:#3A4655;--seat-empty-line:#4C5A6B}
@media (prefers-color-scheme:dark){:root:not([data-mode="light"]){--seat-empty:#3A4655;--seat-empty-line:#4C5A6B}}
.smap .st:not(.o):not(.hit){fill:var(--seat-empty);stroke:var(--seat-empty-line)}

/* 2026-11-03 다이어그램 — 정보보안팀을 사업총괄 상자 오른쪽 옆에(가로 버스 끝에서 뺀다). app.js 가 .dside 를 상자 안 끝에 넣는다 */
.dside{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:34px;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:default}
.dside::before{content:"";position:absolute;right:100%;top:50%;width:34px;height:1px;background:var(--rule-2)}
.dside .dbox{white-space:nowrap}
/* 2026-10-03 배너 hover 흰 박스 — 인원 행 .mrow:hover 규칙이 배너 숫자 줄(.masthead .mrow)에도 걸렸다 */
.masthead .mrow:hover,.masthead .mrow.hit{background:none}
/* 2026-10-03 메일 주소 모음(mailx.js) — body 직속 고정 패널 */
.mx-ov{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.42);display:flex;justify-content:flex-end}
.mx-pn{width:min(560px,100vw);height:100%;background:var(--sheet,#fff);color:var(--ink,#1f2937);display:flex;flex-direction:column;box-shadow:-8px 0 28px rgba(15,23,42,.18)}
.mx-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--rule,#e5e9f0)}
.mx-hd b{display:block;font-size:17px;font-weight:800}
.mx-hd span{display:block;margin-top:3px;font-size:12px;color:var(--mute,#6b7685)}
.mx-x{border:0;background:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}
.mx-x:hover{background:var(--accent-soft2,#eef6fb)}
.mx-ctl{padding:12px 20px 4px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--rule,#e5e9f0)}
.mx-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mx-r2{padding-bottom:8px}
.mx-lb{width:44px;flex:none;font-size:12px;font-weight:700;color:var(--mute,#6b7685)}
.mx-chips{display:flex;flex-wrap:wrap;gap:6px}
.mx-chip{border:1px solid var(--rule,#d6dde6);background:var(--sheet,#fff);color:inherit;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer}
.mx-chip:hover{border-color:var(--accent,#007DB6)}
.mx-chip.on{background:var(--accent,#007DB6);border-color:var(--accent,#007DB6);color:#fff}
.mx-q{flex:1 1 180px;min-width:0;font-size:13px;padding:7px 10px;border:1px solid var(--rule,#d6dde6);border-radius:8px;background:var(--sheet,#fff);color:inherit}
.mx-ck{font-size:12.5px;display:flex;align-items:center;gap:5px;cursor:pointer}
.mx-body{flex:1;overflow:auto;padding:12px 20px 20px}
.mx-sum{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:10px}
.mx-acts{display:flex;gap:6px}
.mx-btn{border:1px solid var(--rule,#d6dde6);background:var(--sheet,#fff);color:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}
.mx-btn:hover{border-color:var(--accent,#007DB6);color:var(--accent,#007DB6)}
.mx-btn.pri{background:var(--accent,#007DB6);border-color:var(--accent,#007DB6);color:#fff}
.mx-btn.ok{background:#15803d;border-color:#15803d;color:#fff}
.mx-list{list-style:none;margin:0;padding:0}
.mx-g{border-bottom:1px solid var(--rule,#eef1f4)}
.mx-gh{display:flex;align-items:center;gap:10px;min-height:44px}
.mx-tg{flex:1;min-width:0;text-align:left;border:0;background:none;color:inherit;cursor:pointer;padding:6px 0;display:flex;flex-direction:column}
.mx-gt{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-gs{font-size:12px;color:var(--mute,#6b7685);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-tg:hover .mx-gt{color:var(--accent,#007DB6)}
.mx-n{font-size:12.5px;color:var(--mute,#6b7685);font-variant-numeric:tabular-nums;white-space:nowrap}
.mx-ml{display:flex;flex-direction:column;gap:3px;padding:2px 0 12px 10px}
.mx-p{font-size:12.5px}
.mx-p i{font-style:normal;font-size:12px;color:var(--mute,#6b7685)}
.mx-a{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--mute,#5a6169)}
.mx-msg{font-size:13px;color:var(--mute,#6b7685);padding:20px 0}
.mx-note{font-size:12px;color:var(--mute,#6b7685);margin-top:14px;line-height:1.6}
@media (max-width:820px){.mx-pn{width:100vw}.mx-hd,.mx-ctl,.mx-body{padding-left:14px;padding-right:14px}}
/* 2026-10-03 도구 버튼 색 구분(C안 테두리형) — PPT 주황 · 엑셀 초록 · 메일 파랑 · gahd !important 규칙보다 구체적으로 */
html.gahd-org header .bar .tools button.tb#ppt,html.gahd-org header .bar .tools button.tb#xls,html.gahd-org header .bar .tools button.tb#mailx{background:#fff!important;color:var(--tbt)!important;box-shadow:inset 0 0 0 1.5px var(--tbc)!important;font-weight:700!important}
html.gahd-org header .bar .tools button.tb#ppt{--tbc:#C43E1C;--tbt:#B4381A;--tbh:#FBE9E3}
html.gahd-org header .bar .tools button.tb#xls{--tbc:#1D6F42;--tbt:#1D6F42;--tbh:#E3F2EA}
html.gahd-org header .bar .tools button.tb#mailx{--tbc:#007DB6;--tbt:#006290;--tbh:#E1F1F9}
html.gahd-org header .bar .tools button.tb#ppt:hover,html.gahd-org header .bar .tools button.tb#xls:hover,html.gahd-org header .bar .tools button.tb#mailx:hover{background:var(--tbh)!important;color:var(--tbt)!important}
html.gahd-org header .bar .tools button.tb#ppt svg,html.gahd-org header .bar .tools button.tb#xls svg,html.gahd-org header .bar .tools button.tb#mailx svg{stroke:currentColor}
html.gahd-org[data-mode="dark"] header .bar .tools button.tb#ppt{--tbc:#D2552F;--tbt:#F29A7C;--tbh:rgba(210,85,47,.18)}
html.gahd-org[data-mode="dark"] header .bar .tools button.tb#xls{--tbc:#2A8A55;--tbt:#7FD3A3;--tbh:rgba(42,138,85,.2)}
html.gahd-org[data-mode="dark"] header .bar .tools button.tb#mailx{--tbc:#0A8FCC;--tbt:#7CC8EC;--tbh:rgba(10,143,204,.2)}
html.gahd-org[data-mode="dark"] header .bar .tools button.tb#ppt,html.gahd-org[data-mode="dark"] header .bar .tools button.tb#xls,html.gahd-org[data-mode="dark"] header .bar .tools button.tb#mailx{background:transparent!important}
@media (prefers-color-scheme:dark){html.gahd-org:not([data-mode="light"]) header .bar .tools button.tb#ppt{--tbc:#D2552F;--tbt:#F29A7C;--tbh:rgba(210,85,47,.18)}html.gahd-org:not([data-mode="light"]) header .bar .tools button.tb#xls{--tbc:#2A8A55;--tbt:#7FD3A3;--tbh:rgba(42,138,85,.2)}html.gahd-org:not([data-mode="light"]) header .bar .tools button.tb#mailx{--tbc:#0A8FCC;--tbt:#7CC8EC;--tbh:rgba(10,143,204,.2)}html.gahd-org:not([data-mode="light"]) header .bar .tools button.tb#ppt,html.gahd-org:not([data-mode="light"]) header .bar .tools button.tb#xls,html.gahd-org:not([data-mode="light"]) header .bar .tools button.tb#mailx{background:transparent!important}}