.app-section {
    position: absolute;
    inset: 0 0 0 41px;           /* top 0, right 0, bottom 0, left 41px */
    background: #fff;
    overflow: hidden;           /* optional but clean */
}

.app-section-header {
  position: absolute;
    top: 0; left: 0; right: 0;
    padding: 0px 2px;
   height:25px;
    border-bottom: 1px solid #b7b4b4;
    padding-right:0px;
    display: flex;
    align-items: center;
    z-index: 10;
   
}
.app-section-header .title-group {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;                    /* allows title to truncate properly */
}
.app-section-header .header-buttons {
    margin-left: auto;
    display: flex;
    gap: 0px;
}
.app-section-header .title {
    color: #000;
    font-size: 12px;
    font-weight: 600;
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
}
.app-section-header .refresh-btn,
.app-section-header .close-btn {
    width: 24px;
    height: 24px;
    border: none;
  float:right;
    color: #353434;;
    border-radius: 4px;
    cursor: pointer;
   background-color:#ffffff00;
    
  
    font-size: 15px !important;
  
}
.app-section-header i {
    font-size: 18px; 
    flex-shrink: 0;          /* or whatever size you like */
}
.app-section-header .refresh-btn i ,
.app-section-header .close-btn i {
  font-size: 15px !important;
}
.app-section-header .refresh-btn:hover,
.app-section-header .close-btn:hover {
  color: #0077ff;
}

.app-section-header .close-btn {
    margin-left: 4px; /* tiny gap between refresh and close */
}

.app-section-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 0;
}

.app-section-content iframe {
    width: 100%;
    width: 100%;
    height: 100%;
    border: none;
}
.floating-window { transition: box-shadow 0.2s; }
.floating-window:hover { box-shadow: 0 25px 60px rgba(0,0,0,0.4); }
.floating-header { 
    height: 44px; 
    background: #fff; color: rgb(81, 81, 81); padding: 0 16px;
            display: flex; align-items: center; justify-content: space-between;
            cursor: move; user-select: none; border-radius: 12px 12px 0 0;font-weight: bold;
    
    transition: background 0.2s; }
.floating-header:hover { background: #fff; }
.floating-close {
    background:none;
    border:none;
    color:rgb(49, 49, 49);
    font-size:22px;
    cursor:pointer;
    padding:4px 10px;
    border-radius:4px;
    transition:background 0.2s;

}
.floating-title {
    font-weight:bold;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}