#serveExplorerInfoOverlay{
 position:fixed;
 inset:0;
 z-index:100300;

 display:none;
 align-items:center;
 justify-content:center;

 padding:24px;
 box-sizing:border-box;

 background:rgba(20,20,22,.34);

 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
}

#serveExplorerInfoOverlay.open{
 display:flex;
}

.serve-info-modal{
 width:min(1040px,calc(100vw - 48px));
 height:min(720px,calc(100dvh - 48px));

 min-width:0;
 min-height:0;

 display:flex;
 flex-direction:column;

 overflow:hidden;

 border:1px solid rgba(0,0,0,.08);
 border-radius:24px;

 background:#fff;

 box-shadow:0 30px 90px rgba(0,0,0,.22);
}

.serve-info-header{
 flex:0 0 auto;

 display:flex;
 align-items:center;
 justify-content:space-between;

 gap:24px;

 padding:24px 26px 22px;

 border-bottom:1px solid #ececef;
}

.serve-info-header > div{
 min-width:0;
}

.serve-info-header > div > span{
 display:block;

 margin-bottom:5px;

 color:#8d8d93;

 font-size:10px;
 font-weight:800;
 letter-spacing:.06em;

 text-transform:uppercase;
}

.serve-info-header h3{
 margin:0;

 color:#111;

 font-size:24px;
 line-height:1.1;
}

.serve-info-header p{
 margin:6px 0 0;

 overflow:hidden;

 color:#919197;

 font-size:10px;

 text-overflow:ellipsis;
 white-space:nowrap;
}

#serveInfoClose{
 width:42px;
 height:42px;

 flex:0 0 auto;

 display:grid;
 place-items:center;

 padding:0;

 border:0;
 border-radius:50%;

 background:#f1f1f3;
 color:#111;

 font:inherit;
 font-size:28px;

 cursor:pointer;
}

#serveInfoClose:hover{
 background:#e7e7ea;
}

.serve-info-layout{
 flex:1 1 auto;

 min-width:0;
 min-height:0;

 display:grid;

 grid-template-columns:
 330px minmax(0,1fr);

 overflow:hidden;
}

.serve-info-browser{
 min-width:0;
 min-height:0;

 display:flex;
 flex-direction:column;

 overflow:hidden;

 border-right:1px solid #ececef;

 background:#fafafa;
}

.serve-info-browser-head{
 display:flex;
 align-items:center;
 justify-content:space-between;

 gap:12px;

 padding:20px 20px 12px;
}

.serve-info-browser-head strong{
 font-size:13px;
}

.serve-info-browser-head span{
 color:#97979d;
 font-size:9px;
}

.serve-info-breadcrumb{
 display:flex;
 align-items:center;

 gap:5px;

 min-width:0;

 padding:0 16px 12px;

 overflow-x:auto;

 scrollbar-width:none;
}

.serve-info-breadcrumb::-webkit-scrollbar{
 display:none;
}

.serve-info-breadcrumb button{
 flex:0 0 auto;

 padding:5px 7px;

 border:0;
 border-radius:7px;

 background:transparent;

 color:#66666c;

 font:inherit;
 font-size:9px;
 font-weight:700;

 cursor:pointer;
}

.serve-info-breadcrumb button:hover{
 background:#ededf0;
 color:#111;
}

.serve-info-list{
 flex:1 1 auto;

 min-height:0;

 overflow:auto;

 padding:2px 10px 18px;
}

.serve-info-row{
 width:100%;
 min-width:0;

 display:grid;

 grid-template-columns:
 40px minmax(0,1fr) 30px;

 align-items:center;

 gap:10px;

 padding:10px 8px;

 box-sizing:border-box;

 border:1px solid transparent;
 border-radius:12px;

 background:transparent;
 color:#111;

 text-align:left;

 font:inherit;

 cursor:pointer;
}

.serve-info-row:hover{
 background:#f0f0f3;
}

.serve-info-row.active{
 border-color:#d9e3f5;
 background:#eef4ff;
}

.serve-info-row-icon{
 display:grid;
 place-items:center;
}

.serve-info-row-text{
 min-width:0;

 display:flex;
 flex-direction:column;

 gap:2px;
}

.serve-info-row-text strong{
 overflow:hidden;

 font-size:10px;
 font-weight:800;

 text-overflow:ellipsis;
 white-space:nowrap;
}

.serve-info-row-text small{
 overflow:hidden;

 color:#8f8f95;

 font-size:8px;

 text-overflow:ellipsis;
 white-space:nowrap;
}

.serve-info-chevron{
 width:28px;
 height:28px;

 display:grid;
 place-items:center;

 border-radius:8px;

 color:#77777d;

 font-size:21px;
}

.serve-info-chevron:hover{
 background:#fff;
 color:#111;
}

.serve-info-empty{
 padding:30px 14px;

 color:#99999f;

 font-size:10px;

 text-align:center;
}

.serve-info-detail{
 min-width:0;
 min-height:0;

 overflow:auto;

 padding:34px 36px 40px;

 box-sizing:border-box;
}

.serve-info-hero{
 display:flex;
 align-items:center;

 gap:22px;

 min-width:0;

 margin-bottom:30px;
}

.serve-info-hero > div{
 min-width:0;
}

.serve-info-hero > div > span{
 display:block;

 margin-bottom:5px;

 color:#929298;

 font-size:9px;
 font-weight:800;
 letter-spacing:.04em;

 text-transform:uppercase;
}

.serve-info-hero h4{
 margin:0;

 overflow:hidden;

 color:#111;

 font-size:27px;
 line-height:1.1;

 text-overflow:ellipsis;
 white-space:nowrap;
}

.serve-info-hero p{
 margin:7px 0 0;

 overflow:hidden;

 color:#939399;

 font-size:10px;

 text-overflow:ellipsis;
 white-space:nowrap;
}

.serve-info-hero button{
 margin-top:12px;

 padding:8px 12px;

 border:0;
 border-radius:9px;

 background:#111;
 color:#fff;

 font:inherit;
 font-size:9px;
 font-weight:800;

 cursor:pointer;
}

.serve-info-folder{
 position:relative;

 width:36px;
 height:27px;

 flex:0 0 auto;

 display:inline-block;

 margin-top:5px;

 border-radius:5px 7px 7px 7px;

 background:#111;
}

.serve-info-folder > span{
 position:absolute;

 left:0;
 top:-5px;

 width:17px;
 height:8px;

 border-radius:5px 5px 0 0;

 background:#111;
}

.serve-info-folder.large{
 width:76px;
 height:56px;

 margin-top:9px;

 border-radius:9px 12px 12px 12px;
}

.serve-info-folder.large > span{
 top:-9px;

 width:34px;
 height:15px;

 border-radius:8px 8px 0 0;
}

.serve-info-file{
 width:31px;
 height:38px;

 flex:0 0 auto;

 display:flex;
 align-items:flex-end;
 justify-content:center;

 padding-bottom:5px;

 box-sizing:border-box;

 border:1px solid #d9d9de;
 border-radius:6px;

 background:#fff;
 color:#111;
}

.serve-info-file span{
 font-size:5px;
 font-weight:900;
}

.serve-info-file.large{
 width:66px;
 height:82px;

 padding-bottom:10px;

 border-radius:10px;
}

.serve-info-file.large span{
 font-size:9px;
}

.serve-info-stats{
 display:grid;

 grid-template-columns:
 repeat(4,minmax(0,1fr));

 gap:10px;

 margin-bottom:28px;
}

.serve-info-stat{
 min-width:0;

 padding:15px;

 border-radius:14px;

 background:#f5f5f7;
}

.serve-info-stat span{
 display:block;

 margin-bottom:6px;

 color:#8b8b91;

 font-size:8px;
 font-weight:750;
}

.serve-info-stat strong{
 display:block;

 overflow:hidden;

 color:#111;

 font-size:15px;

 text-overflow:ellipsis;
 white-space:nowrap;
}

.serve-info-section{
 overflow:hidden;

 border:1px solid #e6e6ea;
 border-radius:16px;
}

.serve-info-section h5{
 margin:0;

 padding:15px 17px;

 border-bottom:1px solid #ececef;

 color:#111;

 font-size:11px;
}

.serve-info-meta-row{
 display:grid;

 grid-template-columns:
 minmax(130px,.75fr)
 minmax(0,1.25fr);

 gap:18px;

 padding:12px 17px;

 border-bottom:1px solid #efeff1;
}

.serve-info-meta-row:last-child{
 border-bottom:0;
}

.serve-info-meta-row span{
 color:#919197;

 font-size:9px;
}

.serve-info-meta-row strong{
 min-width:0;

 overflow:hidden;

 color:#222226;

 font-size:9px;
 font-weight:700;

 text-align:right;

 text-overflow:ellipsis;
 white-space:nowrap;
}

@media(max-width:850px){
 #serveExplorerInfoOverlay{
  padding:12px;
 }

 .serve-info-modal{
  width:calc(100vw - 24px);
  height:calc(100dvh - 24px);
 }

 .serve-info-layout{
  grid-template-columns:
  280px minmax(0,1fr);
 }

 .serve-info-detail{
  padding:26px 24px 30px;
 }

 .serve-info-stats{
  grid-template-columns:
  repeat(2,minmax(0,1fr));
 }
}

@media(max-width:640px){
 .serve-info-layout{
  grid-template-columns:1fr;

  grid-template-rows:
  minmax(180px,38%)
  minmax(0,1fr);
 }

 .serve-info-browser{
  border-right:0;
  border-bottom:1px solid #ececef;
 }

 .serve-info-detail{
  padding:22px 18px 28px;
 }
}

#serveEmployeeExplorer [data-entry-id]{
 -webkit-touch-callout:none;
 touch-action:manipulation;
}

#serveExplorerContextMenu [data-serve-info-action]{
 cursor:pointer;
}


/* SERVE_INFO_SIZE_CARD_REAL_FIX_20260930 */

.serve-info-stat{
 min-width:0;
 overflow:hidden;
}

.serve-info-stat-size{
 display:block !important;

 min-width:0;

 overflow:visible !important;

 text-overflow:clip !important;

 white-space:normal !important;
}

.serve-info-size-value{
 display:flex !important;
 flex-direction:column;

 gap:2px;

 min-width:0;

 overflow:visible !important;

 white-space:normal !important;

 line-height:1.08;
}

.serve-info-size-value > span{
 display:block;

 min-width:0;

 overflow:visible;

 text-overflow:clip;

 white-space:nowrap;
}

/* SERVE_INFO_SIZE_VALUE_BLACK_20260930 */

.serve-info-stat-size .serve-info-size-value,
.serve-info-stat-size .serve-info-size-value > span{
 color:#111 !important;
 font-size:15px !important;
 font-weight:700 !important;
}