/* 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}

/* Only the dirty-composer confirmation; shared unified stylesheet extension. */
.sw-draft-backdrop { background: rgba(17,19,24,.38) !important; }
.sw-draft-dialog {
 position: fixed !important; top: 50% !important; left: 50% !important;
 right: auto !important; bottom: auto !important; transform: translate(-50%,-50%) !important;
 box-sizing: border-box; width: min(440px, calc(100vw - 40px)); min-width: 0 !important; max-width: none !important;
 padding: 24px 20px 16px !important; border-radius: 16px !important; background: #fff !important;
 box-shadow: 0 16px 40px rgba(17,19,24,.22) !important; animation: none !important;
 font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.sw-draft-dialog .sw-draft-title { padding: 0 !important; margin: 0 !important; border: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 26px; color: #111318 !important; }
.sw-draft-dialog .sw-draft-description { margin: 6px 0 0; font-size: 13.5px; font-weight: 400; line-height: 20px; color: #5f6470; word-break: keep-all; }
.sw-draft-dialog .sw-draft-actions { display: flex !important; flex-direction: row !important; align-items: center; flex-wrap: wrap; gap: 8px !important; margin-top: 22px; }
.sw-draft-dialog .sw-draft-actions button { box-sizing: border-box; flex: 0 0 auto; width: auto !important; height: 40px; padding: 0 16px !important; border: 0 !important; border-radius: 10px !important; font-family: inherit; font-size: 15px !important; line-height: 20px; font-weight: 600 !important; cursor: pointer; white-space: nowrap; text-align: center !important; }
.sw-draft-dialog .sw-draft-actions .sw-draft-discard { margin-right: auto; padding: 0 4px !important; background: transparent !important; color: #c13434 !important; }
.sw-draft-dialog .sw-draft-actions .sw-draft-continue { background: #fff !important; box-shadow: inset 0 0 0 1px #e4e6ea; color: #111318 !important; }
.sw-draft-dialog .sw-draft-actions .sw-draft-save { background: #192a4d !important; color: #fff !important; font-weight: 700 !important; padding: 0 18px !important; }
.sw-draft-dialog .sw-draft-actions .sw-draft-save:hover { background: #233459 !important; }
.sw-draft-dialog .sw-draft-actions .sw-draft-continue:hover { background: #f5f6f8 !important; }
.sw-draft-dialog .sw-draft-actions .sw-draft-discard:hover { background: #fbeeee !important; }
.sw-draft-dialog .sw-draft-actions button:focus-visible { outline: 2px solid #192a4d; outline-offset: 2px; }
.sw-draft-dialog .sw-draft-actions button:disabled { cursor: default; opacity: .5; }
@media (max-width: 374px) {
 .sw-draft-dialog .sw-draft-actions .sw-draft-discard { flex-basis: 100%; text-align: left !important; }
 .sw-draft-dialog .sw-draft-actions .sw-draft-continue,
 .sw-draft-dialog .sw-draft-actions .sw-draft-save { flex: 1 1 calc(50% - 4px); }
}