#sw-popup-overlay {display:none;opacity:0;transition:opacity 0.2s ease;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;display:flex;align-items:center;justify-content:center;font-family:'Segoe UI',sans-serif;}
#sw-popup-overlay.show {display:flex;opacity:1;pointer-events:auto;}
#sw-popup-overlay.hide {opacity:0;pointer-events:none;}
#sw-popup-modal {background:#fff;border-radius:8px;width:700px;height:500px;max-width:95%;max-height:95%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.4);}
.sw-popup-header {display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#114c9d;color:#fff;}
.sw-popup-header h2.sw-popup-title {margin:0;font-size:15px;line-height:20px;min-height:20px;overflow:hidden;}
.sw-popup-close {background:none;border:none;color:#fff;font-size:20px;cursor:pointer;}
.sw-popup-body {padding:16px;overflow:hidden;flex-direction:row;}
.sw-popup-left, .sw-popup-right {flex:1;display:flex;flex-direction:column;min-width:0;}
.sw-popup-left input {margin-bottom:8px;padding:6px;border:1px solid #ccc;border-radius:4px;}
/* .sw-popup-list {list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;border:1px solid #ddd;border-radius:4px;}
.sw-popup-list li {padding:8px 12px;border-bottom:1px solid #eee;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sw-popup-list li:hover {background:#f0f5ff;}
.sw-popup-list.selected li {background:#eef;} */
.sw-popup-right .sw-popup-title {margin-bottom:8px;font-weight:bold;}


.sw-popup-body .popup-wrapper { display: flex; border: 1px solid #ccc; height: 400px; }
.sw-popup-body .left-panel, .right-panel { flex: 1; padding: 12px; overflow-y: auto; }
.sw-popup-body .left-panel { border-right: 1px solid #ccc; }
.sw-popup-body .left-panel ul { list-style: none; padding-left: 16px; margin: 0; }
.sw-popup-body .left-panel li { padding: 4px 8px; border-bottom: 1px solid #eee; cursor: pointer; }
.sw-popup-body .left-panel li:hover { background: #f0f5ff; }
.sw-popup-body .left-panel summary { font-weight: bold; padding: 6px 8px; background: #f5f5f5; border: 1px solid #ddd; margin-bottom: 4px; cursor: pointer; }
.selected-list li { background: #e8f5e9; }

@media (max-width:600px){
	#sw-popup-modal{width:95%;height:90%;}
	.sw-popup-body{flex-direction:column;}
}