/* V2 navigation theme. This stylesheet changes only the sidebar and its offset. */
.unified-demo{--v2-sidebar-width:244px;--v2-sidebar-bg:#304155;--v2-sidebar-ink:#d3deed;--v2-sidebar-muted:#94a9c2}
.unified-demo .sidebar{position:fixed;inset:0 auto 0 0;width:var(--v2-sidebar-width);height:100vh;min-height:0;background:var(--v2-sidebar-bg);color:var(--v2-sidebar-ink);border:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}
.unified-demo .shell{margin-left:var(--v2-sidebar-width);min-width:0;max-width:calc(100% - var(--v2-sidebar-width))}
.unified-demo .sidebar .brand{display:flex;align-items:center;justify-content:center;flex:0 0 83px;width:100%;height:83px;min-height:83px;padding:0 16px;background:var(--v2-sidebar-bg);border-bottom:1px solid #ffffff0e;text-decoration:none}
.unified-demo .sidebar .brand img.risk-system-brand{display:block;width:211px;height:58px;max-width:100%;object-fit:contain}
.unified-demo .unified-sidebar-intro{flex:none;padding:17px 20px 10px;font-size:11px;line-height:1.75;color:#a3b4c9}
.unified-demo .unified-sidebar-intro b,.unified-demo .unified-sidebar-intro strong{display:block;margin:0 0 2px;color:#e5edf8;font-size:12px;font-weight:500;letter-spacing:.5px;line-height:1.7}
.unified-demo .unified-sidebar-intro p{margin:0;color:#a3b4c9;font-size:11px;line-height:1.75}
.unified-demo .unified-sidebar-intro>span{display:block}
.unified-demo .unified-sidebar-search{position:relative;display:block;flex:none;min-width:0;margin:0 16px 12px;padding:0}
.unified-demo .unified-sidebar-search input[data-unified-menu-search]{box-sizing:border-box;display:block;width:100%;min-width:0;height:37px;padding:8px 10px;border:1px solid #ffffff19;border-radius:6px;background:#ffffff0a;box-shadow:none;color:#fff;font:400 12px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif;outline-offset:2px}
.unified-demo .unified-sidebar-search input[data-unified-menu-search]::placeholder{color:#aab8ca;opacity:1}
.unified-demo .unified-sidebar-search input[data-unified-menu-search]:focus{border-color:#85ade8;background:#ffffff0e}
.unified-demo .unified-sidebar-search input[data-unified-menu-search]{padding-right:32px}
.unified-demo .unified-sidebar-search input::-webkit-search-cancel-button{display:none}
.unified-demo .unified-sidebar-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:0;background:none;color:#b9c9dc;font-size:18px;line-height:24px;cursor:pointer;border-radius:4px}
.unified-demo .unified-sidebar-search button:hover{background:#ffffff10;color:#fff}
.unified-demo .unified-menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 11px 20px;scrollbar-width:thin;scrollbar-color:#637890 transparent}
.unified-demo .unified-menu-nav{display:block;min-height:0;margin:0;padding:0}
.unified-demo .sidebar .unified-group{margin:5px 0 12px;padding:0}
.unified-demo .sidebar .unified-group-title{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:34px;margin:0;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--v2-sidebar-muted);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;text-align:left;cursor:pointer}
.unified-demo .sidebar .unified-group-title:hover{background:#ffffff05;color:#bdcce0}
.unified-demo .sidebar .nav-item{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;height:auto;min-height:37px;margin:0;padding:8px 12px 8px 20px;border:0;border-radius:5px;background:transparent;color:var(--v2-sidebar-ink);font-size:12px;font-weight:400;line-height:1.75;text-align:left;white-space:normal;cursor:pointer}
.unified-demo .sidebar .nav-item>span{min-width:0;overflow-wrap:break-word}
.unified-demo .sidebar .nav-item:hover{background:#ffffff0a;color:#fff}
.unified-demo .sidebar .nav-item.active{background:#447ee2;color:#fff;font-weight:500;box-shadow:none}
.unified-demo .sidebar .nav-item.active:before{display:none;content:none}
.unified-demo .sidebar .nav-v2{flex:none;display:inline-block;margin:0;padding:2px 4px;border:1px solid #89b6fb50;border-radius:3px;background:transparent;color:#b8d4ff;font-size:9px;font-weight:400;line-height:1.2}
.unified-demo .sidebar .nav-item.active .nav-v2{color:#fff;border-color:#ffffff65}
.unified-demo .unified-menu-empty{padding:22px 10px;color:#a3b4c9;font-size:12px;line-height:1.7;text-align:center}
.unified-demo .unified-sidebar-footer{flex:none;margin:0;padding:13px 20px;border-top:1px solid #ffffff0e;background:var(--v2-sidebar-bg);color:#9aacbf;font-size:10px;line-height:1.7}
.unified-demo .sidebar :is(button,a,input):focus-visible{outline:3px solid #8cbbff;outline-offset:2px}
.unified-demo .sidebar [hidden]{display:none!important}
.unified-demo.sidebar-collapsed .sidebar{width:var(--v2-sidebar-width);transform:translateX(-100%)}
.unified-demo.sidebar-collapsed .shell{margin-left:0;max-width:100%}
@media(min-width:1600px){
 .unified-demo .unified-sidebar-intro{padding-top:23px}
 .unified-demo .sidebar .nav-item{padding-top:10px;padding-bottom:10px;font-size:13px}
}
@media(max-width:960px){
 .unified-demo{--v2-sidebar-width:214px}
 .unified-demo .sidebar .brand{padding-left:6px;padding-right:6px}
 .unified-demo .sidebar .brand img.risk-system-brand{width:202px;height:auto;max-height:58px}
}
@media(max-width:650px){
 .unified-demo{--v2-sidebar-width:185px}
 .unified-demo .sidebar .brand{flex-basis:69px;height:69px;min-height:69px;padding:0 7px}
 .unified-demo .sidebar .brand img.risk-system-brand{width:170px}
 .unified-demo .unified-sidebar-intro{padding:12px 12px 9px;font-size:10px}
 .unified-demo .unified-sidebar-intro b,.unified-demo .unified-sidebar-intro strong{font-size:11px}
 .unified-demo .unified-sidebar-intro p{font-size:10px}
 .unified-demo .unified-sidebar-search{margin:0 10px 10px}
 .unified-demo .unified-sidebar-search input[data-unified-menu-search]{height:35px;font-size:11px}
 .unified-demo .unified-menu-scroll{padding:0 7px 15px}
 .unified-demo .sidebar .unified-group-title{padding:8px 7px;font-size:10px}
 .unified-demo .sidebar .nav-item{padding:8px 7px 8px 12px;font-size:11px}
 .unified-demo .unified-sidebar-footer{padding:10px 12px;font-size:9px}
}
