.on-leave-card{height:216px;box-sizing:border-box}.on-leave-card,.on-leave-wrapper{display:flex;flex-direction:column}.on-leave-wrapper{padding:2px 0;gap:10px;flex:1 1;overflow:hidden;scrollbar-width:none}.on-leave-wrapper::-webkit-scrollbar{display:none}.on-leave-toggle-container{display:inline-flex;background-color:#f1f3f4;border-radius:20px;padding:3px;width:max-content;margin-top:-5px;margin-bottom:5px}.on-leave-toggle-btn{border:none;background:none;padding:5px 14px;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;color:gray;transition:all .2s ease}.on-leave-toggle-btn.active{background-color:#fff;color:#1f4b63;box-shadow:0 2px 4px rgba(0,0,0,.08)}.on-leave-employee-container{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.on-leave-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.on-leave-info{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.on-leave-name{font-size:14px;font-weight:500;color:#000}.on-leave-name,.on-leave-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-leave-role{font-size:12px;color:#64748b;margin-top:2px}.on-leave-right{display:flex;flex-direction:column;align-items:flex-end;min-width:90px;flex-shrink:0}.on-leave-type{font-weight:500;color:#000;background-color:rgba(31,75,99,.1);padding:2px 6px;border-radius:4px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;max-width:160px}.on-leave-date,.on-leave-type{font-size:11px;white-space:nowrap}.on-leave-date{color:#64748b}.on-leave-no-data-wrapper{display:flex;justify-content:center;align-items:center;flex:1 1;width:100%}.on-leave-modal-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:20px!important;width:100%}.on-leave-modal-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.on-leave-header{margin-bottom:5px!important}.on-leave-header-left{display:flex;align-items:center;gap:16px}.on-leave-header-left .on-leave-toggle-container{margin:0}.on-leave-modal-content{display:flex;flex-direction:column;gap:0;height:380px;overflow-y:auto;padding:16px 24px!important}.on-leave-modal-content .modal-item{border-bottom:none;padding:7px 2px}.on-leave-modal-content .on-leave-type{max-width:250px}