.lef-host-list-p-m-b-common{padding-bottom:2rem; margin-bottom:2rem; border-bottom:solid 1.5px var(--leb-border-color)} .lef-host-list-header{align-items:center; display:flex; gap:1rem; justify-content:space-between} .lef-host-list-header-left{align-items:center; display:flex; gap:1rem; min-width:0} .lef-host-list-header-icon{align-items:center; background:var(--leb-primary-color); border-radius:100rem; color:var(--leb-white); display:flex; flex:0 0 auto; height:44px; justify-content:center; width:44px} .lef-host-list-header-icon svg{height:60%; width:60%} .lef-host-list-title{font-size:2.6rem; font-weight:500} .lef-host-list-entry{color:var(--leb-secondary-color); display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; gap:1rem; align-items:flex-start} .lef-host-list-add-btn{align-items:center; background:var(--leb-primary-color); border-radius:8px; color:var(--leb-white); display:inline-flex; font-size:1.4rem; font-weight:500; gap:8px; justify-content:center; padding:8px 15px; white-space:nowrap} .lef-host-list-add-btn:hover,.lef-host-list-add-btn:focus-visible{background:var(--leb-primary-dark); outline:0; cursor:pointer; transform:translateY(-2px); transition:0.2s ease-in-out} .lef-host-list-add-btn svg{height:16px; width:16px} .lef-host-list-search-box{align-items:center; display:flex; gap:12px; margin-bottom:2rem; border:solid 1px var(--leb-border-color); border-radius:1rem; padding:1rem} .lef-host-list-search-icon{align-items:center; color:var(--leb-text-muted); display:flex; flex:0 0 auto; justify-content:center} .lef-host-list-search-icon svg{height:18px; width:18px} .lef-host-list-search-input{background:transparent; border:0; color:var(--leb-text-color); flex:1; font-size:1.4rem; font-weight:400; min-width:0; outline:0; width:100%} .lef-host-list-search-input::placeholder{color:var(--leb-text-muted)} .lef-host-list-clear-btn{align-items:center; background:var(--leb-bg-light); border:1px solid var(--leb-border-color); border-radius:100rem; padding:2px; color:var(--leb-text-muted); display:none; justify-content:center} .lef-host-list-clear-btn.lef-host-list-clear-visible{display:inline-flex} .lef-host-list-clear-btn:hover{background:var(--leb-primary-light-bg); border-color:var(--leb-primary-color); color:var(--leb-primary-color)} .lef-host-list-clear-btn svg{height:16px; width:16px} .lef-host-list-tabs{display:grid; gap:1rem; grid-template-columns:repeat(4,minmax(0,1fr))} .lef-host-list-tab{align-items:center; background:transparent; border:solid 1px var(--leb-border-color); border-radius:8px; color:var(--leb-text-color); display:inline-flex; font-size:1.4rem; font-weight:400; gap:8px; justify-content:center; padding:9px 12px; transition:background 0.2s ease,color 0.2s ease; white-space:nowrap} .lef-host-list-tab:hover{background:var(--leb-primary-light-bg); color:var(--leb-primary-color)} .lef-host-list-tab.lef-host-list-tab-active{background:var(--leb-primary-color); color:var(--leb-white)} .lef-host-list-tab-count{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-default); border-radius:8px; color:var(--leb-text-muted); display:inline-flex; font-size:1rem; font-weight:500; height:22px; justify-content:center; min-width:22px; padding:0 6px} .lef-host-list-select-row-wrap{align-items:center; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; border-bottom:2px solid var(--leb-border-color); margin:2rem 0rem; padding-bottom:1rem} .lef-host-list-select-row{align-items:center; display:flex; gap:1rem} .lef-host-list-bulk-actions{align-items:center; display:flex; gap:1rem} .lef-host-list-bulk-select{padding:0 1rem; border-radius:6px; border:1px solid var(--leb-border-default); font-size:1.2rem; color:var(--leb-secondary-color); width:120px; min-height:30px} .lef-host-list-bulk-btn{background:var(--leb-white); border:1px solid var(--leb-border-default); border-radius:6px; color:var(--leb-secondary-color); padding:0.4rem 1rem; font-size:1.2rem; font-weight:400; cursor:pointer; min-height:30px} .lef-host-list-bulk-btn:hover{background:var(--leb-primary-light-bg); border-color:var(--leb-primary-color); color:var(--leb-primary-color)} .lef-host-list-bulk-delete{color:var(--leb-error-color)} .lef-host-list-bulk-delete:hover{background:var(--leb-error-light-bg); border-color:var(--leb-error-color); color:var(--leb-error-color)} .lef-host-list-checkbox{appearance:none !important; background:var(--leb-white); border:2px solid var(--leb-border-default) !important; border-radius:4px; display:inline-grid !important; flex:0 0 auto; height:18px !important; margin:0 !important; place-content:center; width:18px !important} .lef-host-list-checkbox:focus-visible{box-shadow:var(--leb-focus-shadow); outline:0} .lef-host-list-select-label{color:var(--leb-text-muted); font-size:1.3rem; font-weight:500; line-height:1} .lef-host-list-card-list{display:grid; gap:1.8rem} .lef-host-list-card{position:relative; background:var(--leb-white); border:1px solid var(--leb-border-default); border-radius:2rem; overflow:hidden; padding:12px} input.lef-host-list-row-checkbox{position:absolute; top:14px; left:45px} .lef-host-list-card-top{align-items:flex-start; display:flex; justify-content:space-between} .lef-host-list-thumb{background:var(--leb-primary-light-bg); border:1px solid var(--leb-border-color) !important; border-radius:8px !important; height:50px !important; object-fit:cover; width:50px} .lef-host-list-card-body{display:grid; gap:1.6rem; grid-template-columns:repeat(1,1fr); padding:1rem 0} .lef-host-list-sno{align-items:center; background:var(--leb-primary-color); border-radius:100rem; color:var(--leb-white); display:inline-flex; font-size:1.2rem; font-weight:500; height:24px; justify-content:center; min-width:24px; padding:0 7px; width:max-content} .lef-host-list-label{color:var(--leb-text-muted); font-size:1.3rem; line-height:1; font-weight:500; width:20%} .lef-host-list-value{align-items:center; color:var(--leb-text-color); display:flex; font-size:1.3rem; font-weight:500; justify-content:flex-end; text-align:right; word-break:break-word; line-height:1.2; width:80%} .lef-host-list-status{align-items:center; border:1px solid var(--leb-border-default); border-radius:8px; display:inline-flex; font-size:1rem; font-weight:500; justify-content:center; line-height:1; padding:7px 12px; text-transform:capitalize; white-space:nowrap} .lef-host-list-status[data-lef-host-list-status="published"]{background:var(--leb-success-light-bg); color:var(--leb-success-color)} .lef-host-list-status[data-lef-host-list-status="pending"],.lef-host-list-status[data-lef-host-list-status="draft"]{background:var(--leb-warning-light-bg); color:var(--leb-warning-color)} .lef-host-list-status[data-lef-host-list-status="rejected"]{background:var(--leb-error-light-bg); color:var(--leb-error-color)} .lef-host-list-actions{align-items:center; border-top:1px solid var(--leb-border-color); display:flex; gap:8px; justify-content:flex-end; min-height:48px; padding-top:10px} .lef-host-list-action-btn{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-default); border-radius:8px; color:var(--leb-secondary-color); display:inline-flex; font-size:1.1rem; font-weight:500; gap:6px; justify-content:center; min-width:82px; padding:6px 12px; transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease; cursor:pointer} .lef-host-list-action-btn:hover,.lef-host-list-action-btn:focus-visible{background:var(--leb-primary-light-bg); border-color:var(--leb-primary-color); color:var(--leb-primary-color); outline:0} .lef-host-list-action-delete{color:var(--leb-error-color)} .lef-host-list-action-delete:hover,.lef-host-list-action-delete:focus-visible{background:var(--leb-error-light-bg); border-color:var(--leb-error-color); color:var(--leb-error-color)} .lef-host-list-action-btn svg{height:15px; width:15px} .lef-host-list-empty{align-items:center; color:var(--leb-text-muted); display:none; flex-direction:column; gap:8px; justify-content:center; min-height:220px; padding:28px; text-align:center} .lef-host-list-empty.lef-host-list-empty-visible{display:flex} .lef-host-list-empty-title{color:var(--leb-secondary-color); font-size:2rem; font-weight:600} .lef-host-list-empty-text{color:var(--leb-text-muted); font-size:1.3rem; font-weight:400} .lef-host-list-pagination{align-items:center; display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; padding:20px 0 0} .lef-host-list-pagination-text{color:var(--leb-text-muted); font-size:1.4rem; font-weight:400} .lef-host-list-pagination-controls{align-items:center; display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end} .lef-host-list-page-btn{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:8px; color:var(--leb-text-muted); display:inline-flex; font-size:1rem; font-weight:500; height:34px; justify-content:center; min-width:34px; padding:0 9px; transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease; cursor:pointer} .lef-host-list-page-btn:hover:not(:disabled){background:var(--leb-primary-light-bg); border-color:var(--leb-primary-color); color:var(--leb-primary-color)} .lef-host-list-page-btn.lef-host-list-page-active{background:var(--leb-primary-color); border-color:var(--leb-primary-color); color:var(--leb-white)} .lef-host-list-page-btn:disabled{cursor:not-allowed; opacity:0.45} .lef-host-list-page-btn svg{height:16px; width:16px} @media (max-width:580px){.lef-host-list-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:425px){.lef-host-list-header-icon{height:36px; width:36px} .lef-host-list-title{font-size:2rem} .lef-host-list-add-btn,.lef-host-list-tab{font-size:1.2rem} .lef-host-list-tab-count{height:auto; min-width:auto} .lef-host-list-bulk-select{width:100px}} @media (max-width:370px){.lef-host-list-title{font-size:1.7rem; line-height:1.2} .lef-host-list-add-btn{font-size:0.9rem} .lef-host-list-sno{min-width:20px; height:20px} .lef-host-list-label,.lef-host-list-value{font-size:1.2rem} .lef-host-list-action-btn{font-size:1rem; min-width:75px} .lef-host-list-bulk-btn{font-size:1.1rem}}