/* Spec 80 A. Shared by Mail (React) and Approval (native view).
   Keep node order, saved width, collapse controls and all event handlers intact. */
#playon-sidebar.playon-sidebar {
 --sb-bg:#1e325c;--sb-selected:#28427b;--sb-hover:#304269;
 --sb-text:#d4d9e6;--sb-muted:#8993a9;--sb-active:#fff;
 display:flex;flex-direction:column;flex:0 0 auto!important;box-sizing:border-box;
 width:260px;min-width:200px;max-width:none;height:100%;min-height:0;
 padding:0 0 12px!important;margin:0;gap:0!important;border:0!important;border-radius:0!important;
 background:var(--sb-bg)!important;color:var(--sb-text)!important;font-family:var(--samwoo-host-font,inherit)!important;
 box-shadow:none!important;
}
#playon-sidebar.playon-sidebar :is(button,input,select,a) {font-family:inherit!important}
#playon-sidebar.playon-sidebar :is(.compose-row,.sidebar-head) {
 display:flex;align-items:center;flex:0 0 auto;height:auto!important;min-height:0!important;
 padding:0!important;margin:16px 14px 6px!important;gap:6px!important;
 border:0!important;background:none!important;
}
#playon-sidebar.playon-sidebar :is(.compose-action,.compose-btn,.new-document) {
 display:flex!important;justify-content:center;align-items:center;flex:1;box-sizing:border-box;
 height:38px!important;min-height:38px!important;width:auto;margin:0!important;padding:0 10px!important;
 gap:8px!important;border:0!important;border-radius:8px!important;background:#fff!important;
 color:#0d0d0d!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;
}
#playon-sidebar.playon-sidebar .compose-btn>span {flex:none}
#playon-sidebar.playon-sidebar :is(.compose-btn,.new-document) svg {width:15px!important;height:15px!important;flex:0 0 15px;stroke-width:1.8;color:inherit!important}
#playon-sidebar.playon-sidebar .sidebar-head :is(h1,p) {display:none}
#playon-sidebar.playon-sidebar :is(.sidebar-body,.sidebar-scroll) {
 display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
 width:100%;margin:0!important;padding:0!important;gap:0!important;
}
#playon-sidebar.playon-sidebar :is(.folder-list,.sw-sidebar-tags ul) {list-style:none;display:flex;flex-direction:column;gap:0!important;padding:0!important;margin:0!important}
#playon-sidebar.playon-sidebar :is(.folder-list,.sw-sidebar-tags ul)[hidden] {display:none!important}
#playon-sidebar.playon-sidebar :is(.folder-row,.sw-tag-navigate) {
 display:flex;align-items:center;box-sizing:border-box;flex:0 0 auto;width:100%;height:32px!important;min-height:32px!important;
 margin:0!important;padding:0 22px!important;gap:10px!important;border:0!important;border-radius:0!important;
 background:transparent;color:var(--sb-text)!important;font-size:14px!important;font-weight:400!important;
 line-height:20px!important;letter-spacing:0!important;text-align:left;box-shadow:none!important;
}
#playon-sidebar.playon-sidebar :is(.folder-row,.sw-tag-navigate)>:is(span.name,.samwoo-folder-name,span:not(.count):not(.ico)) {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#playon-sidebar.playon-sidebar .folder-row>span:not(.count) {flex:1}
#playon-sidebar.playon-sidebar .folder-row svg {flex:0 0 17px;width:17px!important;height:17px!important;stroke-width:1.8;fill:none;stroke:currentColor}
#playon-sidebar.playon-sidebar :is(.sidebar-section>.folder-row,.samwoo-mail-category .samwoo-basic-folders .folder-row,.sw-tag-navigate) {padding-left:34px!important}
#playon-sidebar.playon-sidebar .samwoo-folder-label[data-depth] {padding-left:calc(34px + var(--folder-depth,0)*16px)!important}
#playon-sidebar.playon-sidebar .folder-row .count {flex:0 0 auto;position:static!important;margin-left:auto;font-size:13px!important;font-weight:400!important;color:var(--sb-muted)!important;background:none!important;padding:0!important;border:0!important;line-height:20px!important;min-width:0}
#playon-sidebar.playon-sidebar :is(.folder-row,.sw-tag-navigate):hover {background:var(--sb-hover)!important}
#playon-sidebar.playon-sidebar :is(.folder-row,.sw-tag-navigate):is(.selected,.is-active,[aria-current=page]) {background:var(--sb-selected)!important;color:var(--sb-active)!important;font-weight:600!important;box-shadow:none!important;border-radius:0!important}
#playon-sidebar.playon-sidebar .folder-row:is(.selected,.is-active,[aria-current=page]) .count {color:rgba(255,255,255,.7)!important}
#playon-sidebar.playon-sidebar :is(.folder-row,.sw-tag-navigate):before {box-shadow:none!important}
#playon-sidebar.playon-sidebar :is(.sidebar-section,.samwoo-mail-category) {margin:10px 0 0!important;padding:0!important;flex:0 0 auto}
#playon-sidebar.playon-sidebar .samwoo-root-mailboxes {margin-top:0!important}
#playon-sidebar.playon-sidebar .samwoo-root-mailboxes>section {margin-top:10px}
#playon-sidebar.playon-sidebar :is(.sidebar-section>h2,.samwoo-category-header) {
 display:flex;align-items:center;box-sizing:border-box;flex:0 0 auto;height:32px!important;min-height:32px!important;
 margin:0!important;padding:0 22px 0 18px!important;gap:8px!important;
 color:var(--sb-muted)!important;font-size:13.5px!important;font-weight:600!important;line-height:20px!important;
}
#playon-sidebar.playon-sidebar :is(.samwoo-category-toggle,.samwoo-category-name) {
 flex:1;min-width:0;font-size:13.5px!important;font-weight:600!important;line-height:20px!important;
 letter-spacing:0!important;color:var(--sb-muted)!important;background:none;border:0;
 height:32px!important;min-height:32px!important;padding:0!important;text-align:left;
}
#playon-sidebar.playon-sidebar :is(.sidebar-category-chevron,.samwoo-category-collapse) {display:flex;align-items:center;justify-content:center;flex:0 0 14px!important;width:14px!important;height:28px!important;margin:0!important;padding:0!important;color:var(--sb-muted)!important}
#playon-sidebar.playon-sidebar :is(.sidebar-category-chevron,.samwoo-category-collapse) svg {width:14px!important;height:14px!important;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
#playon-sidebar.playon-sidebar .samwoo-category-collapse {order:-1}
#playon-sidebar.playon-sidebar .samwoo-row-action {display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px!important;height:28px!important;padding:0!important;margin:0;border:0;background:none;color:var(--sb-muted)!important}
#playon-sidebar.playon-sidebar .samwoo-row-action:not(.samwoo-category-collapse) svg {width:15px!important;height:15px!important}
#playon-sidebar.playon-sidebar .samwoo-category-header>.samwoo-row-action:not(.samwoo-category-collapse) + .samwoo-row-action {margin-left:7px}
#playon-sidebar.playon-sidebar .samwoo-mailbox-heading>.folder-row {height:32px!important;padding-left:40px!important;padding-right:52px!important;font-size:13.5px!important;font-weight:600!important;color:var(--sb-muted)!important}
#playon-sidebar.playon-sidebar .samwoo-mailbox-heading>.samwoo-category-collapse {left:18px!important;right:auto!important;top:2px!important;width:14px!important}
#playon-sidebar.playon-sidebar .samwoo-mailbox-line>.samwoo-row-action:not(.samwoo-category-collapse) {right:18px!important;top:2px!important}
#playon-sidebar.playon-sidebar .samwoo-mailbox-line>.samwoo-folder-collapse:not(.samwoo-category-collapse) {left:calc(18px + var(--folder-depth,0)*16px)!important;right:auto!important;width:14px!important}
/* Flatten only the tag presentation wrapper. React children/keys/handlers and
   folder sequence remain untouched. Existing errors can precede navigation. */
#playon-sidebar.playon-sidebar .sw-sidebar-tags {display:contents}
#playon-sidebar.playon-sidebar .sw-sidebar-tags>.samwoo-category-header {margin-top:10px!important}
#playon-sidebar.playon-sidebar .sw-sidebar-tags :is(li,li:hover,li.is-active) {margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important}
#playon-sidebar.playon-sidebar .sw-sidebar-tags li.is-active>.sw-tag-navigate {background:var(--sb-selected)!important;box-shadow:none!important;color:#fff!important;font-weight:600!important}
#playon-sidebar.playon-sidebar .sw-sidebar-tags .sw-tag-dot {display:block;flex:0 0 10px;width:10px!important;height:10px!important;border-radius:2px!important;margin:0!important}
#playon-sidebar.playon-sidebar .sw-tag-navigate {padding-right:48px!important}
#playon-sidebar.playon-sidebar .sw-tag-edit {right:18px!important;top:2px!important;width:22px!important;height:28px!important;color:var(--sb-muted)!important}
#playon-sidebar.playon-sidebar :is(.sw-feature-error,.samwoo-folder-retry,#error) {order:-1;flex:0 0 auto;display:block;box-sizing:border-box;max-width:calc(100% - 44px);margin:6px 22px!important;padding:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px!important;line-height:18px!important;color:#f08a8a!important;background:none!important;border:0!important;box-shadow:none!important}
#playon-sidebar.playon-sidebar #error[hidden] {display:none!important}
#playon-sidebar.playon-sidebar .sidebar-body>select {margin:6px 14px;width:calc(100% - 28px)}
#playon-sidebar.playon-sidebar .samwoo-sidebar-footer {flex:0 0 auto;padding:8px 14px 0;margin-top:auto}
#playon-sidebar.playon-sidebar .samwoo-sidebar-footer .sw-sidebar-quota {padding:0 8px 8px}
#playon-sidebar.playon-sidebar .samwoo-sidebar-tools {margin:0;padding:0;border:0}
#playon-sidebar.playon-sidebar .samwoo-sidebar-tools button {color:var(--sb-text);font-size:14px}
#playon-sidebar.playon-sidebar .people-search {flex:0 0 36px;height:36px;box-sizing:border-box;margin:14px 14px 0!important;padding:0 10px!important;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;background:none!important;color:var(--sb-muted)!important}
#playon-sidebar.playon-sidebar .people-search svg {width:15px;height:15px;flex:0 0 15px}
#playon-sidebar.playon-sidebar .people-search input {min-width:0;width:100%;font-size:13px!important;line-height:20px;color:var(--sb-muted)!important;background:transparent!important;border:0!important}
#playon-sidebar.playon-sidebar .people-search input::placeholder {color:var(--sb-muted);opacity:1}
#playon-sidebar.playon-sidebar .folder-row[disabled] {cursor:default}
#playon-sidebar.playon-sidebar .samwoo-mailbox-line.is-mail-drop-target>.folder-row {box-shadow:inset 0 0 0 1px currentColor!important;background:var(--sb-hover)!important}
#playon-sidebar.playon-sidebar .folder-row.is-reordering {opacity:.6;box-shadow:inset 0 0 0 1px currentColor!important}
#playon-sidebar.playon-sidebar.is-collapsed {width:60px;min-width:60px;padding-bottom:12px!important}
#playon-sidebar.playon-sidebar.is-collapsed .compose-row {margin:16px 8px 6px!important;flex-direction:column}
#playon-sidebar.playon-sidebar.is-collapsed .compose-btn {width:38px;padding:0!important;flex:none}
#playon-sidebar.playon-sidebar.is-collapsed .samwoo-sidebar-tools {margin-top:auto}
/* Respect the existing host hide state; do not create another toggle. */
:root[data-samwoo-sidebar-collapsed] .mail-app>#playon-sidebar.playon-sidebar {display:none!important}

/* Allocate the sidebar's own column rather than overflowing the old 200/220px grid. */
.workspace:has(>#playon-sidebar.playon-sidebar) {grid-template-columns:260px minmax(0,1fr)}
#playon-sidebar.playon-sidebar .folder-row.selected::before {display:none!important}

#playon-sidebar.playon-sidebar .samwoo-folder-label[data-depth]:not(.samwoo-category-name)::before {
 content:"";width:17px;height:17px;flex:0 0 17px;background:currentColor;
 mask:center/17px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h7l2 3h9v12H3z'/%3E%3C/svg%3E");
}
#playon-sidebar.playon-sidebar .samwoo-mailbox-heading>.folder-row:is(.is-active,[aria-current=page]) {color:#fff!important;font-weight:600!important}

#playon-sidebar.playon-sidebar .sidebar-head {order:-2}