/* PLAY-ON 화면 통일 — 메일 · 전자결재 공용 사이드바(#playon-sidebar, spec 80) 위에 덧씌움.
   노드 순서 · 버튼 · 이벤트는 그대로. 머리 글자는 가상 요소로만 그리고, 만들기 버튼은 모양만 흰 테두리로. */
#playon-sidebar#playon-sidebar.playon-sidebar{--su-title:'메일';--su-desc:'받기 · 보내기 · 태그'}
html[data-approval-sidebar-layout] #playon-sidebar#playon-sidebar.playon-sidebar{--su-title:'전자결재';--su-desc:'문서 확인 · 결재'}
#playon-sidebar#playon-sidebar.playon-sidebar:not(.is-collapsed) :is(.compose-row,.sidebar-head){flex-wrap:wrap!important;align-items:baseline!important;column-gap:14px!important;row-gap:12px!important;margin:16px 14px 10px!important}
#playon-sidebar#playon-sidebar.playon-sidebar:not(.is-collapsed) :is(.compose-row,.sidebar-head)::before{content:var(--su-title);order:0;padding-left:6px;font-size:15px;font-weight:700;line-height:22px;color:#fff;white-space:nowrap}
#playon-sidebar#playon-sidebar.playon-sidebar:not(.is-collapsed) :is(.compose-row,.sidebar-head)::after{content:var(--su-desc);order:1;flex:1 1 0;min-width:0;font-size:11.5px;font-weight:400;line-height:16px;color:#9aa3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#playon-sidebar#playon-sidebar.playon-sidebar:not(.is-collapsed) :is(.compose-row,.sidebar-head)>:is(.compose-btn,.compose-action,.new-document){order:2;flex:1 0 100%!important}
#playon-sidebar#playon-sidebar.playon-sidebar :is(.compose-btn,.compose-action,.new-document){height:38px!important;min-height:38px!important;border-radius:9px!important;background:transparent!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)!important;color:#fff!important;font-size:13.5px!important;font-weight:700!important;gap:7px!important;transition:box-shadow .12s,background-color .12s}
#playon-sidebar#playon-sidebar.playon-sidebar :is(.compose-btn,.compose-action,.new-document):hover{box-shadow:inset 0 0 0 1.5px #fff!important;background:rgba(255,255,255,.08)!important}
#playon-sidebar#playon-sidebar.playon-sidebar :is(.compose-btn,.compose-action,.new-document):focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
#playon-sidebar#playon-sidebar.playon-sidebar :is(.compose-btn,.compose-action,.new-document) :is(svg,[data-icon]){color:#fff!important;stroke-width:2.2}
#playon-sidebar#playon-sidebar.playon-sidebar :is(.compose-row,.sidebar-head)>.compose-menu{order:3}