
/* UI-386 — unified desktop journal layout */
@media(min-width:769px){
html:has(body.jso-redesign384),body.jso-redesign384{height:100%;overflow:hidden!important}
body.jso-redesign384 .app{height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important}
body.jso-redesign384 .sidebar{height:100dvh!important;min-height:0!important;overflow-y:auto!important;flex-shrink:0}
body.jso-redesign384 .main{display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;min-width:0!important;flex:1!important;overflow:hidden!important}
body.jso-redesign384 .topbar{flex-shrink:0!important;min-height:58px!important;background:#fff!important;border-bottom:1px solid #e5ebf3!important}
body.jso-redesign384 .content{flex:1!important;min-height:0!important;min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:14px 18px!important}
body.jso-redesign384 .content>.title-row{flex:0 0 auto!important;margin:0!important}
body.jso-redesign384 .content>.title-row h1{font-size:22px!important;line-height:1.25!important;letter-spacing:-.4px!important;color:#183650!important}
body.jso-redesign384 .content>.journal-create,body.jso-redesign384 .content>.status-folders,body.jso-redesign384 .content>.table-filter{flex:0 0 auto!important;margin:0!important}
body.jso-redesign384 .status-folders{background:#fff!important;border:1px solid #e4ebf3!important;border-radius:9px!important;padding:5px!important;gap:3px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important;flex-wrap:nowrap!important}
body.jso-redesign384 .status-folders::-webkit-scrollbar{display:none}
body.jso-redesign384 .status-folders a{white-space:nowrap!important;border-radius:6px!important;font-size:12px!important}
body.jso-redesign384 .table-panel{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;margin:0!important;border-radius:10px!important;box-shadow:0 2px 10px #183c6010!important}
body.jso-redesign384 .journal-toolbar,body.jso-redesign384 .journal-counter{flex:0 0 auto!important}
body.jso-redesign384 .tablewrap{flex:1!important;min-height:0!important;min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.jso-redesign384 .app-table-scroll:has(table.journal-fit){flex:1!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}
body.jso-redesign384 .app-table-scroll table.journal-fit{table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}
body.jso-redesign384 .app-table-scroll table.journal-fit thead{position:sticky!important;top:0!important;z-index:4!important;background:#f2f6fb!important}
body.jso-redesign384 .app-table-scroll table.journal-fit th{background:#f2f6fb!important;color:#536981!important;font-size:12px!important;font-weight:650!important}
body.jso-redesign384 .app-table-scroll table.journal-fit td{font-size:12.5px!important;border-bottom:1px solid #eaf0f5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.jso-redesign384 .app-table-scroll table.journal-fit tbody tr:hover{background:#f3f8ff!important}
body.jso-redesign384 .journal-pager{flex:0 0 auto!important;background:#fff!important;border-top:1px solid #e4ebf3!important;padding:9px 12px!important}
body.jso-redesign384 .journal-actions-cell{width:49px!important;max-width:49px!important;padding:4px!important}
body.jso-redesign384 .journal-preview-btn{display:none!important}
body.jso-redesign384 .journal-more-btn{display:inline-flex!important;width:32px!important;height:29px!important;align-items:center!important;justify-content:center!important;border:1px solid #dce6f1!important;border-radius:7px!important;background:#fff!important;color:#315d88!important;font-size:20px!important;box-shadow:none!important}
body.jso-redesign384 .table-filter{background:transparent!important}
}
body.jso-redesign384 .sidebar{background:#142d4c!important}
body.jso-redesign384 .sidebar a{border-radius:7px}
body.jso-redesign384 .sidebar a.active{background:#2456a2!important}
@media(max-width:768px){body.jso-redesign384 .journal-preview-btn{display:none!important}body.jso-redesign384 .journal-more-btn{background:transparent!important;border:1px solid #dce6f1!important;color:#245b8a!important}}

@media(min-width:769px){body.jso-redesign384 .topbar{gap:14px!important}body.jso-redesign384 .jso-global-search386{display:flex;align-items:center;gap:7px;flex:1;max-width:560px;min-width:120px}body.jso-redesign384 .jso-global-search386 input{height:36px;flex:1;min-width:0;border:1px solid #e0e8f2;border-radius:7px;background:#f6f8fc;padding:0 12px;font-size:13px}body.jso-redesign384 .jso-global-search386 button{height:36px;padding:0 13px;background:#2563b6;color:#fff;border:0;border-radius:7px;cursor:pointer}}
@media(min-width:769px){body.jso-redesign384 .sidebar nav a,body.jso-redesign384 .sidebar .sidebar-doc-head,body.jso-redesign384 .sidebar .menu-label{color:#d9e7f6!important}body.jso-redesign384 .sidebar nav a:hover{background:#234567!important;color:#fff!important}body.jso-redesign384 .sidebar .nav-divider{background:#34516f!important}body.jso-redesign384 .sidebar .action-link{background:#203e61!important;color:#f5f9ff!important;border-color:#385878!important}body.jso-redesign384 .content{max-width:none!important;width:100%!important;box-sizing:border-box!important}body.jso-redesign384 .app{width:100%!important}body.jso-redesign384 .sidebar{width:230px!important;box-sizing:border-box!important}body.jso-redesign384 .main{width:calc(100% - 230px)!important}body.jso-redesign384 .journal-pager{position:relative!important;bottom:auto!important}}
